Интернет-магазин банкетной службы «Экипаж Кейтеринг»

О компании: Банкетная Служба «Экипаж Кейтеринг» более 16 лет предоставляет комплекс услуг по организации выездного банкетного обслуживания по Москве и Московской области.

Задачи:

─      полноценный адаптивный интернет-магазин с каталогом блюд, личным кабинетом пользователя, скидками, промокодами, акциями;

─      отражение на сайте двух направлений работы компании: доставка блюд и организация мероприятий.

─      удобная система заказов;

─      расчёт стоимости доставки в зависимости от местоположения клиента;

─      возможность редактирования любой размещенной информации на сайте без обращения к разработчикам;

─      подключение платежной системы payanyway.

Поэтапная разработка:

─     первичный сбор информации: общение с заказчиком, выявление потребностей, пожеланий;

─     анализ рынка, целевой аудитории, анализ конкурентных сайтов, изучение вида деятельности компании;

─     составление предварительного плана работ, обсуждение с заказчиком;

─     составление ТЗ, подготовка документов;

─     проработка концепции дизайна сайта, выбор цветового решения, проработка структуры каталога;

─     прототипирование страниц сайта;

─     разработка адаптивного дизайна;

─     верстка и сборка сайта на редакции «Бизнес»;

─     подключение платёжной системы.

Разработка дизайна

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

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

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

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

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

Верстка и сборка

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

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

Страницы выездного обслуживания были собраны на конструкторе Тильда. Для интеграции этих страниц в админке сайта был установлен плагин Тильды.

Удобный и понятный интерфейс личного кабинета с историей заказов и подписками. Реализован функционал по добавлению выбранного торгового предложения в Отложенные. Подключена платежная система payanyway.

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

Сайт открыли для заказов на этапе тестирования. К моменту запуска компания уже получала заказы через сайт.

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