Сайт с интернет-магазином под ключ для гибкого ивент-пространства «Галант Холл»

Тильда
Интернет-магазины
Разработка сайта
Разработали дизайн-концепцию с символичными отсылками к преимуществам бренда
Внедрили интересный интерактив и необычные визуальные решения
Реализовали мощный функционал: создали интернет-магазин под ключ, интерактивные карты, колесо фортуны
Продумали внутренние настройки, чтобы заложить идеальную базу для поисковой оптимизации
О проекте
Постановка задачи
Просторный банкетный зал с высокими потолками и панорамными окнами, камерным садом и эффектной террасой идеально подходит для проведения праздничных и деловых мероприятий. Место, где рождаются незабываемые моменты — именно с этого слогана мы начали свою работу над новым проектом.
Клиент горел желанием привнести новые тренды в иркутскую ивент-индустрию. Новый сайт с интернет магазином под ключ  был призван отразить суть бренда как гибкого и стильного пространства для мероприятий, при этом требовалось сохранить и передать атмосферу уже имеющегося брендбука.
Перед веб-дизайнером были поставлены следующие задачи:
01 / Разработать современный, эффектный и премиальный дизайн
02 / Передать ключевые характеристики бренда — гибкость, динамичность, гостеприимность
03 / Сделать структуру ресурса понятной для быстрого восприятия информации
04 / Повысить вовлеченность пользователей за счёт интерактивных решений
Процесс работы
Дизайн-концепция
«Галант Холл» — тот самый проект, в котором хотелось не просто подать контент должным образом, но и обыграть дизайн-систему концептуально, через интересные метафоры и сравнения. Чтобы обеспечить узнаваемость, мы активно задействовали фирменные шрифты, цвета, элементы типографики.
Для создания ощущения глубины и целостности мы выбрали черный фон с полупрозрачными линейными узорами, плавно перетекающими друг в друга из блока в блок. Треугольники и ромбы, складывающиеся в определенные фигуры, помогли сохранить преемственность фирменного стиля и символично обыграть главные преимущества бренда.
Например, форма сердца на первом экране отражает дружелюбие и гостеприимство персонала, а метафора крыши в третьем блоке — это прямая отсылка к тому, что гость на мероприятии чувствует себя как дома. Единый фон усиливает ощущение непрерывного визуального потока.
Пользователь не воспринимает сайт как набор отдельных блоков, а «погружается» в пространство, подобно тому, как гость входит в зал и постепенно его осваивает. Минимализм в подаче контента соотносится с премиальным качеством: акцент сделан на крупных фотографиях, выразительной типографике и понятной иерархии информации.
Отдельным этапом стала разработка дизайна интернет магазина под ключ. Здесь требовался визуал, максимально ориентированный на конверсию: с удобной навигацией, возможностью мгновенной покупки, качественной адаптацией под мобильную версию и яркими фотографиями. Мы заказали отдельную фотосессию для базовых фото, а уже на основе полученных обработанных изображений написали специальный промпт.
Теперь клиент мог фотографировать новые товары на телефон, а нейросеть обрабатывала их таким образом, что блюда визуально сочетались с фирменным стилем каталога: идеальное освещение, аппетитные текстуры и единый фон, соответствующий брендбуку.   
Процесс работы
Интерактив и визуальные решения

Акцент на фотографиях, дизайн как обрамление  

