От брендинга до запуска интернет-магазина за 2 недели: Tasty Motors — вкусная доставка авто в Дубае

Tasty Motors — сервис по доставке люксовых автомобилей со всего мира в ОАЭ. Причём это не классический тяжёлый люкс (кожаные кресла, чёрное с золотом и т.д.) — а модели с современным и даже дерзким дизайном. В общем, реально «тейсти» авто. Tasty Motors ориентируется на премиум-сегмент: клиентов, которым важны статусность авто и те смыслы, которые в него заложены.

Компания недавно вышла на рынок ОАЭ, и ей важно было создать весь образ бренда в онлайне с нуля — от позиционирования до официального сайта. Для этого она обратилась к Oxem.

Перед нами стояли две задачи:

1. Создать бренд Tasty Motors для рынка ОАЭ так, чтобы выделить его на фоне конкурентов: логотип, айдентика, ключевые образы, цвета, гайдбук.

2. Разработать официальный сайт Tasty Motors под ключ — так, чтобы сайт передавал подход бренда и «люксовость» авто.

За 2 недели мы создали сайт Tasty Motors, который стал ключевой digital-платформой для развития бизнеса клиента на рынке ОАЭ. А созданный нами брендинг передаёт характер Tasty Motors, помогает компании отстраиваться от конкурентов и привлекать клиентов на рынке ОАЭ. Клиент очень высоко оценил работу — цитируя Tasty Motors: «Сейчас мы кайфуем от результата!»

Чтобы добиться таких результатов, мы глубоко погрузились в проект:

1. Провели продуктовое исследование: забрифовали клиента, провели анализ конкурентов, выявили главные боли целевой аудитории;

2. Продумали идентичность бренда Tasty Motors для рынка ОАЭ и с нуля разработали брендинг и айдентику Tasty Motors;

3. Спроектировали структуру и контент сайта с точки зрения SEO и продвижения в нейросетях;

4. Разработали дизайн-концепцию сайта, которая передаёт характер бренда и остаётся удобной для пользователей;

5. Сверстали, протестировали и запустили сайт Tasty Motors на Astro и WordPress.

Чтобы глубже понимать бизнес Tasty Motors и особенности сегмента премиум-авто в ОАЭ, мы провели структурированный брифинг с заказчиком.

После проанализировали целевую аудиторию Tasty Motors — это частные лица с доходом от $25 тыс. в месяц, которые предпочитают эксклюзивные авто в диапазоне $100-300 тыс. Для этих людей важна уникальность, возможность проявить себя через дизайн и марку автомобиля. Эти люди хотят, чтобы машины подчеркивали их статус и индивидуальность.

Собрали карту болей пользователей и продумали, как новый сайт и брендинг могут снять основные сомнения и барьеры аудитории. Например, среди важных барьеров были:

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

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

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

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

✔️ Результат продуктового исследования показал: для лидерства Tasty Motors на рынке ОАЭ бренд должен радикально отличаться от конкурентов — сочетать выразительность, дерзкий характер и премиальное качество подачи. Одновременно сайт должен поддерживать ключевые преимущества компании: прозрачность процессов, высокий уровень сервиса и персонализированный подход — и помогать пользователю быстрее принимать решение обратиться в компанию.

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

Через брендинг выразили яркий и дерзкий характер Tasty Motors — показали, что это сервис по доставке реально «вкусных» авто. Например, в основу логотипа лег образ леденца, который одновременно отсылает и к колесу автомобиля.

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

Подчеркиваем, что автомобили бренда действительно «tasty» и через ToV. Например, в виджете со списком цветов авто на главной странице используем названия, которые передают их «вкус» — «yellow sherbet», «light brownie» и т.д.

Также разговорный ToV передает и дерзкий характер бренда. Например, добавили на сайт фразы вроде «Still thinking? Let’s talk» («Всё ещё думаешь? Давай поговорим»).

Дополняем это визуалом: используем крупные кадры и динамичный монтаж с резкими сменами планов. Эти решения усилили эмоциональное восприятие бренда и сделали сайт визуально более запоминающимся.

