Иллюстрация_без_названия

Разработка, Автоматизация, Айдентика

Комплексная цифровизация премиум-техцентра EL REY

Клиент

El Rey BMW — московский премиум-техцентр (с 2017 г.), специализирующийся на BMW, MINI, Rolls-Royce. Располагает современной 1 300 м² базой, сертифицированным оборудованием и высококвалифицированной командой (опыт от 10 лет), участвующей в автоспортивных и выставочных проектах. Предлагает полный спектр услуг — от Технического Обслуживания и диагностики до кузова, детейлинга и тюнинга

Задача

Разработать 3 сайта: ремонт BMW, MINI и Rolls-Royce; кузовной ремонт любых автомобилей; услуги детейлинг-центра.

результаты

3 независимых сайта адаптивным интерфейсом управляются из одной административной панели.

Создано более 30 дизайн страниц.

Сгенерировано более 3000 контент-страниц.

Команда работает в системе управления сервисом на базе Битрикс24.

Что было сделано

Погружение в проект

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

Определились с приоритетами:

  • для сайта по ремонту BMW — гибкий фильтр по серии, кузову и типу услуги;
  • для кузовного направления — удобный выбор услуги или марки автомобиля прямо с главной страницы;
  • для детейлинга — визуальный акцент на эстетике и демонстрации выполненных работ.

Сайты проектировались с учётом всех базовых требований SEO: ЧПУ-URL, корректные редиректы, robots.txt, sitemap.xml. Мы исключили дубли страниц, закрыли тестовые разделы от индексации и настроили канонические ссылки.

Рестайлинг логотипа

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

На вопрос: «Кто делал старый логотип и какие задачи ставились перед дизайнером» владелец ответил
«Ты не поверишь, как сделана надпись была
Я сам сделал в ворде ???»

Мы проанализировали логотип и пришли к выводу, что знак перегружен деталями (лицо, борода, корона с надписями) и больше похож на рисунок, чем знак согласно стандартам разработки логотипа. В маленьких размерах (например: на визитках, бейджах, иконках сайта) терялась читаемость,  шрифты были слишком декоративные и плохо считывались.

А вы знали, El Rey по испански это Король.?

В Испании слово «El Rey» традиционно означало не просто правителя, а воплощение самой монархии. Даже законы и документы в старину начинались с формулы «El Rey manda…» («Король повелевает…»).

В новом логотипе мы сохранили связь со старым, но сделали его более динамичным и дерзим.
Элемент короны подчёркивает название El Rey, создаёт ассоциацию с премиальностью и лидерством. Шрифтовое решение с наклоном придаёт логотипу ощущение движения и энергии.

Дизайн сайта

На момент разработки дизайна сайта у клиента не было ничего кроме логотипа и цветовой схемы, поэтому мы разработали дизайн сайта с 0. Собрали мудборд с примерами и утвердили направление с клиентом. Мы старались отразить дух бренда: минимализм, белый / черный фон и аккуратные акценты в корпоративных цветах.

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

Выбор модели и кузова

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

Услуги

А если пользователь хотел посмотреть какие услуги оказывает техцентр мы сделали стилизованный под аналоговый счетчик список услуг на черном фоне.

Отзывы

Когда мы добрались до блока с отзывами и причинами выбрать сервис, мы понимали: этот раздел должен работать как “момент истины” для потенциального клиента. Он уже увидел услуги, узнал о возможностях техцентра, но именно здесь решает — доверять или нет. А как можно доказать доверение? Только реальными отзывами и ссылкой на Яндекс.Карты. Мы не стали добавлять в отзывы фотографии, чтобы было меньше визуального шума, а пользователь сфокусировался на эмоции от самого отзыва.

Записаться на осмотр

Хотелось, чтобы блок “Записаться на осмотр”,  не просто был кнопкой в ряду других элементов, а буквально “цеплял” взгляд и создавал ощущение движения. Так родилась идея сделать его динамичным — в виде бегущей строки.

Мы экспериментировали с ритмом и направлением движения, пока не нашли тот темп, при котором текст не мешал чтению, но при этом привлекал внимание. Лёгкий наклон шрифта добавил живости — казалось, что фраза “записаться на осмотр” чуть ускоряется, приглашая действовать прямо сейчас.

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

Раздел Услуги

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

Раздел неисправности

На основании данных SEO аудита мы разработали раздел “Неисправности”. В нём размещены популярные статьи по неисправностям брендов BMW, MINI и Rolls-Royce. Для удобства пользования мы реализовали удобный поиск по ключевым словам.

Детейлинг и Кузовной ремонт

Общая дизайн концепция по сайтам — это через крупные фотографии и визуальные акценты показать качество и премиальность услуг: детейлинг, полировка, керамическая защита, химчистка салона. Так же как команда EL REY бережно очищаем автомобиль от малейших пылинок, дизайн выстроен чисто и минималистично: без лишнего визуального шума, с ясными акцентами и понятным путём пользователя.

Контент

После разработки верстки и разработки функционала мы перешли к наполнению.
У каждой серии каждого кузова есть список категорий услуг с подкатегориями.
Мы создали более 3000 страниц.

Внедрение CRM

Задача

Перенести работу автосервиса из срм АвтоДилер в Битрикс24

Решение

На момент обсуждения проекта у клиента было обобщённое Техническое Задание и желание уйти от продукта АвтоДилер старой версии, которая размещалась на персональном компьютере.

Мы предлагали перейти клиенту на онлайн версию АвтоДилер, но клиенту жутко не понравился этот программный продукт.

А в планах было расширить количество сервисов по Москве.

На основании Технического Задания и нашего опыта внедрения Битрикс24 стало понятно, что облачная версия не подойдет для задач клиента.

Работу по проекту мы разбили на два этапа:

  1. Первичное внедрение — быстро запуститься и обучить команду;
  2. Доработка функционала под задачи клиента;

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

Но… при развертывании сервера, что-то пошло не так 😉

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

Далее мы, развернули отраслевое решение Автосервис 5.
В компании существуют 3 рабочих подразделения: Слесарная – техническая зона, Малярная зона, Детейлинг.
Для удобства работы мы все сделки объединили в одну воронку продаж.

Так же,

  • Настройка карточки номенклатуры и структуры категорий
  • Импортировали товарные позиции и услуги из старой системы
  • Настроили права и роли
  • Настроили ChatApp

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

Обучение

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

Команда

Менеджер проекта

Александра Константиновна

Инженер внедрения

Олег Викторович

Backend разработчик

Сергей Николаевич

Backend разработчик

Сергей Николаевич

Frontend разработчик

Ярослав Евгеньевич

Хочешь такой результат? Закажи у нас Автоматизацию

Мы поможем быстро автоматизировать процессы, не нарушая текущий рабочий ритм