Корпоративный сайт сети автомоек премиум-класса «Янтарь»

С 2016 года команда Machineheads участвует в развитии сети. Вместе мы уже реализовали несколько крупных проектов, разработали айдентику, панель администратора и мобильное приложение для онлайн-записи. Следующим этапом стала разработка сайта.

Задачи

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

Создать сайт с нестандартными решениями и крутым контентом, соответствующий уровню технологий и качеству услуг

Реализовать функционал онлайн-бронирования на сайте, связать записи с сайта и приложения в единую CRM

Презентовать мобильное приложение

Рассказать о ценностях команды, технологиях, принципах выбора автохимии

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

Включить раздел с коммерческим предложением для корпоративных клиентов

Реализация

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

Онлайн-запись

Для удобства и экономии времени клиентов блок онлайн-записи вынесен на главную. После выбора локации сайт предлагает свободные даты и временные слоты для записи. Клиент выбирает время и услугу, оставляет контактные данные, и заказ регистрируется в единой системе бронирования. Администратору мгновенно поступает уведомление, он бронирует бокс и подтверждает заявку.

Презентация мобильного приложения

Постоянным клиентам удобно записываться на услуги через мобильное приложение. Отдельный раздел сайта выделен под описание преимуществ мобильного приложения с кнопками для быстрой установки с App Store и Google Play.

Презентация компании

Корпоративный сайт сети «Янтарь» наглядно и полно раскрывает преимущества и ценности компании, рассказывает об особенностях подхода и трех составляющих философии качества бренда: Янтарь.Technology, Янтарь.Selection и Янтарь.ProTeam.

Презентация услуг и программ рекомендаций

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

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

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

Презентация услуг для корпоративных клиентов

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

Адаптивная версия

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

Результаты

Мы реализовали все задачи, которые были поставлены в начале проекта, и добавили еще несколько полезных фич: позвонить, заказать консультацию, определить категорию авто. Сайт встроился в единую IT-инфраструктуру, созданную нами же за годы сотрудничества с клиентом.

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

от 800 000 руб.

бюджет подобного проекта

от 4 месяцев

срок разработки

Технологии

Язык, фреймворк

Bitrix

PHP 7.1

СУБД

MySQL

Интеграции

REST API

Фронтенд

ReactJS

HTML5

CSS3

JavaScript

Утилиты

Gulp

Yarn