Типографика тоже играет роль. Гротескный шрифт TT Bluescreens передаёт дерзкий и современный вайб бренда Tasty Motors, но остаётся премиальным. Он цепляет взгляд, легко запоминается и придаёт логотипу визуальную «вкусность».

В результате мы создали для Tasty Motors полноценную визуальную систему: разработали логотип, айдентику, ключевые образы и фирменные цвета. Всё это помогло сформировать узнаваемый характер марки, задать единый стиль коммуникации и подготовить основу для дальнейшего развития бренда.

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

Для этого через Яндекс.Вордстат собрали семантическое ядро. Оно помогает понять, какие запросы и темы наиболее популярны у пользователей в сфере Tasty Motors — а значит, какие страницы, заголовки и тексты будут лучше продвигать сайт в поисковой выдаче и нейросетях.

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

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

Например, чтобы закрыть страх «некачественного сервиса», добавили на сайт блок реальных отзывов клиентов Tasty Motors — с опытом покупок от разных пользователей. Это повышает доверие и помогает показать ценность сервиса для аудитории. Особенно актуально это для рынка ОАЭ: в блоке отзывов мы показали опыт как местных клиентов, так и экспатов — так мы подчеркиваем универсальность сервиса для мультикультурной аудитории.

Также оптимизировали будущий сайт для SEO и AEO: выстроили иерархию заголовков и смысловых блоков так, чтобы контент было проще считывать и пользователям, и поисковым системам. А еще сделали все кнопки Call-to-action легко доступными. Например, заказать консультацию можно сразу на главной, не листая до конца страницы.

✔️Чтобы Tasty Motors мог уверенно выделиться на рынке ОАЭ, нам нужно было создать сайт, который не только решает функциональные задачи, но и формирует яркий и узнаваемый образ бренда. Сайт должен отвечать ожиданиям премиальной аудитории, для которой важны статус, индивидуальность и качество визуальной подачи.

Для этого продумали ключевую метафору сайта Tasty Motors — автомобильный журнал. В дизайне это отразили с помощью журнальной вёрстки: большое внимание уделяется типографике и фотографиям автомобилей.

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

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

Отразили характер бренда и через тексты на сайте. Главный смысл, который лежит в их основе — подход Tasty Motors строится на эксклюзивности, надежности, скорости (например, доставка в течение недели), прозрачности и полном сопровождении клиента.

Прописали УТП Tasty Motors на сайте. Например, добавили на один из первых экранов блок «Our secret ingredients» («Наши секретные ингредиенты»). А еще этот блок классно подчеркивает отсылку к названию бренда и образу «вкусных» авто!

Создали отдельный блок «Why choose us now» («Почему стоит выбрать нас прямо сейчас»). В нем ещё раз прописали, что для Tasty Motors важны коммуникация без давления на клиента, прозрачность, скорость и премиальный уровень сервиса.

Также вывели ценности бренда Tasty Motors в description сниппета в поисковике.

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

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

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

Кроме того, в отдельную страницу в Figma вынесли часто используемые UX и UI-элементы. Прописали к ним пояснения: какие отступы где нужны, для какого типа страниц какой элемент предназначен и так далее.

✔️ Tasty Motors — сайт с элементами интернет-магазина. Поэтому при его разработке и дизайне продумали весь необходимый функционал, чтобы пользователь мог пройти полный путь от выбора автомобиля до оформления заказа.

Создали каталог с карточками авто, в которых указаны все подробности о модели:

• фото с разных ракурсов;

• все технические характеристики;

• какие системы подключены (например, есть ли круиз-контроль);

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

Добавили возможность поиска по фильтрам: теперь пользователь может легко найти конкретную марку или модель, нужный пробег авто, стоимость, вид двигателя и статус (новую или с пробегом).

Детально продумали оформление доставки. Например, теперь на сайте можно выбрать способ доставки — самолетом, по морю или на грузовике.

