Перейти к содержимому
Webiland
Что мы делаем

UI/UX Дизайн

Дизайн на основе исследований, который делает сложные продукты понятными.

Продукт может работать отлично и при этом терять пользователей. Люди уходят, когда шаг непонятен, надпись неоднозначна или текст трудно читать.

Мы начинаем с исследования того, как работают пользователи. Затем проектируем экраны, тестируем их и передаём разработчикам с описанием всех состояний.

Что говорят данные

Дизайн определяет, завершат ли люди начатое, и смогут ли они вообще прочитать страницу без посторонней помощи.

35,26%

потенциальный рост конверсии для крупного интернет-магазина только за счёт исправления дизайна чекаута, по данным юзабилити-тестирований Baymard Institute

Baymard Institute, 2025
83,9%

главных страниц из топ-миллиона имели текст с контрастностью ниже стандарта WCAG 2 AA в феврале 2026 года. В 2025 году показатель составлял 79,1%

WebAIM Million, 2026
28 июня 2025 г.

дата, после которой Европейский акт о доступности применяется к потребительским услугам, включая электронную коммерцию и банкинг

Директива (ЕС) 2019/882, ст. 2(2)

Независимые данные. Каждая цифра — со ссылкой на первоисточник.

Для кого

Продуктовые команды, теряющие пользователей

Команды, чья аналитика показывает отток при онбординге или на чекауте, и которым нужно понять причину до внесения изменений.

Основатели, готовящие продукт к запуску

Новый продукт, для которого нужны пользовательские пути, экраны и библиотека компонентов перед стартом разработки.

Организации с обязательствами по обеспечению доступности

Банки, интернет-магазины, госорганы и международные организации, чьи услуги должны соответствовать требованиям доступности. Макеты проверяются на соответствие WCAG 2.1 AA до передачи в разработку.

Что входит

01

UX-аудиты

Структурированный анализ существующего продукта: принципы юзабилити, статистика, отток в воронке и доступность. Вы получаете приоритизированный список проблем и способов их решения.

02

Пользовательские исследования

Интервью, анализ статистики и юзабилити-тесты показывают, как люди пользуются продуктом и где останавливаются. Результаты оформляются письменно и связываются с дизайн-решениями.

03

Пользовательские пути и вайрфреймы

Информационная архитектура, пути пользователей и схематичные вайрфреймы. Мы согласовываем структуру до начала работы над визуалом.

04

UI-дизайн

Детальные экраны для веба и мобильных устройств с описанием всех состояний: по умолчанию, при наведении, неактивное, ошибка и пустое. Каждый экран проверяется на размерах телефона, планшета и десктопа.

05

Дизайн-системы

Общая библиотека компонентов и токенов цвета, типографики и отступов с письменными правилами использования. Дизайнеры и разработчики используют одни и те же элементы, поэтому новые экраны остаются единообразными.

06

Прототипы и передача разработчикам

Интерактивные прототипы для пользовательских тестов и утверждения. Файлы для передачи включают спецификации, примечания по взаимодействию и доступности, а также компоненты в коде, если это входит в объём работ.

Технологии

Инструменты, которыми мы пользуемся в этой работе. Стек выбирается под проект и фиксируется в письменном объёме работ.

  • Figma
  • Adobe XD
  • Sketch
  • Framer
  • Storybook

Как мы работаем

01

Исследование и анализ

Интервью с пользователями, конкурентный анализ и эвристическая оценка текущего продукта. Проектирование начинается на основе фактов.

02

Архитектура и вайрфреймы

Информационная архитектура, пути пользователей и схематичные вайрфреймы. Они обсуждаются и дорабатываются с вами до создания визуального дизайна.

03

Визуальный дизайн

Детализированные экраны на базе библиотеки компонентов. Для каждого элемента проработаны состояния и адаптация под размеры экранов.

04

Прототип и тесты

Интерактивные прототипы, которые тестируются на представителях вашей целевой аудитории. Они дорабатываются по результатам проверки.

05

Передача в разработку

Готовые файлы для разработчиков со спецификациями и комментариями по доступности. Если в объём работ входит код, компоненты предоставляются и в коде.

Частые вопросы

Готовы начать?

Расскажите о проекте. Мы исследуем до того, как назвать цену, и вы получаете письменный объём и детализированную смету — без догадок и без счёта за раздумья.

Запросить консультацию
  • Фиксированный объём работ
  • Все права на результат — ваши
  • Ответ в течение одного рабочего дня