Начнем, пожалуй, с предисловия

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

Sadovoehall - не исключение, более того, это один из самых любимых мной проектов. Даже не могу сказать, почему, но к некоторым проектам, бывает, испытываю особенные чувства, с ними связано много ярких моментов, в них есть история, чувствуется полная отдача всей команды. В таких случаях получается особенно классные сайты, в них море положительной энергии, и да, они нравятся всем, без исключения! :) Вы скажете, я необъективна, но это сущая правда - проверено экпериментальным путём. Хотите узнать, как сделать классный мультилендинг - читайте, как это было. ?

Как ставилась задача

У клиента уже был свой сайт, который, по сути, служил лишь фотоальбомом с картинками блюд, подаваемых на праздники. Причем, объективно - весьма посредственным фотоальбомом, совсем не впечатляющим. Sadovoe Hall - это банкетный зал в центре Москвы. Стильный интерьер, панорамные окна с видом на Садовое, отличная кухня, и особое внимание к деталям. Сайт такого зала непременно должен соответствовать высокому уровню. 

Перед нами стояла задача:

• Разработать мультилендинг, охватывающий 3 направления: свадьбы, новогодние корпоративы, прочие праздники;
• На каждой лендинговой странице - разные фоны, уникальный стиль, проработанный под направление;
• Удобная замена цвета шрифтов на страницах;
• Удобная админка с инструкцией по работе. Клиент хотел сам в дальнейшем заниматься наполнением сайта;
• Продающий и и современный дизайн

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

Прототипирование - воплощение идеи в схему

?Прототипщик - это такой мега-крутой специалист, который материализует идею. Идея сайта, или ее концепция - это чрезмерно важный момент в создании сайта. Идеи рождаются чаще всего коллективно. У нас очень классная команда профессионалов, и каждый участник команды идеально дополняет друг друга. Кто-то высказал одно предложение, кто-то другое, а проект менеджер предложения подхватил, и развил в классную идею. 

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

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

Были разработаны прототипы 4 -х лендинговых страниц:

• Главная страница
• Свадьбы
• Корпоративы
• ?Другие праздники?

Каждая страница - отлично проработанный лендинг

Дизайнер постарался на славу, и сделал невероятно красивые макеты всех 4-х лендинговых страниц (по другому у нас и не бывает). Предлагаю вам рассмотреть детали: уверена, вам понравится :)

• На главной - слайдер из 3-х проработанных тематических картинок, сменяющих друг друга. На каждом слайде - кнопка "подробнее", которая перенаправляет на соответствующий лендинг. 
• Время смены слайда - достаточное для того, чтобы посетитель успел воспринять информацию и перейти на нужную лендинговую страницу, или совершить целевые действия (заполнить форму обратной связи).
• Форма обратной связи - продумана до мелочей: простота, лаконичность, использование слов - ловушек (Бесплатная консультация). Форма не пугает, не отталкивает, а побуждает к действию.
• Для каждой кнопки в слайдере предполагается разработать индивидуальное цветовое решение, соответствующее тематике праздника.
• Каждый слайд должен отображать тематику каждого лендинга: то есть должны быть не просто красивая картинка, а каждый слайд должен помочь зрительному восприятию праздника и побудить к действию (новогодняя ёлка на заднем плане, свадебный торт, и т.д.).
• Края картинок приглушить основными цветами страницы или слегка размыть. Таким образом, все внимание будет сконцентрировано на целевых объектах шапки.

 ?

• Под слайдером - крупные графические элементы (иконки с эффектами при наведении), показывающие основные преимущества зала.

• Эффектная галерея большого и VIP залов

??

• ?Картинки-кнопки для перехода на тематические лендинговые страницы

 ?

• ?Кликабельные категории меню, каждая категория отображает блок с блюдами из данной категории. Блок позволяет показать красивое оформление блюд и продемонстрировать богатый выбор меню банкетного зала.
• При наведении на фото блюда, появляется ховер-описание блюда (название, вкусненькое описание, ингредиенты).

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

? ?

• Карта с проложенным маршрутом от близжайшй станции метро наглядно демонстрирует удобное расположение банкетного зала.

Разработка сайта - оживление макета

Это мой любимый этап в каждом проекте: когда основная аналитическая, концептуальная и творческая работа позади, и остается только ждать, пока поколдует разработчик, и сайт заживет и заиграет эффектами. Разработчик тоже, видимо, работал на эмоциональном подъеме, потому что сайт бы сделан быстро и главное - качественно! Не было сделано ни единой правки, сайт был разработан первоначально именно так, каким вы его можете видеть сейчас. Коротко опишу основные моменты, которые были использованы в разработке сайта. Если у вас останутся вопросы - обязательно заполняйте форму ниже, спрашивайте, звоните, приходите к нам на чай с печеньками, все обязательно расскажем.  ?

• Сайт был разработан на CMS Drupal7 - отличная, проверенная временем и лично нами, платформа, имеющая практически безграничные возможности для разработки крутых сайтов;
• Сайт был разработан с удобным админским интерфейсом. Для дальнейшего сопровождения сайта не обязательно быть обученным контент менеджером. Основную работу по наполнению сайта и правки текстов, загрузки картинок может выполнять сам клиент, по разработанной нами инструкции;
• Меню реализовано без перезагрузки страницы - быстрая загрузка всех стртаниц и блоков сайта;
• Была использована анимация css3;
• Параллакс эффекты при скроллинге - такие эффекты очень нравятся посетителям сайта, это в разы увеличивает эстетичность и современность любого сайта;
• Проложен маршрут на Яндекс карте от близжайшей станции метро;
• Отправка форм осуществляется без перезагрузки страницы;
• Модальное окно с загрузкой формы;
• Был написан модуль для удобного заполнения и отображения информации о залах;
• Кадрирование большого количества изображений;
• Классный слайдер для прокручивания фото залов. Каждая картинка открывается в полноразмерном виде, позволяя рассмотреть детали;
• Hover эффект при наведении на фото в блоке "Меню";
• Пэйджинг (pagenavigation) в блоке "Меню" выполнен без перезагрузки страницы.
• Была реализована адаптивная верстка для удобного просмотра и навигации по сайту с мобильных устройств.

? ?

Завершающие штрихи

Наполнение сайта правильным контентом - очень важная составляющая успешного сайта. Продающие тексты и красивые картинки - важный элемент в повышении конверсии. Мы написали продающие мотиваторы и тексты: ничего лишнего, только то, что на самом деле интересует посетителя сайта. Вкусные картинки блюд с кратким описанием демонстрируются в полной красе. Выглядит потрясающе вкусно, убедитесь сами:

Что у нас получилось

?Мы получили эффектный сайт, который продает! Ежедневные заказы из формы связи и по телефону от посетителей сайта доказывают эффективность проделанной нашей командой работы. Сайт показывает очень высокую конверсию в лендинг сегменте. Стоит отметить, что сайт не продвигался никакими другими путями, кроме контекстой рекламы. Итак, с минимальными вложениями, мы имеем:

Перейти на сайт