Описание

Салон продаёт редкие и люксовые автомобили, где одна сделка measured в миллионах. Клиенту нужен был не типовой сайт с конструктора, а страница, которая с первого экрана транслирует статус и вызывает доверие.

Задача звучала просто, а на деле тонкая: показать, что здесь продают не машины, а уровень и спокойствие сделки. Никакой кричащей рекламы и мигающих кнопок «КУПИ СЕЙЧАС» — такая подача отпугнула бы аудиторию, которая привыкла к дорогим вещам и мгновенно считывает дешёвый дизайн.

Что требовалось от сайта:
— выглядеть как разворот дорогого автомобильного каталога, а не как шаблон;
— дать посетителю посмотреть машины в наличии и удобно отфильтровать их;
— снять недоверие через гарантии, проверку истории и понятный путь сделки;
— собирать заявки на персональный подбор, а не просто висеть визиткой;
— быстро грузиться и идеально работать с телефона, ведь такую аудиторию часто ловят «на ходу».

Решение

Собрал одностраничник полностью вручную, без конструкторов и фреймворков — чистый HTML, CSS и JavaScript. Это дало полный контроль над видом и скоростью.

Дизайн. Тёмная графитовая база, тёплый золотой металлик как единственный акцент, светлый «бумажный» фон в контентных блоках. Три шрифта под задачу: Playfair Display на заголовки для журнального характера, Inter на основной текст, JetBrains Mono на технические подписи. Вместе читается дорого и сдержанно.

Структура и функционал:
— первый экран с крупным фото, ёмким заголовком и тремя цифрами доверия (15 лет на рынке, 400+ закрытых сделок, 100% проверка истории);
— каталог из 6 машин с рабочим фильтром по типу и аккуратной заглушкой, если под выбор ничего не нашлось;
— блок преимуществ в стиле частного клуба (проверенная история, индивидуальный подбор, trade-in, доставка по миру, сопровождение сделки);
— акцентный блок с редким экземпляром из частной коллекции;
— путь клиента в 4 шага: заявка, подбор, просмотр, сделка;
— карусель отзывов и логотипы партнёров;
— форма персонального подбора с валидацией полей и экраном «заявка отправлена»;
— модальное окно про обработку персональных данных.

Технически: адаптив под десктоп, планшет и телефон; плавное появление блоков на скролле через IntersectionObserver с уважением к prefers-reduced-motion (кому анимации мешают — тем их не покажем); SEO-метатеги и Open Graph для красивого превью в соцсетях; favicon нарисован прямо в разметке SVG, без лишних файлов. Ничего тяжёлого не подключал, поэтому страница грузится быстро.

Результат

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

Что это даёт на практике:
— посетитель сам смотрит каталог и фильтрует машины, а не ждёт менеджера;
— форма собирает заявки на персональный подбор напрямую с сайта;
— понятные шаги сделки и гарантии снижают недоверие к дорогой покупке;
— быстрая загрузка и корректная работа на телефоне не теряют клиента, который зашёл с мобильного.

Сайт свёрстан на чистом коде, поэтому легко дорабатывается и расширяется: добавить новые машины, разделы или подключить реальную отправку заявок в CRM/Telegram — дело правки, а не пересборки. Проект опубликован и доступен по рабочей ссылке.

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

Ссылки на примеры реализации