Добавили на сайт корзину, а еще классную фичу — возможность проконсультироваться с экспертом Tasty Motors перед покупкой авто.

✔️ Также на сайте важно было учесть локальные особенности рынка ОАЭ. Ведь рынок Эмиратов — это:

1. Премиум-ориентированность — упор на люксовость здесь прослеживается во всём;

2. Мультикультурность: помимо местных жителей, здесь много экспатов (в том числе русскоязычных);

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

Все эти особенности учли и воплотили в дизайне и функционале нового сайта Tasty Motors.

1. Подчеркнули, что Tasty Motors работают с премиум-сегментом — через визуал, тексты, анимации, структуру, качественные фото авто крупным планом и т.д.

2. Сделали сайт Tasty Motors удобным для многокультурной целевой аудитории. С самого начала отрисовали 2 версии сайта: русскоязычную и англоязычную, а цены указываем в долларах.

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

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

Тщательно проработали микроканимации: их плавные переходы подчёркивают премиальность бренда и высочайшее качество сервиса.

Чтобы сайт быстро работал и не съедал трафик пользователя, мы решили не отрисовывать анимации покадрово — а сверстать их! Для этого отрисовали более 50 состояний, в том числе — отдельно для десктопной и мобильной версии. Благодаря этому сайт Tasty Motors прогружается очень быстро и не нагружает браузер.

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

Благодаря нашей работе скорость загрузки сайта сейчас — 96/100 по Lighthouse. Это значительно превышает средние показатели e-commerce сайтов (40-70/100 по Lighthouse) и соответствует уровню топовых люксовых платформ.

Мы создали брендинг Tasty Motors и за 2 недели разработали официальный сайт — ключевые инструменты для выхода на рынок ОАЭ. Они выделяют компанию среди конкурентов и уже обеспечивают масштабирование бизнеса клиента.

✔️ Брендинг Tasty Motors для рынка ОАЭ:

Мы разработали айдентику, адаптированную под эмиратский премиум-сегмент. Она:

• Ярко отличает Tasty Motors от конкурентов. Передали дерзкий «tasty» характер бренда через карамельный логотип-колесо, цвета, TOV. Никаких серых дилерских шаблонов!

• Учитывает локальную специфику рынка ОАЭ: мультикультурность, юридические аспекты, акцент на премиум-сегмент.

• Работает на бизнес-цели клиента. Подчеркивает преимущества компании (прозрачность, премиум-сервис, индивидуальный подход) и привлекает клиентов с доходом от $25 тыс. в месяц.

✔️ Сайт Tasty Motors — за 2 недели сверстали и запустили полноценную e-commerce платформу под ключ:

• На сайте продуманный путь покупателя. Пользователь выбирает авто через удобные фильтры, изучает подробные карточки авто с 360° фото, добавляет в корзину. При этом кнопки CTA доступны на всех экранах.

• Добавили конверсионные решения. Реальные отзывы клиентов Tasty Motors повышают доверие, а юридические УТП, консультация с экспертом и варианты доставки снимают с пользователей частые барьеры.

• Сайт Tasty Motors передаёт подход бренда и «люксовость» авто.

• Обеспечили сайту органическое продвижение — благодаря семантическому ядру, быстрой загрузке сайта, текстам и четким заголовкам.

• Сайт быстро работает. Его скорость: 96/100 по Lighthouse, что значительно превышает средние показатели e-commerce сайтов (40-70/100 по Lighthouse) и соответствует уровню топовых люксовых платформ.

✔️Как итог: Tasty Motors получила готовый инструмент для привлечения клиентов. Сайт и брендинг закрывают все поставленные задачи и выделяют компанию среди конкурентов на новом рынке. Вот так сам клиент говорит о нашем дизайне: «Я сам человек не сильно творческий, но тут достойно всё. Реально очень интересно! Сейчас мы кайфуем от результата!»

После запуска мы продолжаем развивать сайт Tasty Motors: сейчас основной фокус нашей команды на расширении каталога автомобилей и оптимизации мобильной версии.