Проектирование интерфейса — это превращение бизнес-задачи в понятный продукт. Мы определяем, что увидит пользователь, как он будет взаимодействовать с системой и что получит в результате. Вы получаете готовые макеты и спецификацию для передачи в разработку — или сразу код на вашем стеке.
Если нужно, мы не останавливаемся на макетах — реализуем спроектированный интерфейс на технологиях вашей команды: React, Vue, Angular, Swift, Kotlin, 1С-Битрикс. Те же специалисты, которые спроектировали решение, пишут код — без потерь при передаче.
За двадцать лет мы спроектировали сотни интерфейсов: от мобильных приложений до банкоматов и сложных корпоративных систем. Знаем, как работать с ограничениями железа, регуляторными требованиями и унаследованными системами.
Когда нужно проектирование
Создание нового продукта
У вас есть идея или требования, но нет понимания, как это должно выглядеть. Проектирование превращает абстрактное «нам нужно приложение для…» в конкретные экраны, кнопки и сценарии. Вы видите продукт до того, как написана первая строка кода.
Редизайн существующего интерфейса
Старый интерфейс не справляется: пользователи жалуются, конверсия падает, добавление новых функций превращается в мучение. Перепроектирование позволяет переосмыслить продукт, сохранив то, что работает, и исправив то, что мешает.
Сложный продукт с множеством сценариев
Корпоративные системы, B2B-платформы, специализированное ПО — продукты, где нельзя «просто сделать как у всех». Нужно глубоко разобраться в предметной области, понять десятки сценариев и учесть ограничения. Это наша специализация.
Интерфейс для железа
Банкоматы, терминалы самообслуживания, медицинское оборудование, промышленные панели. Здесь особые требования к размерам элементов, скорости отклика, работе в перчатках, устойчивости к вандализму. Мы знаем эту специфику.
Что вы получите
Концептуальный прототип
Схема продукта: структура разделов, логика переходов, расположение блоков. Без финального контента и визуального оформления — только архитектура. На этом этапе легко менять направление, пробовать альтернативы.
Детальные макеты
Полноценные экраны с текстами, иконками, элементами управления. Всё, что нужно для понимания, как будет выглядеть и работать продукт. Интерактивный прототип — по запросу.
Спецификация для разработчиков
Документ с описанием поведения интерфейса: что происходит при нажатии, как реагирует система на ошибки, какие состояния у элементов. Разработчики получают ответы на вопросы до того, как их зададут.
Авторский надзор
Сопровождение на этапе реализации: проверяем, что дизайнеры и разработчики не потеряли логику, заложенную в прототипах. Даём обратную связь, помогаем принимать решения по спорным моментам.
Код на вашем стеке
По запросу передаём результат не только в Figma, но и в виде готового кода: React, Vue, Angular, Swift, Kotlin. Разработчикам не нужно переводить макеты — они получают работающие компоненты на своём стеке.
Как мы работаем
Погружение в контекст
Изучаем бизнес, аудиторию, конкурентов. Для сложных продуктов — разбираемся в предметной области: читаем документацию, общаемся с экспертами, смотрим существующие интерфейсы. Без этого проектировать осмысленно невозможно.
Сбор требований
Интервью с заказчиком, маркетологами, разработчиками, поддержкой. Выясняем цели проекта, ограничения, особенности аудитории. Фиксируем в документе — потом сверяемся, чтобы ничего не потерять.
Исследование пользователей
Если аудитория не изучена — проводим UX-исследование. Если данные есть — анализируем их. Понимание пользователей — основа человекоориентированного проектирования.
Концептуальное проектирование
Создаём черновой прототип: схемы экранов, логика переходов, структура информации. Согласуем с заказчиком — убеждаемся, что понимаем продукт одинаково.
Детальное проектирование
Наполняем концепцию содержанием: тексты, элементы управления, состояния. Прорабатываем сценарии, граничные случаи, ошибки. Если нужно — делаем прототип интерактивным.
Тестирование
Проверяем прототип на реальных пользователях. Исправить макет — дни, переписать код — недели. В разработку передаём проверенную версию.
Передача в разработку — или реализация
Готовим спецификацию и проводим хендовер-сессию с командой разработки. А если у вашей команды нет ресурсов — реализуем интерфейс сами, на вашем технологическом стеке. Отвечаем на вопросы в процессе реализации.
Примеры наших проектов
Терминалы кинотеатра. Спроектировали интерфейс для терминалов самообслуживания: покупка билетов, выбор мест, оплата. Учли работу в перчатках зимой, ограничения тач-экрана, очереди за спиной. Три типа терминалов — единая логика.
Банковское приложение. Перепроектировали мобильный банк для корпоративных клиентов. Сотни операций, сложные сценарии согласования, интеграция с 1С. Упростили навигацию, сократили количество шагов в типовых операциях.
Личный кабинет телеком-оператора. Объединили пять разрозненных интерфейсов в один. Единая точка входа для управления услугами, оплаты, поддержки. Пользователи перестали теряться между порталами.
Интерфейс медицинского оборудования. Проектировали панель управления для диагностического аппарата. Требования к скорости отклика, работе в стерильных перчатках, минимизации ошибок оператора. Сертификация — отдельная история.
Сроки и стоимость
Концептуальное проектирование небольшого продукта — от 2 недель. Детальное проектирование сложной системы — 2-3 месяца. Всё зависит от масштаба: количества экранов, сценариев, глубины проработки.
Стоимость обсуждаем после понимания задачи. Мы не продаём часы — продаём результат. Но бюджет всегда фиксируем заранее, без сюрпризов.
Напишите нам — расскажем, как подойти к вашему проекту.
Почему мы
Двадцать лет сложных проектов. Банкоматы, терминалы, медицинское оборудование, корпоративные системы. Знаем, как работать с ограничениями железа, регуляторными требованиями, унаследованным кодом. Не пугаемся слов «интеграция», «согласование», «legacy».
Проектирование на основе исследований. Мы не рисуем экраны из головы. Каждое решение опирается на понимание пользователей — из наших исследований или ваших данных. Это отличает работающий интерфейс от красивой картинки.
Полный цикл — от макета до кода. Вы получаете готовые макеты и спецификацию, которые можно передать в разработку. А если нужно — мы реализуем интерфейс сами, на вашем стеке. Не бесконечные итерации, а конкретный результат в оговорённые сроки. Подробнее о нашем подходе →
Частые вопросы
Чем проектирование отличается от дизайна?
Проектирование — это структура, логика, сценарии. Дизайн — это визуальное оформление. Мы занимаемся первым: определяем, что и где будет на экране, как пользователь переходит между экранами, какие данные вводит. Визуальный дизайн может делать ваша команда или мы — по договорённости.
Вы делаете визуальный дизайн?
Мы специализируемся на UX-проектировании — логике и структуре интерфейса. Визуальный дизайн делаем по запросу или работаем в связке с вашими дизайнерами. Главное — чтобы красота не мешала удобству.
Можно работать с нашей дизайн-системой?
Да, мы адаптируемся к вашей дизайн-системе и гайдлайнам. Если дизайн-системы нет — поможем заложить основы: компоненты, паттерны, принципы.
Сколько итераций входит в проект?
Обычно две-три итерации на каждом этапе. Точное количество фиксируем в договоре. Если требуется больше — обсуждаем дополнительно. Наша цель — результат, а не бесконечные правки.
Можно получить код, а не макеты?
Да, по желанию передаём результат не только в Figma, но и в виде готового кода на вашем стеке. Это ускоряет внедрение: разработчикам не нужно переводить макеты — они получают готовые компоненты.
Как вы передаёте результаты разработчикам?
Готовим спецификацию: структура экранов, поведение элементов, реакции на действия, граничные случаи. Всё в Figma с комментариями. Проводим хендовер-сессию, отвечаем на вопросы в процессе разработки.
Расскажите о своём проекте — обсудим, какой формат подойдёт и с чего лучше начать.