Почему мы не начинаем сайт с дизайна

Самый простой путь — сразу открыть макет и начать рисовать. Есть логотип, есть референсы, есть пожелание «сделать современно». Кажется, что можно переходить к первому экрану.

Мы так не работаем. До визуала нужно ответить на два вопроса: зачем существует этот продукт и что должен сделать его пользователь. Если ответов нет, дизайн решает не задачу, а создаёт видимость её решения.

Порядок работы

Сначала мы разбираемся в задаче, и только потом рисуем:

1. Бриф. Что бизнес хочет получить от сайта: заявки, звонки, продажи, запись.
2. Исследование. Кто конкуренты, как клиенты выбирают, что их останавливает.
3. Пользователь. Кто приходит на сайт и с каким вопросом.
4. Задача. Какое одно действие человек должен совершить.
5. Структура. Какие блоки и в каком порядке подводят его к этому действию.

Только после этого появляется визуальный язык: цвета, шрифты, фотографии, анимация.

Сначала мы определяем, что должен делать продукт. Потом — как он должен быть устроен. И только затем решаем, как он должен выглядеть.

Пример: лендинг для ПАЗ-Сервиса

«ПАЗ-Сервис» ремонтирует только автобусы ПАЗ. До нас у сервиса не было сайта — только табличка-указатель на дороге.

Если бы мы начали с дизайна, получился бы типичный сайт автосервиса: фото гаража, список услуг, кнопка «Позвонить». Вместо этого мы сначала разобрались, кто клиент и что для него важно.

• Клиент — владелец автопарка или перевозчик.
• Главный страх — простой. Каждый день, пока автобус стоит в ремонте, это 8–12 тысяч рублей убытка с машины.
• Что его убеждает — скорость и предсказуемость: сколько займёт ремонт и есть ли деталь на складе.

Из этого выросла структура страницы:

1. Узкая специализация: 15+ лет опыта, 5000+ ремонтов.
2. Склад на 3000+ ходовых позиций и доставка редких узлов за 2 часа.
3. Понятные сроки типовых работ: например, замена стартера — 4 часа до возврата на линию.
4. Запись на ремонт или заказ запчасти в один клик.

Визуал мы подбирали уже под эту структуру. Его задача — сделать цифры заметными, а не украсить страницу. В итоге сайт говорит с перевозчиком на языке денег, а не на языке «качественно и недорого».

Результат: [ВСТАВИТЬ ЦИФРУ] — например, заявок в первый месяц после запуска или доля обращений с сайта.

Что это даёт заказчику

• Меньше переделок. Структуру проще поменять на этапе схемы, чем в готовом дизайне.
• Понятный бюджет. Когда блоки определены заранее, видно, что именно вы оплачиваете.
• Сайт, который продаёт. Каждый блок отвечает на конкретный вопрос клиента, поэтому лишнего на странице нет.

Для нас дизайн — результат понимания, а не отправная точка. Так структура становится интерфейсом, а интерфейс — работающим продуктом.

Начнём с задачи

Расскажите, что должен делать ваш сайт, — соберём структуру и посчитаем проект в конфигураторе на artrasti.ru. Если сайт уже есть, проверьте первый экран в бесплатном экспресс-аудите: @artrasti_consultant_bot.

Следите за новыми материалами, разборами и инсайтами бюро в нашем канале: t.me/art_rasti