UI/UX Дизайн
Дизайн на основе исследований, который делает сложные продукты понятными.
Продукт может работать отлично и при этом терять пользователей. Люди уходят, когда шаг непонятен, надпись неоднозначна или текст трудно читать.
Мы начинаем с исследования того, как работают пользователи. Затем проектируем экраны, тестируем их и передаём разработчикам с описанием всех состояний.
Что говорят данные
Дизайн определяет, завершат ли люди начатое, и смогут ли они вообще прочитать страницу без посторонней помощи.
потенциальный рост конверсии для крупного интернет-магазина только за счёт исправления дизайна чекаута, по данным юзабилити-тестирований Baymard Institute
Baymard Institute, 2025главных страниц из топ-миллиона имели текст с контрастностью ниже стандарта WCAG 2 AA в феврале 2026 года. В 2025 году показатель составлял 79,1%
WebAIM Million, 2026дата, после которой Европейский акт о доступности применяется к потребительским услугам, включая электронную коммерцию и банкинг
Директива (ЕС) 2019/882, ст. 2(2)Независимые данные. Каждая цифра — со ссылкой на первоисточник.
Для кого
Продуктовые команды, теряющие пользователей
Команды, чья аналитика показывает отток при онбординге или на чекауте, и которым нужно понять причину до внесения изменений.
Основатели, готовящие продукт к запуску
Новый продукт, для которого нужны пользовательские пути, экраны и библиотека компонентов перед стартом разработки.
Организации с обязательствами по обеспечению доступности
Банки, интернет-магазины, госорганы и международные организации, чьи услуги должны соответствовать требованиям доступности. Макеты проверяются на соответствие WCAG 2.1 AA до передачи в разработку.
Что входит
UX-аудиты
Структурированный анализ существующего продукта: принципы юзабилити, статистика, отток в воронке и доступность. Вы получаете приоритизированный список проблем и способов их решения.
Пользовательские исследования
Интервью, анализ статистики и юзабилити-тесты показывают, как люди пользуются продуктом и где останавливаются. Результаты оформляются письменно и связываются с дизайн-решениями.
Пользовательские пути и вайрфреймы
Информационная архитектура, пути пользователей и схематичные вайрфреймы. Мы согласовываем структуру до начала работы над визуалом.
UI-дизайн
Детальные экраны для веба и мобильных устройств с описанием всех состояний: по умолчанию, при наведении, неактивное, ошибка и пустое. Каждый экран проверяется на размерах телефона, планшета и десктопа.
Дизайн-системы
Общая библиотека компонентов и токенов цвета, типографики и отступов с письменными правилами использования. Дизайнеры и разработчики используют одни и те же элементы, поэтому новые экраны остаются единообразными.
Прототипы и передача разработчикам
Интерактивные прототипы для пользовательских тестов и утверждения. Файлы для передачи включают спецификации, примечания по взаимодействию и доступности, а также компоненты в коде, если это входит в объём работ.
Технологии
Инструменты, которыми мы пользуемся в этой работе. Стек выбирается под проект и фиксируется в письменном объёме работ.
- Figma
- Adobe XD
- Sketch
- Framer
- Storybook
Как мы работаем
Исследование и анализ
Интервью с пользователями, конкурентный анализ и эвристическая оценка текущего продукта. Проектирование начинается на основе фактов.
Архитектура и вайрфреймы
Информационная архитектура, пути пользователей и схематичные вайрфреймы. Они обсуждаются и дорабатываются с вами до создания визуального дизайна.
Визуальный дизайн
Детализированные экраны на базе библиотеки компонентов. Для каждого элемента проработаны состояния и адаптация под размеры экранов.
Прототип и тесты
Интерактивные прототипы, которые тестируются на представителях вашей целевой аудитории. Они дорабатываются по результатам проверки.
Передача в разработку
Готовые файлы для разработчиков со спецификациями и комментариями по доступности. Если в объём работ входит код, компоненты предоставляются и в коде.
Частые вопросы
Да. Мы начинаем с UX-аудита: структурированной проверки по принципам юзабилити, а также анализа вашей статистики и доступности. Вы получаете приоритизированный список проблем ещё до того, как предлагается редизайн.
Да. В зависимости от объёма работ это интервью с вашими пользователями, анализ статистики и юзабилити-тесты на прототипах. Результаты оформляются письменно и связываются с дизайн-решениями.
Если она включена в объём работ. Дизайн-система — это общая библиотека компонентов, токенов и правил их использования. Она особенно полезна, когда экраны одного продукта создают несколько человек.
Да. Файлы подготовлены для передачи в разработку: состояния компонентов, отступы, размеры экранов и примечания по доступности. Если это входит в объём работ, мы также передаём компоненты в коде.
Вам. Файлы дизайна, библиотеки компонентов и графика передаются вам. Они переносятся в ваш аккаунт для самостоятельного редактирования вашей командой.
Если вы оказываете потребительские услуги в ЕС — например, электронную коммерцию или банковские услуги, — возможно. Европейский акт о доступности применяется к таким услугам после 28 июня 2025 года. Микропредприятия, оказывающие услуги, освобождены. Мы проектируем по WCAG 2.1 AA и указываем в объёме работ, что это включает.
Готовы начать?
Расскажите о проекте. Мы исследуем до того, как назвать цену, и вы получаете письменный объём и детализированную смету — без догадок и без счёта за раздумья.
- Фиксированный объём работ
- Все права на результат — ваши
- Ответ в течение одного рабочего дня