Дизайн сайта на заказ: как получить дизайн, который работает на продажи

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

Уникальный дизайн или шаблон

Шаблон

Готовая тема, в которую подставляются ваши тексты и фото.

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

Дизайн на заказ

Дизайн создаётся под вашу компанию, аудиторию и структуру сайта.

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

Подробнее о выборе подхода — в статье конструктор или индивидуальная разработка.

Дизайн начинается не с картинок

Хороший дизайн строится на структуре и содержании. Поэтому перед визуалом:

1. Бриф — цели, аудитория, конкуренты, предпочтения. Подробнее — в статье бриф на разработку сайта.
2. Структура — какие страницы нужны.
3. Прототипы — схемы страниц с блоками и реальными текстами, без цвета и стилей.

Если рисовать красивые макеты без прототипов, потом оказывается, что в них не помещаются реальные тексты и функции.

Как проходит разработка дизайна

Концепция

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

Макеты всех типов страниц

После утверждения концепции — макеты остальных страниц: услуга, портфолио, статья, контакты. Не каждая страница рисуется отдельно: проектируются шаблоны, по которым строятся однотипные страницы.

Мобильная версия

Обязательна для каждого типа страниц. Большинство посетителей придёт со смартфонов, поэтому мобильную версию я проектирую сразу, а не «подгоняю» после.

Состояния и детали

Как выглядят кнопки при наведении, ошибки в формах, пустые состояния, сообщения об успешной отправке. Мелочи, которые делают интерфейс понятным.

Фирменный стиль

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

Как давать обратную связь

Чтобы правки были эффективными:

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

Дизайн и скорость

Эффектные анимации, тяжёлые фоновые видео и огромные изображения могут сделать сайт медленным. Я ищу баланс: визуально выразительный дизайн, который при этом быстро загружается. Например, на этом сайте анимация облака частиц на первом экране сделана на canvas и не мешает загрузке содержимого. Подробнее о скорости — в статье о Core Web Vitals.

Фото и изображения

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

Дизайн и доступность

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

Светлая и тёмная тема

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

Частые ошибки

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

Как я работаю над дизайном

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

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

Можно ли заказать только дизайн без разработки? Можно, но лучший результат получается, когда дизайн и разработку делает один исполнитель или команда, понимающая ограничения друг друга.

Сколько кругов правок включено? Количество правок на каждом этапе фиксируется в договоре.

Можно ли сохранить старый дизайн при переделке сайта? Да, если он нравится клиентам. Его можно перенести и аккуратно обновить.

Итог

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