Трое в одной адмиинке, не считая начальника!

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

Собрали с нуля три сайта на платформе Битрикс Управление Сайтом

Мы начали с 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 страниц.

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

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

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

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