Дизайн — это не «красиво», а решение задачи: провести посетителя от первого экрана до заявки.
Красота при этом обязательна, но она следствие, а не цель.

Этапы

Структура. Что показываем и в каком порядке. На этом шаге ещё нет ни цветов,
ни шрифтов — только логика: какой вопрос закрывает каждый блок страницы.

Прототип. Схематичные экраны без оформления. Дешевле всего менять именно здесь:
передвинуть блок в прототипе — минуты, в готовом макете — часы, в свёрстанном сайте — дни.

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

Адаптив. Как всё это ведёт себя на телефоне. В Казахстане мобильный трафик
у большинства сайтов — больше половины, поэтому мобильная версия не «дополнение», а основная.

Шаблон или индивидуальный дизайн

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

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

Что такое дизайн-система и зачем она

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

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

Кто пишет тексты

Больной вопрос. Дизайнер не придумает содержание за вас: он может расставить блоки,
но чем их наполнить — знает только бизнес. Рабочая схема: вы даёте фактуру, подрядчик
превращает её в структуру и текст, вы проверяете на достоверность.

Проектирование по «рыбе» вместо реальных текстов почти всегда заканчивается переделкой:
настоящий текст оказывается вдвое длиннее, и макет расползается.

Сколько стоит дизайн отдельно

Часто спрашивают, можно ли заказать только макеты, а верстать самим. Можно, и иногда это
разумно. Но учтите: дизайнер должен передать не картинки, а исходники со всеми состояниями
и правилами. Иначе вёрстка превращается в угадывание, и экономия исчезает.

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

Сколько итераций правок закладывать

Нормальная практика — две-три итерации по каждому макету. Первая: показали концепцию,
собрали замечания. Вторая: поправили, уточнили детали. Третья: финальные мелочи.
Если правок больше пяти, дело обычно не в дизайнере, а в том, что на старте не договорились
о направлении — или решения принимают несколько человек с разными вкусами.

Полезное правило: замечания собираются в один список от одного ответственного,
а не приходят по частям из разных чатов в течение недели.

Как оценивать дизайн, если вы не дизайнер

Не спрашивайте себя «нравится ли». Спросите: понятно ли за пять секунд, чем занимается
компания. Видно ли, что делать дальше — куда нажать. Читается ли текст на телефоне без
увеличения. Не спорят ли элементы за внимание. Это проверяемые вещи, в отличие от вкуса.

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

На что смотреть при приёмке

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

Читайте дальше