Банкетный зал «Галант Холл» эффектно выглядит днем, но еще эффектнее — вечером. Сочетание подсветки под крышей, панорамных окон и звездного неба еще никого не оставляло равнодушным. И мы подумали, что потенциальные клиенты непременно должны увидеть, как выглядит площадка и в светлое, и в темное время суток. Так родился интерактив для первого экрана главной страницы: при наведении дневное изображение «Галант Холла» меняется на ночное. 
Причем пользователю не нужно прикладывать дополнительных усилий, курсору достаточно попасть на правую половину экрана. С анимацией хочется играть, двигая курсор туда-сюда, чтобы следить, как меняется изображение. Залипательно? Да! А главное, мы удерживаем внимание пользователя, побуждая его провести лишние (и столь драгоценные для продвижения в поиске) секунды на сайте.
Важные конкурентные преимущества мы также передали через визуал:
01 / Вытянутые вертикальные фотографии в блоке с фотографиями зала подчеркивают высоту потолков и «воздушность» помещения
02 / Необычный ступенчатый слайдер для банкетной службы создает ассоциации с масштабными торжественными церемониями
03 / Горизонтальный и вертикальный скроллинги передают динамичность пространства
04 / Весь акцент сделан на фотографиях, а дизайн служит обрамлением, подобно тому, как стильный банкетный зал обрамляет ваше событие

Ключевые моменты обозначены крупным кеглем

  • благодаря этому пользователь легко считывает важную информацию даже при скролле и не теряет основную суть
Не обошлось без небольшого креатива и при создании интернет магазина под ключ: мы внедрили интерактивную карту районов города. Цветовая кодировка четко показывает зоны по стоимости доставки, что облегчает восприятие информации.
Еще один хитрый эффект: фото товаров увеличивалось при наведении. В доставке еды эта, казалось бы, банальная фишка усиливает эффект аппетитности блюда, позволяя приблизить еду, рассмотреть текстуру, ингредиенты. За счет этого растет время, проведенное на странице (прогнозируемо +15%), и конверсия в заказ без лишних кликов.
Процесс работы
Структурирование
В брендбуке для каждого направления ивент-событий была разработана собственная палитра. Мы отразили этот момент на сайте, разбавив стильный черный фон яркими цветными вставками на отдельных страницах для свадеб, дней рождений, деловых мероприятий. Атмосфера праздника расцвела в полную силу!
У клиента имеется собственная банкетная служба, и для «Галант Кейтеринга» был разработан отдельный логотип на основе имеющегося, а также несколько иной дизайн для первого экрана страницы.
Это позволило показать кейтеринг как отдельное, самостоятельное направление, избежать его визуального смешивания с другими услугами и подчёркнуть уникальность и важность данной услуги.
Технические моменты
Функционал

Что мы внедрили на сайте

Эффектный дизайн — это хорошо, понятный и легко считываемый интерфейс — еще лучше, а проработанный функционал — просто замечательно. «Галант Холл» — масштабный проект не только из-за большого количества детально проработанных страниц. Что мы внедрили на сайте:
01 / Полноценный интернет-магазин под ключ с возможностью принимать заказы строго в определенные часы
02 / Интерактивная карта, в которой при наведении на район отображается стоимость доставки
03 / Удобная карта с основными маршрутами до банкетного зала, переключающимися при помощи вкладок
04 / Колесо фортуны для страницы свадеб — мощный маркетинговый инструмент, позволяющий привлечь больше потенциальных клиентов
05 / Возможность добавления и выведения акций по отдельным ивент-направлениям
06 / Множество эффектно задизайненных в фирменном стиле всплывающих окон для кнопок в блоках «Банкетная служба» и «Заказывайте для себя и близких».

Технические моменты
Настройки
Визуал и функционал — это только видимая часть работы. Помимо этого, мы обязательно прорабатываем настройки безопасности и базовой поисковой оптимизации (СЕО), а также законодательные моменты: политику конфиденциальности и согласие на обработку персональных данных. 
Результат
Клиент на 100% остался доволен результатом. В первую же неделю после запуска конверсия составила почти 6% — приличные показатели для ивент-индустрии.
Если вы хотите заказать интернет магазин под ключ, напишите нам: разработаем такой же живой и нестандартный сайт и для вашего бизнеса.
Автор статьи: Екатерина Мищенко
специалист по стратегическому маркетингу рекламного агентства «ДИКО»

смотрите и другие наши кейсы