Экономить на дизайне можно количеством уникальных экранов и очерёдностью проверки, но не качеством проработки. Что работает: сначала кликабельный прототип (ошибка на нём стоит часы, а не недели), потом уникальный дизайн только ключевых страниц — остальные собираются из блоков дизайн-системы; реальные тексты и фото вместо «рыбы»; готовая система компонентов как фундамент. Резать нельзя: проработку сценариев для продукта, подготовку макетов к разработке (состояния, адаптив, токены) и доступность интерфейсов. Правило простое: дизайн «подешевле» в итоге оплачивается дважды — переделками и низкой конверсией.
Почему дизайн режут первым — и чем это кончается
В смете разработки дизайн — самая соблазнительная строка для сокращения: результат «субъективный», кажется, что «и так сойдёт». Половина клиентов просит «сделайте проще, нам бы побыстрее» — и получает сайт, который работает хуже, чем мог бы, по одной причине: посетители не понимают, куда нажимать.
Вторая крайность — платить за дизайн «как у больших»: полный ресёрч, 40 отрисованных экранов, анимации. Для MVP это стрельба из пушки: часть макетов выбросится после первых данных о поведении пользователей.
Экономия без потери результата проходит между этими крайностями: платить за то, что проверено и делает деньги, а объём уникальной графики — урезать безжалостно.
Цена ошибки на каждом этапе
Понимание этой лестницы — половина экономии. Одна и та же ошибка (неверный сценарий, лишний шаг, непонятная кнопка) стоит по-разному в зависимости от того, где её нашли:
| Где нашли ошибку | Что переделывать | Цена |
|---|---|---|
| На прототипе | Схему экрана в Figma | Часы, бесплатно |
| В готовом макете | Макет и часть соседних экранов | Дни дизайнера |
| В свёрстанном продукте | Вёрстку, макеты, тесты | Недели, сдвиг релиза |
| После запуска — по данным аналитики | Всё вышеперечисленное + потерянные заявки | Самое дорогое |
Вывод: каждый рубль, потраченный на раннюю проверку, экономит несколько рублей на поздних переделках. Отсюда — способы.
Способ 1. Прототип раньше макета
Кликабельный прототип в Figma — серые экраны с кнопками, которые работают. По нему проверяется главное: понятен ли путь пользователя от входа до заявки. Прототип показывают 3–5 людям из целевой аудитории — если они «не находят» кнопку, это чинится за час, а не после релиза.
Прототип дешевле дизайна в разы и заменяет собой длинные споры «нравится / не нравится»: спор переводится в плоскость «работает сценарий или нет». Дальше дизайнится только согласованная структура — без риска переделывать готовые макеты.
Способ 2. Ключевые страницы — уникально, остальные — из блоков
У любого сайта 3–5 страниц, которые делают деньги: главная, страница услуги или карточка товара, страница с формой. Их проектируем уникально — здесь дизайн окупается конверсией. Остальные страницы (типовые статьи, «О компании», условия) собираются из блоков той же системы — структура и иерархия сохраняются, уникальная графика не тратится.
Сэкономленная доля — около трети дизайн-бюджета многостраничника. Визуально сайт остаётся цельным, потому что блоки живут в одной системе: цвета, отступы, типографика общие.
Способ 3. Дизайн-система как фундамент
Для продуктов и длинных проектов выгоднее не «дизайн 40 экранов», а дизайн-система: токены (цвета, шрифты, отступы), библиотека компонентов, правила. Первая версия системы — 3–5 недель, дальше новые экраны собираются в разы быстрее и без расползания стиля.
Это экономия на скорости: каждая следующая страница и каждая итерация обходятся дешевле. Одностраничнику система не нужна — там достаточно дисциплины по токенам в самом макете.
Способ 4. Реальный контент вместо «рыбы»
Дизайн на «Lorem ipsum» и стоковых фото — это дизайн для несуществующей компании. При замене на реальные тексты и фотографии макеты часто едут: текст длиннее, фото другого формата, товары без белого фона. Правильный порядок — наоборот: вы готовите реальные тексты, цены, фото, и дизайнер сразу верстает их в макеты. Это дешевле (нет этапа «перевёрстки под контент») и точнее — видно сразу, как выглядит настоящая страница.
Требование к дизайнеру при этом честное: макеты сдаются с вашим контентом, а «рыба» допускается только там, где контент появится после запуска.
Способ 5. Этапность: экраны под запуск, остальное по росту
Не вся графика нужна в день релиза. Второстепенные экраны, редкие состояния, декоративные иллюстрации — всё это проектируется по мере надобности, когда продукт живёт и видно, куда идут пользователи. Дизайн-бюджет расходуется порциями — как и в разработке, каждая следующая порция оплачивается под доказанную потребность.
Где экономить нельзя
- Проработка сценариев для продукта. Для лендинга достаточно анализа конкурентов, но продукт с кабинетом, оплатой и каталогом без экспертного аудита сценариев — это дизайн вслепую. Все сэкономленные на ресёрче деньги вернутся счетами за переделки.
- Подготовка макетов к разработке. Состояния кнопок и полей, адаптив под мобильные, токены и иерархия блоков — разработчик не должен додумывать. Каждая додумка — вопрос в чат, простой и переделка. Это самая рентабельная строка сметы: 5–10% цены, недели сэкономленного времени.
- Доступность интерфейсов. Контраст, размеры целей нажатия, клавиатурная навигация — базовая доступность расширяет аудиторию и почти ничего не стоит, если заложена сразу. Переделывать после — дорого.
Три сценария дизайн-бюджета
Дизайн обычно считают частью сметы сайта (20–30% — ориентир из разбора экономии на разработке). Сценарии по объёму:
| Сценарий | Что дизайнится | Для чего | Срок |
|---|---|---|---|
| Старт | Прототип + уникальный дизайн лендинга, реальные тексты | Одна услуга, проверка спроса | 1–2 недели |
| Ключевые страницы | Уникально 3–5 главных страниц, остальные из блоков | Корпоративный сайт, каталог | 2–4 недели |
| Система | Дизайн-система + ключевые страницы + документация | Продукт, сервис, длительное развитие | 3–5 недель и дальше |
Переход между сценариями — без переделок: система и структура первой версии наращиваются.
Экономия на дизайне — это не «сделайте попроще», а перераспределение: меньше уникальной графики, раньше проверка сценария, реальный контент с первого макета. А проработка сценариев, подготовка к разработке и доступность остаются — они дешевле любых переделок.
Если хотите прикинуть такой сценарий для своего продукта — напишите, разберём структуру и покажем, где дизайн реально влияет на конверсию, а где достаточно типовых блоков. Работаем по всей России и СНГ из офисов в Липецке и Москве.
Комментарии · 0