Корпоративный сайт для JAC Trucks: ультимативный гайд по нарушению стереотипов в презентации бренда

Знакомьтесь, JAC Trucks – крупнейший китайский производитель и поставщик спецтехники и запчастей с осознанным подходом и грандиозным планом: думать, творить, ломая стереотипы.

От JAC Trucks мы получили true диджитал-вызов: разработать интернет-магазин спецтехники и запчастей с конфигуратором с нуля и до релиза для:

- генерации лидов нон-стопом,

- громкой презентации бренда на новом рынке,

- автоматизации бизнеса по всей воронке трафика.

Осторожно, спойлер! Мы реально «затащили» этот челлендж: заставили нервничать Mercedes и Volkswagen, Scania и Volvo, попутно разрушив стереотипы «китайский ≠ дешевый» и «спецтехника ≠ стремная махина в грязи».

Сайт для Tesla? Ну такооое… Переизобрести концепцию «китайской» узкоспециализированной коммерческой техники и задать новый уровень дизайна для целой ниши? Наконец-то, достойный соперник, наше сражение станет легендарным!

180 дней настоящей синергии in-house команды Ninen, и готово:

1. Deep-research ниши: тысячи комментариев на форумах, личные интервью с ЦА, ментальная карта с аналитикой топов рынка, собственные комплексные маркетинговые стратегии.

2. Ювелирный UX: архитектура контента, CJM, портреты потребителей на 360° и прототипы всех 12 страниц сайта. +5 очков от Нильсена команде наших проектировщиков!

3. Комплексный маркетинг. Просто работающий сайт? Итс окэй. Эффективный конверсионный диджитал-инструмент? That’s what I am talking about!

4. Крутой UI. Через год в заполненных брифах всё чаще будете встречать: «Хочу сайт, как у ̶A̶p̶p̶l̶e̶ JAC Trucks». Скриньте.

5. Функционал интернет-магазина. Фулл готовый и юзабельный каталог: с фильтрами и поиском, сортировками по алгоритмам, карточками товаров и страниц с описаниями товаров. И все это кастом high-code.

6. Корзина с онлайн оформлением заказа. Скрупулезно проработали воронку «от и до» – у JAC Trucks товар точно не будет пылиться в избранном.

7. Конфигуратор техники. Собрать кастомное авто легче, чем машинку из Lego, ведь нашим юзерам для этого точно не нужны инструкции с иллюстрациями :)

8. Верстка Pixel Perfect. Революционный дизайн требует кропотливой верстки.

9. Программирование с краш-тестом. «Не баг, а фича» – отговорка для слабаков. Устроили такой краш-тест, что не выдержал бы даже болид F1.

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

С момента прочтения брифа проекта команда Ninen словила настоящие mindblowing инсайты. Погнали смотреть подробнее!

Собрали в брифе на 60 вопросов ключевую информацию по 50 критериям: погрузились в бизнес-процессы, изучили продукт. Провели бренд-трекинги, U&A исследования, построили имиджевые карты и выявили самые влияющие характеристики на конверсии. Итог: разговаривали с командой JAC на одном языке.

Учитывали не только традиционные социально-демографические параметры, но и поведение в цифровой среде: зависли на форумах и вылавливали ЦА для личных интервью. Поняли боли, возражения, страхи и потребности ядра и сегментов, подобрали верный TOV для общения с аудиторией на одном языке.

Проанализировали сайты в регионе заказчика и смежных: позиционирование, структура, офферы, стилистика текстов — ни одна деталь не скрылась от маркетолога. Придумали отстройку и приступили к стратегии.

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

Как итог, прототипы 12 страниц сайта, где каждый символ работает на конверсию и приводит лидов.

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

Наш UI-дизайнер так упорно работал над визуальной отстройкой будущего сайт JAC Trucks от конкурентов, что наизусть запомнил их цветовую палитру и основные стилистические приемы.

Задизайнили 3 абсолютно разных образа бренда на рынке, воплощенных в визуальные концепции. Различия не только в заюзанных шрифтах, цветах и компоновке, но и в идее. Мы настолько вдохновили заказчика, что команда JAC сама организовала профессиональную фотосессию для техники – настоящий «удар под дых» шаблонному дизайну.

Упрощенный до сути UX и юзабельные десктопы с адаптивами на месте. Теперь JAC Trucks одинаково круто смотрится на всех устройствах и браузерах.

