Этапность разработки сайта

Давай начнем с того что начинающие дизайнеры не понимают этапность работ. Обычно тебе дают прототип или тексты, говорят: рисуй. Ты рисуешь, стараешься сделать красиво, показать все на что ты способен. А арт директор говорит: «Переделай».

🔥Тебе нужно быть в контексте, понимать что ты рисуешь, кому и зачем. 

Давай зафиксируем этапы. Я говорю про веб-дизайн, а не про продукт. Там другие этапы и распределение задач. 

Если ты работаешь в студии, то твой клиент это арт директор и все вопросы ты уточняешь у него. Если ты фрилансер, то спрашиваешь у клиента. 

1. Бриф

 Выясни что нужно клиенту, зачем он пришел, что его беспокоит, что не так. Перед встречей создай список вопросов. Для каждой ниши они будут разными. (Для фрилансеров: эта работа должна быть оплачена. Просто внеси ее в стоимость какого-нибудь этапа)

2. Проведи аналитику ниши

Выясни почему люди это покупают, какая у них боль. Люди не расстаются с деньгами просто так. Они всегда закрывают какую-то потребность. Даже мороженое покупают с какой-то целью. Всегда есть причина. Смотри не только конкурентов. А в некоторых нишах на них вообще смотреть не надо, потому что их сайты сделаны на коленке самими собственниками, либо непрофессиональными исполнителями. Ищи боли их клиентов. Спроси у  клиента, какую боль закрывает его продукт. Чем больше ты вопросов задашь, тем быстрее ты поймешь что надо рисовать и как. 

3. Собери референсы по стилю, который хочешь предложить клиенту

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

4. Собери прототип

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

5. Сделай концепцию

Не рисуй все страницы сразу. Сделай два-три экрана и покажи. Не трать свое время на отрисовку целой страницы: вдруг вы друг друга не поняли.  Ты потеряешь неделю работы, а клиент скажет что это не то. Начнутся правки и переделки твоими руками. Потом начнете ненавидеть друг друга. 

6. Отрисуй 2-3 страницы, согласуй с ним

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

7. Нарисуй все остальные страницы

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

8. Подготовь макет для верстальщика

Верстальщик это твой ближайший коллега, который помогает твои макеты превратить в сайт. Поэтому позаботься о том чтобы он все сделал правильно. Нарисуй UI кит, отрисуй все состояния, отрисуй фавикон, опен граф, поп-апы, все элементы которые ему пригодятся. 

9. После верстки поверь все ли сделано так как ты задумал

Не забудь проверить все адаптивы. Приучи верстальщика к мысли что это ваша общая работа. И вас обоих будут оценивать по ней. Вы должны быть оба в одной упряжке чтобы сделать качественный продукт. 

Думай о своем будущем, а не о том как сейчас по-быстрому заработать. Вкладывайтся в проекты, даже если сейчас не можешь продать их дорого.