Разработка дизайна сайта укладывается в 6 основных этапов. Каждый из них достаточно объемный. Для некоторых привлекаются отдельные специалисты узкой направленности.
Сводка
Первое с чего начинается создание дизайна сайта — брифинг. Веб-дизайнер или отдельный менеджер, выделенный агентством, составляет опрос. Заказчику задают вопросы на определение ниши, информации о компании, представлении будущего сайта, информации о ЦА, о целях создания и о результатах, которые должны быть достигнуты. Обычно бриф составляется при личной встрече или на онлайн созвоне. Дополнительно к брифу прикладывается уже составленное техническое задание дизайнеру или делается из готового брифинга.
Исследование ниши и сайтов конкурентов
Этап, дающий понимание, чем сайт, для которого разрабатывается дизайн, будет отличаться в лучшую сторону от веб-ресурсов конкурентов. Анализ конкурентов по веб-оформлению сайта показывает сильные и слабые стороны проектов, показывает какой минимальный набор блоков может быть, от чего следует отталкиваться.
Оцениваются не только конкуренты, которые имеют идентичный продукт, аудиторию, но и выдвигающие на рынок другой продукт, на ту же ЦА, что и заказчик — косвенные конкуренты. Заказчик также может сам предоставить список конкурентов.
Составление информационной архитектуры
Данный этап подразумевает описание будущих блоков: какие элементы будут на нем, например, форма обратной связи, логотип, переход в чат, ссылки на другие ресурсы. Чем подробнее будет составлен проект, тем легче и быстрее получится создать визуальное оформление. Если делать сайт через агентства, то на третьем этапе согласуют все с заказчиком. Информационную структуру можно составить и на листе бумаги, но по нашему опыту можем сказать, что делать этого не стоит. Используем профессиональные сервисы.
Прототип
Для заказчика протопит — это отражение всех его желаний и возможность поправить их расположение на странице. Если вам предложили посмотреть на промежуточный результат, не отказывайтесь, ведь это возможность вовремя определить вектор, в котором работает команда разработчиков, внести правки, а значит изначально сэкономить время на создании дизайна.
Для команды веб-дизайнеров, прототип, т. е. промежуточный результат — это черновик для возможных доработок, внесения коррективов в намеченную архитектуру.
Прототипы бывают: низкой и высокой детализации, также делают статичные, интерактивные.
Окончательный дизайн
Организация порядка путем выравнивания по модульной сетке, установке ограничительных линий, отступов от края, добавление иконок: линейных, объемных, иллюстрационных, штриховых. Конечный дизайн оформляется в цвете: продумываются основные цвета, вторичные и третичные. Отрабатывается тон, хроматичность, насыщенность. Оформление в цвете сильно завязано на психологическом восприятии, поэтому перед оформлением проводят анализ и определяют подходящие палитры.