Аккуратная кроссбраузерная валидная верстка, адаптированная под CMS. С оптимизированными скриптами и изображениями сайт JAC Trucks словно суперкар разгоняется за 2 секунды, а конкурентов обходит за 0,2.

Устроили настоящий краш-тест диджитал-продукта! Когда речь заходит про тестирование будущих продуктов – мы превращаемся в настоящих душнил. Проводили тест на последних версиях популярных браузеров, собрали всю in-house команду с мобильными телефонами в переговорке и раздали тз на тест технической и визуальной составляющей сайта.

Наш спец с первых шагов курировал разработку архитектуры с нуля до PRO. Конфигуратор, каталог, корзина, админка — всё работает в полном синхроне. Интегрировали сайт с CMS, чтобы заказчик мог быстро и удобно менять содержимое каталога из админки, а также тонко настроили систему под задачи проекта, отладили серверы, разобрались с SSL-сертификатом. Подключили функциональные модули: карты, каталог, поиск по сайту. Наполнили тестовым контентом для финального тестирования.

Мы не из тех, кто «сделал и отдал». Ninen is ❤️. Мы не бросили заказчика один-на-один с таким сложным и динамичным продуктом, а составили понятные инструкции по управлению сайтом. И даже записали обучающее видео!

С момента прочтения брифа проекта команда Ninen словила настоящие mindblowing инсайты. Погнали смотреть подробнее!

Project Manager x 1: находился «в ресурсе» и гигантском потоке инфы и задач. Помните ту старую игру с волком и яйцами? Так вот это наш PM – не POV, а real. «Согласовать дизайн со всеми отделами заказчика» – слева! «Написать техническое задание программистам» – справа! Усложняем уровень… «Запараллелить этапы работы» – справа! «Успеть к дате релиза» – слева! Скрамы и эджайлы рядом не стояли.

Маркетологи х 2: хочешь понять реальные боли целевой аудитории – стань ею. Произвели тотальное погружение в продукт и рынок: теперь маркетолог готов продавать БелАЗы для комфортной езды в потоке плотного городского трафика. Кстати, если надо – мы можем.

Копирайтер х 1: собственными ̶р̶у̶к̶а̶м̶и̶ словами сломал стереотип «китайский = дешевый/некачественный». На одно возражение ЦА — 5 ценных преимуществ. ****, конечно, не мешки ворочать, но рыночек спецтехники-то перевернулся!

UX-дизайнеры х 2: прокачали эмпатию и совместили непростую ЦА с инновационными фичами интерфейса. Теперь даже директор автобазы без проблем серфит каталог и тюнингует кастомную технику в конфигураторе.

UI-дизайнеры х 2: бустанули дизайн сайтов для продажи коммерческой техники на новый лэвел. Что делать, если у топовых конкурентов дизайны уровня «Сомнительно, но окэй»? Да просто взять и переизобрести стандарты визуала для ниши!

Frontend х 1: поставил чаты с индийскими коллегами на мьют из-за бесконечных просьб показать код для сложных анимаций. Верстальщик аккуратно перенес все креативные задумки в диджитал, а дизайнеры поверили в его всемогущество и пошли готовить ТЗ на сайт с зеркальным фоном.

Backend х 1: Конфигуратор со 144 вариантами кастомизации техники работает надежно, как швейцарские часы, интернет-магазин летает, CMS на месте.

Команда Ninen: готова к вызовам любой сложности right now.

JAC Trucks: словил лютый кайф от активного участия в процессе: согласование мудбордов с будущими концептами, составление тз и организация фотосессии для техники, тестирование багов. Приятный бонус: заказчик открыл собственные продукты с новой для себя стороны и наметил амбициозные планы на будущее. Так что ищите нас в номинациях в следующем году.

Результат работы над проектом? Многостраничный сайт с интернет-магазином и конфигуратором крупного китайского новатора на мировом рынке спецтехники для генерации лидов, презентации бренда и автоматизации бизнеса done!

Получили полный «Finish him!» в виде переворота рынка спецтехники и запчастей! Уникальный продукт для своего сегмента по дизайну и функционалу.

Стильный и объемный «металлический» визуал, нешаблонное цветовое сочетание холодного серого фона с яркими цветовыми акцентами и умеренное негативное пространство – вот новый дорогой визуальный тренд для сайтов такой тематики.

Оттестированный User Flow, соответствующий законам и правилам UX, сложные функции, упрощенные до сути, сайт без багов, адаптированный под любое устройство и браузер – вот новые высокие стандарты к любому комплексному интернет-магазину спецтехники.

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