Заказчик:
Евгения — представитель агенства праздников «Гном».
Задача:
Разработать корпоративный сайт с особой атмосферой сказки и волшебства.
С чем работаем?
Евгения обратилась к нам с нетипичным заданием — нужно было не просто разработать сайт, а сделать его таким, чтобы в нем чувствовалась атмосфера волшебства, именно та атмосфера, которую дарят детям работники агенства праздников «Гном». Работать с сайтами такого плана всегда необычно и интересно, и мы сразу приготовились к необычной работе.
Как проходила работа?
Сборка структуры, первичный этап
Для того, чтобы лучше понять заказчика, не обойтись без брифа, а для того, чтобы максимально четко определить масштабы сайта, естественно, не обойтись без структуры. Именно с этих двух начальных документов и началась разработка сайта.
Рис. 1 Структура сайта агенства праздников «Гном»
Структура оказалось ёмкой и точной, её хватало для того, чтобы определить уникальные страницы на сайте. Поэтому после согласования структуры с заказчиком, а также уточнения ряда нюансов в брифе, эти документы отправились для сборки первичных концептов дизайнеру.
Подготовка концепции сайта
Стартовый экран на главной странице сайта должен был стать ключевым блоком, который позволил бы сразу же попасть в любой интересующий раздел сайта. Концепт решено было начать именно с него.
Рис.2 Первые концепты сайта агентства праздников
Две подготовленные версии с разными вариантами фонов отправились на изучения заказчику. От заказчика пришли корректирующие правки, которые позволили понять, в каком русле двигаться дальше: нужно было подставить более дремучий лес в качестве фона блока, а дома гномов сделать более детальными. Попутно заказчик попросил для цвета шапки попробовать другие цвета.
Рис.3 Концепт, с учетом правок от заказчика в 4 цветах
По завершению ознакомления с макетами заказчик отметил, что иллюстрация леса выбрана очень удачно, а домики и фонарики хорошо вписываются к такому фоновому изображению. Цвет шапки устроил из варианта под номером 1. Однако гном в шапке не очень подходил под общую концепцию, поэтому его нужно было заменить. Попутно заказчик дал добро на дорисовку оставшейся части концепта. В отделе дизайна снова закипела работа.
Рис.6 Финальная версия главной страницы сайта агентства праздников «Гном»
В финальной версии сайта появились оставшиеся блоки главной страницы, а знак агентства праздников сменился на более подходящий. Концепция была принята, и началась сборка оставшихся страниц.
Подготовка уникальных страниц
Утвержденная концепция позволила продолжить работу над остальными страницами.
Статьи в разделе новостей получили отображение карточками — такой вид позволял ознакомиться со всеми последними событиями агенства праздников «Гном». Внешний вид статьи вобрал в себя большое изображение статьи и непосредственно саму статью, которую можно было дополнять блоком с галереей.
Рис. 7 Страницы раздела новостей и статьи
Услуги, предоставляемые агентством, получили вид схожий с разделом новостей, однако получили цену на услугу. В карточке услуги можно не только изучить особенности предоставляемой услуги, но и сразу же заказать её.
Рис.8 Страница раздела услуг и карточка услуги
На странице клиентов были отражены партнеры агентства, а страница отзывов вобрала в себя отзывы с аватаром, ФИО человека, оставляющего отзыв, с дескриптором его деятельности и непосредственно самим отзывом.
Рис.9 Страница клиентов и отзывов
Завершающим штрихом разработки дизайна стала сборка стайлгайда, в котором были собраны все состояния полей, кнопок и прочих элементов интерфейса.
Рис.10 Стайлгайд
Верстка, интеграция, интерактивность на сайте
По итогу работ над дизайном макеты благополучно отправились разработчикам для непосредственного конструирования сайта.
Аним.1 Интерактивность на сайте
В процессе интеграции и верстки стартовый блок оказалось сконструировать не так просто, так как на начальном этапе он представлял собой блок с несколькими кнопками вызова разных форм заказа, с возможностью перехода к конкретным услугам. В дальнейшем блок изменил логику и кнопки стали просто переводить пользователя на конечную страницу.
Окончание работ
По итогу работ над программной частью сайта, сайт отправился на заполнение и тестирование контент-менеджеру и баг-тестерам.
После заполнения сайт успешно переехал на свой основной домен — gnom-kid.ru