1. Составление ТЗ к сайту.
На данном этапе заказчик составляет список пожеланий и требований к сайту. Сюда можно записать пожелания как по функционалу, так по дизайну будущего сайта. Если изначально ТЗ от заказчика не полное и мне нужна дополнительная информация, то проводится бриф, с помощью которого я подробнее узнаю предстоящие задачи. Смотреть пример брифа.
2. Составление карты сайта
На данном этапе составляется схематический план сайта. Обычно такой план включает в себя:
- Какие страницы будут на сайте
- Из каких блоков состоят страницы
- Дополнительно можно описать предназначения каждого блока.
3. Сбор или написание всех текстов
На данном этапе заказчик предоставляет все тексты для каждого блока. То есть какую именно информацию он хотел бы показать на сайте, о чем хотел бы рассказать. При необходимостия даю советы по корректировке текста.
Как вариант — я сам пишу тексты для сайта. Для этого задаю вопросы по вашей работе, узнаю преимущества услуги/товара и т.д.
4. Составление прототипа
Прототип сайта — это черно-белый эскиз, в котором уже определены основные элементы, их расположение и структура страниц. На этом этапе прорабатывается удобство использования (UX), но без детальной графики и цветового оформления. Это своего рода чертёж сайта, позволяющий согласовать логику и компоновку до финального дизайна. Ниже показан пример прототипа главного экрана.
5. Дизайн сайта
На основе прототипа отрисовывается уже дизайн сайта. Он может немного отличаться от прототипа расположением и размером элементов. Добавляются изображения, цвета, иконки. Ниже показан пример дизайна главного экрана.
После согласования дизайна всех страниц для компьютерной версии, отрисовываются версии для планшетов и телефонов.
6. Работа с кодом
Имея на руках готовый макет сайта начинается работа с кодом. Это верстка всего макета и интеграция с CMS WordPress, если изначально было такое требование.