INDEPENDENT AUTOMOTIVE MEDIA
3AXAPOV ДРАЙВ
Независимая медиа-платформа для автомобильного обозревателя Сергея Захарова. Объединение качественного контента из Drive2, Telegram и Rutube в единый премиальный опыт чтения и просмотра.
Исходная точка и Задачи
Создание независимого Hub-а для аудитории, чтобы избавиться от ограничений внешних платформ и улучшить опыт взаимодействия с контентом.
Бизнес-проблема:
Контент Сергея Захарова качественный, но разбросан по разным платформам: Drive2, Telegram. Пользователям неудобно искать старые обзоры, а автор теряет трафик и контроль над рекламными интеграциями. Внешние площадки диктуют свои правила оформления и монетизации.
Решение:
Спроектировать собственное медиа-пространство. Место, где обзоры, новости и статьи живут в понятной иерархии. Читатель получает опыт глянцевого авто-журнала, а бизнес — полный контроль над аудиторией.
Контент Сергея Захарова качественный, но разбросан по разным платформам: Drive2, Telegram. Пользователям неудобно искать старые обзоры, а автор теряет трафик и контроль над рекламными интеграциями. Внешние площадки диктуют свои правила оформления и монетизации.
Решение:
Спроектировать собственное медиа-пространство. Место, где обзоры, новости и статьи живут в понятной иерархии. Читатель получает опыт глянцевого авто-журнала, а бизнес — полный контроль над аудиторией.
- Создать независимую площадку-агрегатор.
- Улучшить читабельность лонгридов: типографика, сетка.
- Усилить узнаваемость личного бренда автора.
Сайт становится основной ссылкой в коммуникациях. Пользователи проводят больше времени за чтением смежных статей, растёт глубина просмотра и повторные визиты.
До → После
Было / Внешние площадки
- UX-сценарии не управлялись автором.
- Много чужого баннерного шума.
- Сложный поиск архивных обзоров.
Стало / Свой Hub
- Единая структура: Обзоры / Новости / Блог.
- Content-first интерфейс: ничего не отвлекает от текста и фото.
- Удобные фильтры по странам производителей.
Аналитика и аудитория
Анализ конкурентов показал избыток визуального шума. Фокус сместился на чистоту интерфейса, понятную рубрикацию и JTBD пользователей.
Портреты пользователей:![Алексей]()
![Екатерина]()
Активный читатель
Цель — получать честные обзоры на новинки автопрома и быстро находить нужную модель без кликбейта.
Решение: быстрые визуальные фильтры и понятная рубрикация.
Практичный покупатель
Цель — быстро понять плюсы и минусы конкретной модели перед визитом в дилерский центр.
Решение: ясная иерархия лонгрида, выноски с характеристиками.
Content-first подход
Пользователи устали от агрессивной рекламы. Структура разделена на: Обзоры, Новости, Блог. Введена визуальная навигация по регионам: Европа, Китай, Корея.
Решение: карточки обзоров · крупные фото, структура текста, фирменный цвет при hover-состоянии.
Архитектура и логика
Проектирование информационной структуры, создание user flow и wireframes для проверки навигации.
01. Навигация
Sticky-header обеспечивает постоянный доступ к разделам при скролле длинных обзоров.
Sticky-header обеспечивает постоянный доступ к разделам при скролле длинных обзоров.
02. Сетка
Жёсткая 12-колоночная сетка для стабильного отображения контента. Кликабельные зоны увеличены под мобильные экраны.
Жёсткая 12-колоночная сетка для стабильного отображения контента. Кликабельные зоны увеличены под мобильные экраны.
03. Сценарии
Бесшовный переход: с главной страницы сразу в нужный обзор, а после прочтения — предложение смежных материалов.
Бесшовный переход: с главной страницы сразу в нужный обзор, а после прочтения — предложение смежных материалов.
UI System
Адаптация корпоративных цветов под веб-стандарты и создание строгой типографической иерархии для лонгридов.
Цвета бренда
Основа визуала клиента — глубокий синий и драйвовый оранжевый. Мы перевели их в digital-формат, обеспечив нужный контраст на светлых подложках медиа-сайта.
Основа визуала клиента — глубокий синий и драйвовый оранжевый. Мы перевели их в digital-формат, обеспечив нужный контраст на светлых подложках медиа-сайта.
#214DA3Primary / Надёжность
#FB9127Accent / Драйв
Типографика для медиа
Для проекта, где текст — это главное, выбрана комбинация гротесков: узкий шрифт для заголовков и нейтральный для комфортного чтения больших объёмов текста.
Для проекта, где текст — это главное, выбрана комбинация гротесков: узкий шрифт для заголовков и нейтральный для комфортного чтения больших объёмов текста.
Sofia Sans Extra Condensed
Используется для H1/H2. Компактный шрифт помогает уместить длинные названия автомобилей в мобильной версии.
Open Sans / Inter
Используется для body-текста. Хорошая читабельность на разных экранах и спокойный editorial-ритм.
Разработка / Tilda + Custom Code
Платформа собрана на Tilda Zero Blocks с внедрением кастомного CSS/JS. Это дало высокую скорость запуска, простоту наполнения статьями и уникальные плавные анимации.
KPI и концепт-метрики
Переход на собственную платформу меняет показатели взаимодействия с аудиторией по сравнению с внешними блогами.
Вовлеченностьрост времени сессии
82%
Глубина просмотрастраниц за визит
2.8x
Читабельностьснижение отказов
94%
Монетизацияконтроль интеграций
76%
Итог
Запуск независимого медиа-хаба позволил объединить разрозненный контент и предоставить аудитории премиальный опыт чтения.
• Консолидация: сайт стал основной точкой входа для аудитории из всех соцсетей.
• Управление UX: полный контроль над путём пользователя и отображением рекламы.
• Масштабируемость: структура позволяет легко добавлять новые рубрики и форматы.
• Узнаваемость: сильный визуальный язык выделил проект на фоне агрегаторов.