Сценарии и структура
- Разбор задач пользователей и их порядка
- Карта экранов и переходов
- Приоритет действий на каждом экране
- Проверка сценария на прототипе
UX/UI-дизайн
UX/UI-дизайн приложений, сайтов и панелей
Проектируем интерфейсы, которыми пользуются каждый день: приложения, панели управления, личные кабинеты. От сценариев и прототипа до дизайн-системы и передачи в разработку.
Состав работ
Что входит в направление
Прототипы
- Кликабельный прототип ключевых экранов
- Проверка пути до целевого действия
- Сравнение вариантов решения
- Правки до начала разработки
Состояния интерфейса
- Пустой экран и первое заполнение
- Загрузка и долгие операции
- Ошибки формы и отказ сервера
- Длинные названия и переполнение
- Недоступное действие и причины
Дизайн-система
- Токены цвета, шрифтов и отступов
- Библиотека компонентов с состояниями
- Сетка и вертикальный ритм
- Правила адаптива от 360 до 1920 px
Передача в разработку
- Макеты с точными размерами и отступами
- Описание поведения и текстов
- Экспорт иконок и изображений
- Проверка вёрстки на соответствие макету
Результат
Что вы получаете
- Карта пользовательских сценариев
- Кликабельный прототип основных экранов
- Макеты всех состояний, включая пустые и ошибочные
- Дизайн-система с токенами и компонентами
- Адаптивные версии для мобильного, планшета и десктопа
- Спецификация компонентов для разработчика
- Проверка контраста и размеров интерактивных целей
Технологии
Стек, на котором работаем
FigmaFigma VariablesFigJamPenpotTailwind CSSStorybookPlaywrightAxeSVGHTMLCSSNext.js
Как работаем
Порядок работы по направлению
01
Погружение в задачу
Определяем, кто пользователь, что он делает и по какому признаку поймёт, что всё получилось.
02
Сценарии и прототип
Собираем путь пользователя в черновом виде и проверяем на нём логику до отрисовки интерфейса.
03
Визуальное решение
Проектируем сетку, шкалу шрифтов, цвет и компоненты. Сразу проверяем на реальных данных и длинных текстах.
04
Состояния и адаптив
Дорисовываем пустые, загрузочные и ошибочные состояния, проверяем экраны от 360 px.
05
Передача и приёмка
Передаём макеты со спецификацией, отвечаем на вопросы разработки и проверяем результат в браузере.
Форматы
Что можно заказать в этом направлении
Отдельные страницы по форматам работ: состав, сроки и стартовая цена.
от 19 990 ₽Создание лендинговЛендинг нужен, когда есть одно предложение и трафик, который на него ведут: реклама, рассылка, партнёрская ссылка. Подхо…Подробнее14 990 ₽Сайт-визиткаВизитка нужна тем, кого ищут по названию или рекомендации: частные специалисты, небольшие студии, мастера, локальные усл…Подробнееот 39 990 ₽Корпоративный сайтКорпоративный сайт нужен компании с несколькими направлениями, отделами или площадками, где контент живёт и меняется: но…Подробнееот 39 990 ₽Сайты в МосквеСтраница для тех, кому важно встретиться с исполнителем лично: обсудить задачу в офисе, показать документы, сверить дого…Подробнее
Форматы
Конкретные форматы работ
У каждого формата — своя страница: что входит, чего не входит, сроки и стартовая цена.
от 19 990 ₽Создание лендинговГотовая страница на вашем домене: один оффер, понятное действие, работающая форма с уведомлениями и цели в аналитик…Состав и сроки14 990 ₽Сайт-визиткаСайт из пяти страниц на вашем домене: услуги, информация о компании, контакты с картой и форма заявки. Плюс доступы…Состав и срокиот 39 990 ₽Корпоративный сайтРаботающий сайт с админкой, шаблонами страниц и ролями редакторов. Контент обновляется вашими силами, заявки уходят…Состав и срокиот 39 990 ₽Сайты в МосквеСайт, сделанный по договору с понятными этапами, и возможность обсудить детали лично в московском офисе. Доступы, к…Состав и сроки
Концепты
Как это выглядит в проектах
Демонстрационные концепты: показывают подход к задаче и уровень проработки. Это не проекты клиентов.
концепт
Мобильные приложения
Мобильное приложение записи на услуги
Запись ведётся по телефону и в переписке. Администратор тратит время на согласование времени, часть слотов теряется из-за отмен, которые никто не зафиксировал.
2026
концепт
Веб-приложения и SaaS
SaaS-панель управления подписками
Клиенты, тарифы и продления ведутся в таблицах. Сверка оплат выполняется вручную, расхождения находятся через недели, история изменений не сохраняется.
2026
концепт
Telegram Mini Apps
Telegram Mini App для заказов
Заказы принимаются в переписке: состав, адрес и оплата обсуждаются вручную. Часть заказов теряется в истории чата, повторный заказ начинается с нуля.
2026
Вопросы
По направлению
Может быть и так, и так. В проектах разработки дизайн идёт частью этапа. Если нужен только дизайн — делаем его отдельным блоком работ с передачей макетов.
Да, когда это влияет на решение: интервью, разбор текущего поведения, анализ обращений в поддержку. Если решение очевидно, не тратим на это бюджет.
Токены цвета, шрифтов, отступов и радиусов, библиотека компонентов с состояниями и правила использования. Всё в виде, пригодном для переноса в код.
Контраст текста не ниже 4.5:1, интерактивные цели не меньше 44 px, видимый фокус, смысл не передан только цветом. Проверяем макеты и потом вёрстку.
Да. Начинаем с разбора текущих экранов: что мешает пользователю и какие состояния не проработаны. Дальше — точечные изменения или последовательный редизайн.
Заявка
Обсудим задачу по направлению «UX/UI-дизайн»
Заполните короткую форму — вернёмся с вопросами и вариантом решения. Если задача не наша, скажем прямо.
Есть задача? Начнём с разбора
Опишите, что нужно сделать. Предложим вариант решения, состав работ и порядок цен.