Сайт ZEEKR: переосмысление каталога автомобилей для компании будущего

ZEEKR — компания китайского автопрома, известная во всем мире. Она выпускает электрокары и гибриды премиум-класса, которые проектируют и собирают в Китае. Целевая аудитория — не только покупатели, но и инвесторы, которых надо впечатлить.

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

Это нужно было исправить. Для этого мы решили:

— через новую визуальную концепцию подчеркнуть статус ZEEKR как компании будущего;

— создать сайт, который захватывает внимание и отличается от привычных каталогов;

— добавить интерактивность и геймификацию, чтобы вовлечь посетителей.

Процесс работы разделили на три ключевых этапа:

1. Визуальная концепция. Показали ZEEKR как бренд, который определяет будущее автомобильного дизайна.

2. Дизайн сайта. Сделали ставку на 3D-сцены и анимации вместо статичных картинок.

3. Геймификация. Добавили интерактив и мини-игру, чтобы сделать опыт запоминающимся.

Начали с философии бренда. В названии ZEEKR уже заложено несколько смыслов:

— ZE: zero, точка бесконечных возможностей;

— E: эволюция электрической эры;

— KR: криптон — редкий газ, который светится от электричества.

ZEEKR балансирует между передовыми технологиями и природой, где черпает вдохновение и ресурсы. Эти моменты мы подсветили в визуальной концепции. Автомобили появляются на фоне бескрайнего неба, а темные и технологичные экраны ритмично сменяются светлыми и воздушными.

Разработали сайт для главных моделей компании: 001, 007 и Х. Отказались от скучных статичных фотографий и таблиц характеристик — вместо этого сделали 25 уникальных 3D-сцен. Каждая модель получила свое окружение и характер и гармонично вписалась в единый фирменный стиль.

На главной странице посетителей встречает анимация. Для нее мы использовали геометрические ноды Blender, вручную моделировали окружение, настраивали свет и композицию. Ради этого даже позвали стороннего 3D-художника — редкий случай для AVA, потому что обычно тащим все сами. Но здесь хотели добиться идеального результата.

С 3D-моделями было сложно. Разработчики и дизайнеры переделывали сцены и модели, редактировали отдельные блоки и целые куски страниц. Здесь команда не жалела сил.

Структуру разработали сами. Под нее адаптировали контент, где-то дополнили тексты или написали с нуля. А заодно оптимизировали гигантский объем графики, чтобы сайт грузился быстро и ничто не портило впечатление от дизайна.

Смотреть на авто скучно — на них нужно ездить. Поэтому мы добавили интерактив: каждую 3D-модель можно покрутить, изменить цвет, включить фары, а еще узнать главные технические особенности.

И самая интересная фишка — мини-игра, разработанная на Three.js и Vue.js. Это целый тест-драйв: можно выбрать трек из встроенного плеера и прокатиться по городу в лучших традициях NFS.

Для нас это был первый опыт в геймдеве. Он того стоил — интерактив вовлекает посетителей и дарит уникальные впечатления.

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

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

Новый сайт с 3D-сценами и промо-роликом выходит за рамки стандартного каталога. Автомобили выглядят не как набор технических характеристик, а как премиальный и инновационный товар. Благодаря динамичным рендерам каждая модель на экране оживает и захватывает внимание.

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

В итоге клиент получил сайт, который раскрывает потенциал бренда и работает на имидж. А мы вынесли ценный опыт создания сложных 3D-моделей и сцен, оптимизации графики и геймификации.