Дизайн-концепция
Изучаем брендбук и фирменный стиль (если их нет — предложим базовые решения), собираем референсы, прорабатываем цветовые схемы, типографику и графические приёмы. Показываем две концепции на выбор на примере ключевой страницы.
Дизайн интерфейсов:
от концепции до дизайн-системы
Дизайн интерфейсов:
от концепции до дизайн-системы
Дизайн
интерфейсов
Дизайн интерфейсов:
от концепции до дизайн-системы
Дизайн сложных систем — порталы, кабинеты, дашборды. Дизайн-система и адаптивы, передача в разработку через Figma
Этап 2 · Процесс 2ДИТ
Мы проектируем интерфейсы цифровых продуктов — от корпоративных порталов и личных кабинетов до публичных сайтов. Работаем в Figma: разрабатываем дизайн-концепцию, отрисовываем все экраны с адаптивами и собираем дизайн-систему, по которой продукт развивается без «расползания» стиля. Этап занимает около 2 недель и составляет ~15% бюджета проекта. Исходники макетов передаются заказчику.
~2 недели срок этапа~15% доля бюджета2 концепции на выборFigma исходники ваши
Дизайн интерфейсов сложных систем
Красивая картинка — не главное в интерфейсе, которым сотрудники пользуются по 8 часов в день. Для порталов, кабинетов и B2B-платформ мы решаем другие задачи.
Работа с данными
Таблицы на тысячи строк, фильтры, дашборды и отчёты — так, чтобы ими было удобно пользоваться, а не только смотреть на скриншоте.
Ролевые интерфейсы
Один продукт — разные экраны для сотрудника, руководителя, дилера, администратора. Проектируем логику ролей ещё на уровне дизайна.
Скорость восприятия
Сценарии, где важны секунды: обработка заявки, согласование документа, поиск по базе. Убираем лишние клики.
Доступность и комфорт
Читаемые контрасты, состояния элементов, поддержка тёмной темы там, где это уместно.
Как проходит разработка дизайна
Пять шагов — от концепции до передачи в разработку.
Дизайн ключевых экранов
После утверждения концепции отрисовываем главную и ключевые экраны с интерактивными состояниями: кнопки, навигация, слайдеры, формы — как элементы ведут себя при наведении, нажатии, ошибке.
Все экраны и адаптивы
Разворачиваем дизайн на все страницы прототипа, включая мобильные и планшетные версии. Для порталов и кабинетов — состояния «пустых» экранов, загрузки и ошибок, о которых часто забывают.
Дизайн-система
Собираем библиотеку компонентов: цвета, типографика, отступы, кнопки, формы, карточки — с логикой использования. По дизайн-системе продукт можно развивать годами, не размывая стиль, а новые экраны собираются в разы быстрее.
Передача в разработку
Разработчики получают макеты в Figma со структурированными компонентами и спецификациями. Дизайнер сопровождает вёрстку и проверяет соответствие макету до запуска.
AI-инструменты в дизайн-процессе
Используем генеративные инструменты там, где они ускоряют работу без потери качества: генерация и обработка изображений и фонов, быстрые вариации элементов, черновые иллюстрации для согласования направления. Финальную графику и все решения по интерфейсу делает дизайнер.
Figma (основной инструмент, Dev Mode)PhotoshopIllustratorAI-инструменты генерации графики
Нужна 3D-графика или AR-примерка? Отдельная услуга — 3D и AR →
Результат этапа
01
Утверждённая дизайн-концепция
Визуальный язык продукта.
02
Макеты всех экранов
С адаптивами и состояниями элементов.
03
Дизайн-система
Библиотека компонентов для развития продукта.
04
Исходники Figma
Передаются вам, доступ не ограничиваем.
Как начать обсуждение нового проекта?
Всё очень просто!
Частые вопросы о дизайне
Две концепции на выбор на примере ключевой страницы. Дальше развиваем выбранную; если ни одна не попала — обсуждаем и делаем третью итерацию.
По каждому экрану — до двух итераций правок в рамках утверждённой концепции. Этого хватает в подавляющем большинстве случаев; правки сверх — по часам, прозрачно.
Да, закладываем время на его изучение и строго следуем гайдлайнам. Если брендбука нет — предложим базовые решения по цвету и типографике в рамках проекта.
Да. Все макеты и дизайн-система в Figma передаются заказчику без ограничений.
Да, дизайн — самостоятельная услуга. Часто делаем редизайн с последующей передачей вашей команде разработки.
