ПРОТОТИП САЙТА

Первые наброски сайта начинаются со скетчей страниц сайта. Они как бы прорисовывают будущие основы страницы, расположение элементов, описывают области кликабельности, дают понимание будущему владельцу сайта, каким будет его ресурс, как посетители будут находить нужную информацию. Каким образом будет оставляться заявка или обратный звонок.
И уже после скетча, начинается действительно большая работа по прототипированию. По сути прототипирование – это процесс создания остова сайта, без дизайна, без оформления. Просто интерактивная структура, на которой отображается, что будет происходить, когда посетитель перейдет на тот или иной раздел сайта, нажмет на ту или иную кнопку, активный элемент. Возможности CSS3 и HTML5 позволяют уже разрабатывать активные 2D, 3D элементы, которые вращаются и видоизменяются в пространстве на постоянной основе или при наведении (hover эффект). Таким образом, свойства transition и transform могут активизировать нужные элементы сайта, подчеркнуть их и сделать заметнее. Хороший приведем пример. Специалисты веб студии YIS на одном из сайтов сделали так, чтобы при наведении на кнопку заказа, последняя либо меняла цвет, либо становилась чуть больше, либо немного тряслась, как бы призывая посетителя оставить заявку. Или при наведении на форму акции, последняя может поменять цвет, например, на красный. И данные свойства элементов сайта также могут быть отражены в прототипах.

• Можно например, форму захвата оформить в виде двухкомпонентной структуры. Сделать слева форму захвата с акцией, а справа - баннера, иллюстрации товаров, услуг, показа его преимущества. И с каждым перелистыванием баннера, желание клиента получить товар, услугу по акции будет возрастать. Баннера делаются мотивирующими, интересными, положительными. На основе болей, ценностей, потребностей и желаний клиентов.
• Так как зрительная память выхватывает в потоке в первую очередь яркое и крупное, то акцент и контраст мы поставим в первую очередь на тех элементах, которые дают высокую вероятность конвертации из посетителя в клиента. Например, это может быть красиво оформленное УТП, акция, либо блоки выгод. Либо видео в рамке с отображением решения боли, проблемы клиента
• Обязательно рекомендуем делать боковое меню, aside, и закреплять его, чтобы в любой момент, посетитель мог вернуться на важные разделы сайта, или перейти на важные разделы сайта, подразделы, в каталоги товаров по видам.
• Делайте больше активных элементов, которые будут давать клиенту выгоды - бонусы, скидки, розыгрыши, выигрыш бесплатной доставки.

• Брендбук, палитры, цвета
• Шрифты основные и дополнительные
• Реализуемые интерфейсом цели и задачи
• На каких флагманов конкурентов обращаем внимание
• Примеры, и элементы, которые Заказчик хочет в обязательном порядке

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