1. Изучи бриф и прототип страницы. Подготовь вопросы. Обсуди цели и задачи страницы с тем, кто делал прототип. Спроси все, что непонятно. Если вы вместе не нашли ответов на какие-то вопросы — спросите у заказчика.

  2. Посмотри сайты конкурентов. Найди рефы, на которые будешь ориентироваться. Сформулируй основную идею страницы. Обсуди рефы и идею с ребятами внутри и с заказчиком.

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

  4. Сделай первые пару экранов и отдай на внутреннее ревью. Доработай экраны по комментам ребят и покажи клиенту.

  5. Доработай первые экраны по комментам заказчика и доделай страницу до конца. Отдай макет на внутреннее ревью и обсуждение. Доработай макет по комментам.

  6. Покажи всю страницу клиенту и поправь по его комментам.

  7. Отрисуй состояния всех интерактивных элементов (кнопки, инпуты, селекторы, попапы и тд). Отрисуй мобилку. Отдай на внутреннее ревью, поправь по комментам.

  8. Согласуй доработанный десктоп, мобилку и состояния интерактивных элементов с заказчиком.

  9. Если у клиента есть комменты по финальной версии, доработай макет по ним и сдай все работы.

  10. Изучи бриф, прототип и все материалы по проекту.

  11. Обсуди прототип, с тем кто его делал:

  12. Если есть вопросы, на которые проектировщик не знает ответ — спроси у заказчика.

  13. Если на стадии заполнения брифа заказчик не предоставил гайдлайнов, ассетов и прочих графических материалов — попроси.

  14. Посмотри сайты конкурентов и рефы.

  15. Сделай мудборд с удачными решениями, которые можно будет использовать в своей работе.

  16. Все последующие шаги согласуй. Сначала с ребятами внутри, а затем с заказчиком.

  17. Определись с цветами, шрифтом и общей концепцией страницы. Учитывай гайдлайны и предыдущий стиль компании.

  18. Отрисуй два первых экрана.

  19. Отрисуй десктопный макет целиком.