Дизайн-система для продукта
Сводим интерфейс к набору повторяющихся частей с правилами применения, чтобы новые экраны складывались, а не выдумывались. Начинаем с бесплатного разбора.
15–45 дней
4 услуги
UX-аудит, прототип, карточка товара и дизайн-система для сайтов и магазинов
За словом «дизайн» здесь стоят четыре разные работы, и каждая отвечает на свой вопрос. UX-аудит — почему люди доходят до магазина и не покупают: проходим путь покупателя и показываем, где он обрывается. Прототип — что будет на каждой странице ещё до верстки, серыми блоками без цветов, чтобы правка стоила передвинутого прямоугольника, а не переписанного кода. Карточка товара вынесена отдельно, потому что именно на ней решается, класть в корзину или нет. Дизайн-система нужна продукту, который уже вырос и каждый новый экран придумывает заново. Брать все четыре не нужно. Если сайт работает и у него есть посетители, начинать обычно стоит с аудита, если его ещё нет — с прототипа. Первый разбор бесплатный.
- Работы в направлении
- UX-аудит · прототип · карточка товара · дизайн-система
- у каждой свой объём и результат; можно взять одну
- Сроки
- 5–45
- рабочих дней
- аудит 5–15, прототип 5–20, карточка товара 10–30, дизайн-система 15–45
- Платформы
- В основном OpenCart и Next.js
- сайты и магазины; среди кейсов прототипирования — одностраничный и корпоративный сайты на Next.js
- Результат
- Остаётся вашим
- имущественные права переходят после полной оплаты; прототип можно отдать другому разработчику
- Первый разбор
- Бесплатно
- 1–3 рабочих дня, с ответом, с какой работы начинать и нужна ли она сейчас
Дизайн-системы
Исследования
Магазины
Прототипы
Кому подходит
Ситуации, в которых эта услуга даёт результат
Сценарий 1 из 4
Посетители есть, заказов мало
Человек заходит, листает и уходит, а версий причины столько же, сколько советчиков: цвет кнопки, главная, новый сайт. UX-аудит заменяет угадывание списком конкретных мест, где покупатель останавливается, с объяснением почему. Телефон при этом проходим отдельно, а не уменьшенным окном.
Разберём вашу ситуацию на бесплатном аудитеСценарий 2 из 4
Сайт только задуман или переделывается
Самые дорогие правки приходят после верстки, когда каждое «а где страница про доставку?» означает день-два работы. Прототип переносит эти разговоры в начало: состав каждой страницы вы согласовываете письменно, и уже от него считается объём разработки.
Сценарий 3 из 4
До карточки доходят, но в корзину не кладут
Товар найден, фильтры сработали, и именно здесь человек не видит цены с доставкой, наличия или того единственного параметра, по которому выбирает. Карточку перестраиваем в порядке вопросов, которые покупатели задают менеджеру, а не так, как её разложила платформа.
Сценарий 4 из 4
Продукт разросся и расползся
Одинаковые по смыслу кнопки, поля и сообщения в разных местах выглядят по-разному, а правку приходится искать по всем экранам. Дизайн-система сводит интерфейс к набору уже решённых частей — но тогда, когда продукт уже есть, а не вместо него.
Что входит
Полный перечень работ и того, что вы получаете на выходе
- Бесплатный первый разбор с ответом, с какой из четырёх работ начинать — и нужна ли вам сейчас какая-то из них
- У каждой работы свой объём и срок в рабочих днях: можно взять одну, не заказывая остальные
- Путь покупателя, пройденный как покупатель: поиск, каталог, карточка, корзина, оформление — с местами, где он обрывается
- Телефон как отдельный путь и отдельное решение в каждой работе, а не десктоп, сжатый до узкого экрана
- Пометка «это предположение» там, где данных нет и проверить нечем, вместо выводов, выданных за факты
- Письменно согласованный результат этапа, от которого считается следующая работа: от прототипа — разработка, от аудита — исправления
- Проверка на крайних случаях: товар без фото, очень длинное название, двадцать характеристик, пустое состояние
- События аналитики на проблемных шагах до правок, чтобы эффект был виден в ваших данных, а не с наших слов
- Работа по договору с гарантией 30 календарных дней со дня подписания акта
Этапы работы
Прозрачные этапы с согласованием на каждом шагу
Разбор задачи
Выясняем, что уже есть: работающий магазин с посетителями, замысел без единой страницы или продукт, который разросся. От этого зависит, с какой работы начинать, — и стоит ли начинать вообще.
Аудит, если сайт уже работает
Для сайта с посетителями первым идёт проход пути покупателя, отдельно с телефона, и сверка с аналитикой. На выходе — список находок, разделённый по силе влияния и стоимости исправления.
Прототип до верстки
Список страниц и состав каждой серыми блоками, для широкого и узкого экрана. Согласовываем письменно: именно от прототипа считается объём макетов и разработки.
Макеты и карточка товара
Визуальный дизайн на согласованной структуре. Для магазина отдельно — карточка с вариантами, честным наличием и стоимостью доставки, проверенная на неудобных товарах.
Система, когда экранов много
Выводим набор компонентов из уже существующих экранов, со всеми состояниями, и переносим на него несколько настоящих страниц — как доказательство, что система выдерживает реальную работу.
Когда эта услуга не подходит
Что не входит в работу — чтобы не было сюрпризов на сдаче
- Обещаний роста конверсии или продаж: дизайн убирает препятствия, а покупают из-за товара, цены и работы менеджеров
- Оценок внешнего вида в категориях «нравится — не нравится»: только места, где человек останавливается, и причина
- Написания текстов для страниц, описаний товаров и предметной съёмки — говорим, что именно нужно, но не делаем
- Исследований на живых респондентах: аудит опирается на проход пути, сравнение с нишей и данные аналитики
- Исправления найденного в рамках самого аудита: это отдельная работа с отдельной оценкой
- Переделки всего продукта под новую систему за один заход: новые экраны сразу на ней, старые — когда их всё равно нужно трогать
Частые вопросы
Что спрашивают перед началом работы
С чего начать, если сайт уже работает?
Чаще всего с UX-аудита. Он показывает, где именно люди останавливаются, и нередко выясняется, что переделывать весь дизайн не нужно: достаточно исправить несколько шагов в карточке или оформлении. Новый дизайн без этого знания — ставка наугад, которая может убрать и то, что работало.
Чем этот раздел отличается от услуги «UI/UX дизайн»?
«UI/UX дизайн» — это макеты под разработку: визуальный дизайн в Figma под несколько размеров экрана с передачей разработчику. Здесь собраны работы вокруг макетов. Аудит и прототип идут до них: первый показывает, что менять, второй фиксирует структуру. Карточку товара и дизайн-систему берут и без полного редизайна.
Можно заказать только прототип или только аудит?
Да, у каждой работы свой объём, срок и результат. Прототип остаётся вашим независимо от того, продолжите ли вы с нами, и его можно отдать другому разработчику. Часть находок аудита вы сможете исправить своими силами — мы прямо помечаем, какие именно.
Когда нужна дизайн-система, а когда ещё рано?
Нужна, когда одинаковые по смыслу части продукта выглядят по-разному, а каждый новый экран придумывается заново. Рано — когда продукта ещё нет: система, построенная из представлений, а не из реальных экранов, почти всегда оказывается не о том. Тогда честнее начать с первой версии, а систему вывести из неё.
Нам нужна новая карточка товара или дизайн всего магазина?
Если до карточки доходят и не добавляют в корзину, а каталог и поиск устраивают, достаточно карточки. Если проблемы разбросаны по всему пути, сначала аудит: он покажет, ограничивается ли дело карточкой. Бывает, что причина не в дизайне, а в незаполненных характеристиках, — тогда мы скажем об этом на разборе.
Вы делаете дизайн для магазинов на OpenCart?
Да, это основная платформа, с которой мы работаем. Дизайн для неё учитывает, как тема устроена внутри: в старых темах разметка и логика часто переплетены, и макет, который этого не видит, рассыпается на верстке. Свою тему для OpenCart мы строили именно как систему с набором настроек, поэтому представляем, где там болит.
Дизайн увеличит конверсию?
Процентов не называем: честная цифра зависит от магазина, а обещанная заранее — это уже продажа, а не оценка. Дизайн убирает препятствия на пути покупателя, а купит человек или нет, зависит ещё от товара, цены и работы менеджеров. Чтобы эффект был виден, до правок ставим события аналитики на проблемные шаги.
Не уверены, какая услуга ваша?
Опишите задачу своими словами — подскажем, с чего начинать, и нужно ли вам то, за чем вы пришли. Если не нужно, так и скажем.
- Ответ в течение 2 часов
- Без обязательств
- Работаем по договору