Блог

Атмосфера сказки и волшебства в новом сайте для агенства праздников «Гном»

- 7 октября 2018 года

Заказчик:

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

Задача:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Страница клиентов и отзывов

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

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

Стайлгайд

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

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

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

Интерактивность на главной странице сайта

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

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

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

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

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

 

Понравилось? Поделитесь статьей в социальных сетях:

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

Walnut Team
Начать проект