Услуга Brandmaker

Прототипирование сайтов

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

Обсудить задачу
Прототипирование сайтов

Подход Brandmaker

В Brandmaker разработка сайта начинается с технического задания и прототипов. На этом этапе согласуем структуру, содержание и поведение элементов, чтобы сократить переделки в дизайне и программировании. Прототип — основа проекта: он помогает заказчику и команде одинаково понимать будущий сайт.

Прототипирование сайтов
Прототипирование сайтов

Какие преимущества имеет разработка прототипов будущего сайта

  1. Посмотрев на прототип вы будете четко представлять, каким будет ваш будущий сайт;
  2. Вы можете вносить конструктивные правки именно на этапе проектирования. Собственно, он для этого и создан;
  3. Прототипирование можно заказать отдельно от остальных работ по созданию сайта. Готовые прототипы можно передать дизайнеру и веб-разработчику, в том числе другой команде. Состав документации и детализацию согласуем заранее.
  4. На последующих этапах разработки прототип помогает проверить, не пропущены ли согласованные элементы. Изменения относительно прототипа фиксируем и обсуждаем до реализации.

Какие бывают прототипы сайтов?

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

  • Для одностраничных сайтов обычно достаточно текстовых прототипов в Microsoft Word.
  • Для сайтов-визиток мы рисуем прототипы в форматах *.png или *.jpg. На них можно посмотреть примерное расположение каждого блока, но при этом всё это находится в рамках одной картинки, без дополнительных усложнений;
  • В случае сложных интернет-ресурсов с личными кабинетами или интернет-магазинов мы разрабатываем интерактивные прототипы: можно нажимать на элементы и проверять сценарии будущего сайта. Ниже представлены примеры макетов из наших проектов.

Примеры разработанных нами прототипов

Карточка услуги по бронированию авто (сайт компании АвтоСфера)

Посмотреть макет
Карточка услуги по бронированию авто (сайт компании АвтоСфера)
Карточка услуги по бронированию авто (сайт компании АвтоСфера)

Карточка квартиры (Сайт компании ВПСК)

Посмотреть макет
Карточка квартиры (Сайт компании ВПСК)
Карточка квартиры (Сайт компании ВПСК)

Страница контактов (Сайт компании ВПСК)

Посмотреть макет
Страница контактов (Сайт компании ВПСК)
Страница контактов (Сайт компании ВПСК)

Одностраничный сайт Школы экстремального вождения

Посмотреть макет
Одностраничный сайт Школы экстремального вождения
Одностраничный сайт Школы экстремального вождения

Landing Page Уборка снега

Посмотреть макет
Landing Page Уборка снега
Landing Page Уборка снега

Карточка товара на сайт Продажа станков Б/У

Посмотреть макет
Карточка товара на сайт Продажа станков Б/У
Карточка товара на сайт Продажа станков Б/У