Процесс работы над сайтом может отличаться в каждом конкретном заказе, в общем случае последовательность следующая.
1. Определение целей и задач проекта
Для начала необходимо подробно обсудить ваш проект. Во время или после обсуждения заполняется анкета с вопросами (бриф). Анкета необходима для того, чтобы структурировать задачу и ничего не упустить.
2. Исследования и аналитика
Знакомлюсь с бизнесом клиента, погружаюсь в специфику деятельности, провожу анализ конкурентов и целевой аудитории. Смотрю какие уже есть решения, чтобы собственная разработка получилась оригинальной и в чем-то превосходила конкурентов.
3. Создание прототипа сайта
На основе предыдущего этапа и вашей информации создается прототип будущего сайта. Мой прототип – это схематичное, черно-белое изображение ключевых страниц сайта. Без графики и оформления, но с обозначением всех важных блоков и функций.
Прототип нужен для согласования с вами структуры сайта. После подтверждения прототипа перехожу к дизайну.
4. Дизайн сайта
Дизайн сайта делается с учетом поставленной задачи, целевой аудитории и ваших пожеланий.
- Превращаю схематичный черно-белый прототип в цветной макет сайта.
- Подбираю цвета, шрифты, иллюстрации.
- Обрабатываю/дорабатываю фотографии. Рисую иконки.
- Выравниваю элементы по модульной сетке.
5. Правки макетов
В процессе работы могут возникнуть правки по макетам. Чем точнее вы сформулируете задачу и свои пожелания к дизайну до начала работы, тем правок будет меньше. Если дизайн совсем не подошел, разрабатывается новый вариант. Подробней о правках.
6. Макеты адаптивных версий
Макетирую адаптивные версии страниц сайта. Показываю как сайт будет выглядеть на разных экранах. Согласую с вами.
7. Подготовка макета для верстки
Кнопки, ссылки и прочую навигацию рисую в различных состояниях. Показываю, как все будет работать, обозначаю важные моменты для верстальщика.
8. Техническая поддержка, контроль результата
По дополнительной договоренности руковожу процессом верстки и программирования. Контролирую внешний вид сайт, вношу правки для обеспечения соответствия верстки утвержденному дизайну.