Проектируем пользовательские сценарии, готовим финальные макеты ключевых экранов и дизайн-систему, по которой приложение или сайт уходит в разработку. Делаем дизайн под бренд для нового продукта и редизайн интерфейса действующего.
UX/UI-дизайн в FITTIN закрывает две стороны интерфейса. UX — это логика: какие сценарии проходит пользователь и из каких экранов они состоят. UI — это визуальный слой: фирменный стиль, типографика, цвет, иконографика и состояния элементов. На выходе — комплект макетов и дизайн-система, по которым продукт реализуется без расхождений со стилем.
Дизайнер участвует в каждом проекте — как в составе разработки приложения или сайта на платформе, так и отдельной услугой. Что мы делаем:
Разбираем путь пользователя от первого экрана до целевого действия и раскладываем его на конкретные экраны.
Фирменный стиль, типографика, цвет, иллюстрации и иконографика — в финальных макетах ключевых экранов.
Единый набор компонентов и правил, по которому разработчики реализуют интерфейс единообразно.
Обновляем структуру экранов и визуальный стиль работающего приложения или сайта.
Разработку UX/UI-дизайна заказывают компании, которым нужен интерфейс под бренд — для нового продукта или для обновления действующего:
Приложение или сайт интернет-магазина, где интерфейс нужно спроектировать и оформить под фирменный стиль с нуля.
Приложение или сайт работают, но визуальный стиль и сценарии устарели и снижают конверсию.
Витрина, каталог, карточка товара, корзина и личный кабинет — в едином фирменном стиле.
Клиентские и корпоративные интерфейсы с личным кабинетом, ролями и сложными сценариями.
Какие сценарии проходит пользователь и из каких экранов состоит каждый сценарий.
Для типового интернет-магазина — обычно 20–40 ключевых экранов под фирменный стиль.
Единая визуальная библиотека интерфейса: фирменная цветовая палитра, шрифты, сетка экранов и готовые UI-компоненты во всех состояниях.
Готовый комплект для технической команды — со всеми экранами, состояниями и параметрами.
Если нужны и приложение, и сайт сразу — посмотрите комплексную разработку e-commerce на единой кодовой базе, где дизайн идёт в составе проекта.
Дизайн идёт до старта разработки и проходит в пять этапов — от пользовательских сценариев до передачи макетов технической команде. Для проектов на платформе FITTIN согласованные макеты и бизнес-сценарии становятся полным техническим заданием: договор на разработку заключается после согласования дизайна.
Разбираем задачи бизнеса и путь пользователя по ключевым сценариям, раскладываем их на экраны и согласуем состав функций.
Выстраиваем логику переходов между экранами и расположение элементов. Для проектов на платформе FITTIN дизайнер кастомизирует базовую UX-сетку готовых сценариев e-commerce под задачу, а не проектирует структуру с чистого листа.
Оформляем экраны под фирменный стиль — цвет, типографика, иллюстрации, иконографика. На выходе — финальные макеты ключевых экранов, готовые к разработке.
Готовим UI-кит: фирменную цветовую палитру, шрифты, сетку экранов и библиотеку компонентов во всех состояниях. По дизайн-системе интерфейс рисуется и реализуется единообразно, а новые экраны добавляются без рассогласования стиля.
Передаём технической команде полный комплект макетов и дизайн-систему со всеми параметрами. На платформе структура макетов и UI-кит на Flutter согласованы заранее, поэтому параметры переносятся в код без пересоздания компонентов.
Макеты и дизайн-систему ведём в Figma — все экраны, компоненты и их состояния держим в одном файле и отдаём разработчикам с точными параметрами. Клиентская часть продукта реализуется на Flutter, с которым UI-кит платформы согласован заранее.
На платформе FITTIN базовая UX-сетка ключевых сценариев e-commerce и UI-кит на Flutter согласованы заранее. Дизайнер и разработчик работают на одной базе компонентов: это снимает этап описания структуры с нуля и сокращает время передачи макетов в разработку. Параметры стиля переносятся в код вручную, но компоненты не пересоздаются — они уже описаны на стороне платформы.
Дизайн и редизайн идут в составе наших проектов — от мобильных приложений fashion-брендов до корпоративных сайтов. Несколько примеров:
Переход fashion-бренда со стороннего решения на собственное приложение с обновлённым интерфейсом и игровой механикой вовлечения (адвент-календарь с бонусами). Клиентская база при миграции сохранена полностью, кейс — финалист Workspace Digital Awards 2026.
Приложение премиального fashion-бренда с индивидуальным интерфейсом под VIP-аудиторию: акцент на визуальной подаче товара и выделении статусных клиентов.
UX/UI-дизайн многостраничного корпоративного сайта компании из бьюти-индустрии: структура разделов, фирменный стиль и единое оформление всех страниц.
Ещё проекты с дизайном и перезапуском интерфейса: Finn Flare — перезапуск приложения бренда одежды на единой кодовой базе Flutter. Полное портфолио — в разделе кейсов.
Стоимость дизайна зависит от того, как вы запускаете продукт. Возможны два варианта.
| Вариант | Как оплачивается дизайн |
|---|---|
| Дизайн в составе проекта на платформе FITTIN | Входит в единоразовую интеграцию приложения или сайта под бренд — отдельно за дизайн платить не нужно. Актуальные тарифы по объёму интеграции — на странице тарифов. |
| Отдельный дизайн или редизайн | Оценивается по ставке дизайнера со сметой и оценкой по часам перед стартом задачи (Time & Materials). Точную смету называем после разбора объёма экранов и сценариев. |
На платформе дизайн — это этап интеграции под бренд: готовая сетка сценариев настраивается под фирменный стиль. Отдельный дизайн и редизайн считаются по часам команды со сметой перед стартом.
Дизайн — это один из этапов запуска продукта. Если у вас ещё нет описанных требований, начните с разработки технического задания. Нужна первая версия продукта для проверки гипотезы — посмотрите разработку MVP. Готовый интерфейс под разработку ведёт к запуску приложения для интернет-магазина, сайта интернет-магазина или корпоративного приложения.
Интерфейс проектируется в едином фирменном стиле, а платформенные привычки iOS и Android — навигация, жесты, системные элементы — учитываются в макетах. На Flutter приложение под обе платформы создаётся из одного UI-кита, поэтому отдельный комплект экранов под каждую платформу обычно не нужен: различия точечные и закладываются в дизайн-системе.
Да. Редизайн интерфейса действующего продукта — отдельное направление услуги. Разбираем текущий пользовательский путь, обновляем структуру экранов и визуальный стиль, готовим новую дизайн-систему и макеты. Если приложение уже работает и сделано другим подрядчиком, перед редизайном помогает аудит UX/UI — он показывает, какие участки интерфейса стоит переработать в первую очередь.
Дизайн-система (UI-кит) — это единая визуальная библиотека интерфейса: фирменная цветовая палитра, шрифты и стили текста, сетка экранов, иконки и готовые UI-компоненты во всех состояниях — обычном, нажатом, неактивном, при загрузке и ошибке. По ней дизайнер рисует экраны в едином стиле, а разработчики реализуют их единообразно.
Для типового интернет-магазина дизайн обычно закрывает 20–40 ключевых экранов: витрина, каталог и фильтры, карточка товара, корзина и оформление заказа, личный кабинет, программа лояльности. Точное число зависит от набора сценариев и состава функций — определяется на этапе проектирования.
На платформе базовая UX-сетка ключевых сценариев e-commerce уже отрисована и согласована с UI-китом на Flutter. Дизайнер не проектирует структуру с чистого листа, а кастомизирует готовую сетку под бренд и сразу делает финальные макеты: цвет, шрифт, иллюстрации, иконографика. Это короче, чем дизайн с нуля, а структура и UI-кит согласованы заранее, поэтому передача макетов в разработку проходит без пересоздания компонентов.
Если приложение или сайт делаются на платформе FITTIN, дизайн входит в единоразовую интеграцию под бренд — отдельно за него платить не нужно, актуальные тарифы по объёму интеграции на странице тарифов. Отдельный дизайн или редизайн действующего продукта оценивается по ставке дизайнера со сметой и оценкой по часам перед стартом задачи по модели Time & Materials; точную смету называем после разбора объёма экранов и сценариев.
