Seven Lux Auto
Публичное лицо клиента 7cars: тёмный редакционный шоурум на одной странице — быстрый, с любым способом связи в одно касание.
- Фирменная заставка
- Коллекция с автопрокруткой
- Шесть услуг консьерж-сервиса
- JSON-LD AutoDealer
- Клиент
- Seven Lux Auto, Москва
- Год
- 2026
- Авторство
- Собственная разработка
- Статус
- Роль
- Дизайн и фронтенд: визуальная система, вёрстка, SEO, аналитика и деплой.
- Платформы
- Одностраничный сайт · десктоп и мобильные
- Языки
- RU
- Стек
- HTML · CSS · Vanilla JavaScript · JSON-LD · Vercel · Vercel Web Analytics
Изыскания — контекст и задача.
Задача
Люксовому дилеру нужно было публичное лицо с ощущением шоурума, быстрой загрузкой на телефоне и понятным путём к контакту.
Seven Lux Auto продаёт люксовые и премиальные автомобили в Москве — Rolls-Royce, Ferrari, Maybach, G-Class и другие — и предлагает консьерж-сервис вокруг покупки: подбор за рубежом, логистику, регистрацию, трейд-ин, лизинг и сервис. Эта же компания ведёт свой бэк-офис в 7cars.
Дилеру нужно было публичное лицо под стать машинам: ощущение шоурума, а не страницы объявлений, быстрая загрузка на телефоне и очевидный следующий шаг — звонок, сообщение в WhatsApp или Telegram, маршрут до шоурума. Сайт должны находить и Google, и Яндекс, а владельцы хотели знать, какими каналами связи люди реально пользуются, — не следя за конкретными людьми. Всё — на русском, а контакты и реквизиты дилера — всегда под рукой.
Тяжёлый стек для этого не требовался. Ответ — одна страница, тёмная и редакционная, где продаёт фотография, а любой контакт — в одно касание.
План — сначала — чертёж системы.
Решение
Одна статичная страница: фирменная заставка, автопрокручиваемая коллекция и консьерж-сервис, разметка AutoDealer и аналитика обращений без слежки за людьми.
Одна страница, пять частей: фирменная заставка с хромированной «7», первый экран с Rolls-Royce, карусель «закрытой коллекции» с перетаскиванием и автопрокруткой, шесть пронумерованных услуг консьерж-сервиса и блок философии, который заканчивается контактами. Всё — рукописные HTML, CSS и чистый JavaScript в одном файле, без фреймворка: появление блоков на IntersectionObserver, карусель на requestAnimationFrame. Для поиска — canonical и Open Graph, sitemap и разметка AutoDealer с координатами и часами работы. Для владельцев — события обращений в Vercel Web Analytics: клики по телефону, WhatsApp, Telegram и почте, открытия галереи, построение маршрута — без идентификации людей.
Ключ модулей
- Фирменная заставка с хромированным логотипом «7»
- Первый экран с акцентами на наличии и часах просмотра
- Перетаскиваемая коллекция из пяти машин с автопрокруткой
- Шесть пронумерованных услуг консьерж-сервиса
- Контакты со ссылкой на маршрут и каналами в мессенджерах
- Canonical, Open Graph, sitemap, robots.txt и JSON-LD AutoDealer
- События обращений в Vercel Web Analytics
- Заголовки безопасности через vercel.json
Ключевые решения
-
Почему одна статичная страница
Сайт-шоурум — это в основном фотографии и несколько решений. Один HTML-файл примерно на 37 КБ со встроенными CSS и JS не требует гидратации и почти не требует поддержки.
-
Почему считаются обращения, а не люди
Владельцам важно знать, какой канал приносит обращения. Именованные события в аналитике, бережной к приватности, отвечают на этот вопрос без персональных данных.
-
Зачем дилеру структурированные данные
JSON-LD AutoDealer с адресом, координатами и часами работы помогает поисковикам видеть в шоуруме место, а не просто страницу.
Фасады — экраны для компьютера.
Все фасады 01
-
Рис. 4.1 Блок философии «Больше, чем драйв»: текст о бренде, кнопка связи и фотография Rolls-Royce в рамке.
Детали — мобильные экраны.
Ведомость материалов — стек и почему он.
| Слой | Материал | Почему |
|---|---|---|
| 01Данные | AutoDealer JSON-LD · sitemap · Open Graph | Дилер как место в поиске: адрес, координаты, часы работы. |
| 02Логика | Vanilla JS · IntersectionObserver · requestAnimationFrame | Появление блоков и карусель с автопрокруткой без фреймворка. |
| 03Аналитика | Lead-event analytics (Vercel) | Какой канал приносит контакт — измеряется без идентификации посетителей. |
| 04Интерфейс | Static HTML / CSS · Unbounded + Inter | Бренд держится на редакционной акцидентной типографике и фотографии. |
| 05Инфраструктура | Vercel · security headers | Статичный хостинг с кэшем на edge и усиленным набором заголовков. |
Стек
Сдача — итог и ссылки.
Хотите увидеть систему в работе?
Покажу систему вживую на демо-данных и расскажу о решениях, которые за ней стоят.
Запросить демонстрацию
