Заказчик:

Евгения — представитель агенства праздников «Гном».

Задача:

Разработать корпоративный сайт с особой атмосферой сказки и волшебства.

С чем работаем?

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

Как проходила работа?

Сборка структуры, первичный этап

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

Рис. 1 Структура сайта агенства праздников «Гном»

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

Подготовка концепции сайта

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

Рис.2 Первые концепты сайта агентства праздников

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

Рис.3 Концепт, с учетом правок от заказчика в 4 цветах

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

Рис.6 Финальная версия главной страницы сайта агентства праздников «Гном»

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

Подготовка уникальных страниц

Утвержденная концепция позволила продолжить работу над остальными страницами.

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

Рис. 7 Страницы раздела новостей и статьи

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

Рис.8 Страница раздела услуг и карточка услуги

На странице клиентов были отражены партнеры агентства, а страница отзывов вобрала в себя отзывы с аватаром, ФИО человека, оставляющего отзыв, с дескриптором его деятельности и непосредственно самим отзывом.

Рис.9 Страница клиентов и отзывов

Завершающим штрихом разработки дизайна стала сборка стайлгайда, в котором были собраны все состояния полей, кнопок и прочих элементов интерфейса.

Рис.10 Стайлгайд

Верстка, интеграция, интерактивность на сайте

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

Аним.1 Интерактивность на сайте

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

Окончание работ

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

После заполнения сайт успешно переехал на свой основной домен — gnom-kid.ru