Разработка сайта для трех моделей автомобилей компании Zeekr

Главное о кейсе

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

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

Как проект изменил жизнь пользователей

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

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

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

Бизнес-задача и ее решение

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

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

Крафт (мастерство), реализация, технические детали

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

На главной странице также проигрывается промо-ролик, созданный нашими дизайнерами: он демонстрирует модели машин, предсталвенные на сайте и задает перспективу движения на сайте. В работе над видео мы использовали геометрические ноды Blender, вручную моделировали окружение, настраивали свет и композицию.

Визуальную концепцию поддерживает графика, которая поддерживает единый фирменный стиль и метафору, заложенную в само название компании. Сочетание букв в названии Zeekr передает сразу несколько смыслов:
С помощью визуальной графики передали идею, заложенную в аббревиатуру логотипа:
- ZE – zero, отправная точка бесконечных возможностей;
- E – эволюция электрической эры;
- KR – криптон – редкий газ, излучающий свет под воздействием электричества.

Чтобы еще сильнее вовлечь пользователей в использование сайта, мы попробовали себя в гейм-дизайне. Для каждой модели машины доступна мини-игра, в которой пользователь может прокатиться по шоссе на понравившейся машине. Игра разработана на Three.js, Vue.js.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

Разработка сайта Zeekr в очередной раз напомнила нашей команде, как важна коммуникация между членами команды и о том, что профессионализм и умение учиться друг у друга идут рука об руку.

Прочая информация о кейсе

Наш проект был отмечен престижной платформой SCCDA Awards наградой Site of The Day 19 мая 2025 года

Скриншоты