Макет

Сколько макетов обычно предлагают?

Единого отраслевого стандарта по числу макетов нет. Есть два основных подхода: сразу получить 2–3 макета в разных направлениях и выбрать один или получить макет в одном направлении и несколько раз его доработать.

Больше — не всегда лучше. Чем больше макетов, тем меньше времени уходит на каждый, и иногда получается несколько похожих вариантов. Важно смотреть не только на количество, но и на то, «сколько раз можно править один макет».

Заведениям, где главное — фото работ, как мастерским, обычно подходит один макет с тщательной доработкой расположения фото, а новому бизнесу, которому ещё нужно определить атмосферу, — сравнение нескольких направлений.

При любом подходе результат будет быстрее, если до первого макета описать словами желаемую атмосферу. Два-три слова вроде «тёплое дерево» или «чистый белый фон» плюс сайты-примеры заметно снижают риск, что первый макет уйдёт совсем не в ту сторону.

В каком виде присылают макет?

Макет обычно присылают в одном из трёх видов: файл-изображение, ссылка из дизайн-программы или ссылка на интерактивный предпросмотр, где можно нажимать элементы. От вида зависит, что именно можно проверить.

Макет-картинку можно быстро посмотреть, но трудно понять, какого размера текст будет на телефоне на самом деле. Поэтому если макет пришёл изображением, попросите и вариант для экрана телефона.

В каком бы виде вы ни получили макет, сохраните файлы или ссылки и у себя. Если это ссылка из дизайн-программы, проверьте, открывается ли она без входа в аккаунт, — тогда в любой момент можно будет сравнить результат с «первоначальной договорённостью».

Если макет присылают как интерактивный предпросмотр, разница между макетом и готовым сайтом уменьшается, и на следующих этапах меньше сюрпризов. Зато на этом этапе стоит внимательно проверить всё вплоть до каждой буквы.

• Изображение · PDF: открывается где угодно, но нажимать ничего нельзя
• Ссылка из дизайн-программы: удобно увеличивать экран и оставлять комментарии к конкретным местам
• Ссылка на предпросмотр: можно листать и нажимать кнопки на реальном телефоне

Что проверить в первую очередь, получив макет?

Смотрите сначала не на то, «красиво ли», а на то, «быстро ли клиент находит нужное». Вкусовые детали дизайна можно поправить и позже, а структура, в которой информация плохо видна, сразу отпугивает клиентов.

Проверяйте в условиях, в которых будут смотреть клиенты. Читается ли текст на улице при ярком солнце с убавленной яркостью, можно ли держать телефон одной рукой и нажимать кнопки большим пальцем — так видны проблемы, которые легко пропустить на скриншотах.

Глядя на макет, разделяйте «свой вкус» и «вкус клиентов». Даже если цвет вам не по душе, макет может быть удачным, если вашей основной аудитории удобно читать и экран вызывает доверие.

1. 01Откройте макет на телефоне и запишите, что бросается в глаза в первые 3 секунды.
2. 02Представьте себя клиентом и пройдите действие до конца, например «посмотреть цены → записаться».
3. 03По пунктам сверьте название, телефон, часы работы и цены.
4. 04Отметьте места с временными фото и договоритесь, когда пришлёте настоящие.
5. 05Разделите, что нравится и что хочется изменить, и отправьте всё одним списком.

Что подготовить до этапа макета?

Чем раньше приходят настоящие материалы, тем ближе макет к готовому сайту. Макет с временными фото может заметно поменять атмосферу, когда вставят настоящие, и по сути вам придётся смотреть один и тот же макет дважды.

Например, если у салона есть фото по каждому мастеру и прайс-лист услуг, а у мастерской — фото работ и расписание мастер-классов, точность макета сильно возрастает. Если фото не хватает, ещё до макета решите, какие снимки нужно сделать заново.

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

• Исходный файл логотипа (по возможности такой, что не теряет качество при увеличении)
• Фото заведения · меню · работ (снимков с телефона достаточно, если они светлые и чёткие)
• Прайс-лист · часы работы · выходные · информация о парковке
• Две-три строки с описанием заведения
• 2–3 понравившихся сайта и по строчке о том, чем они хороши

Что означает утверждение макета?

Утверждение макета — это согласие с тем, что «по этому дизайн-направлению можно делать настоящий сайт». После утверждения начинается вёрстка — перенос макета в код.

Если после утверждения изменить всю цветовую гамму или структуру страниц, уже готовые экраны придётся переделывать — сроки сдвинутся или появятся дополнительные расходы. Мелкие правки вроде опечаток или замены фото обычно возможны и после утверждения.

Утверждать макет лучше не устно, а так, чтобы осталась запись, — в сообщении или по почте. Потом обеим сторонам легко проверить, «что и когда было решено».

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

Что спросить о макетах до подписания договора?

Макет сильнее всего влияет на результат, поэтому если до договора уточнить порядок работы и объём, споров будет гораздо меньше.

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

Уточните и сроки этапа макета. Если знать, через сколько дней будет первый макет и за сколько дней после комментариев приходит исправленная версия, можно реалистично спланировать дату запуска.

• Сколько макетов и в каком виде (изображение · ссылка) вы получите
• Покажут ли отдельно макет для телефона
• Входят ли правки макета в общее количество правок
• Как решаются крупные изменения после утверждения
• Когда временные фото и тексты заменят настоящими материалами