Задача: создание лендинга для McGard в продуктовой авто-категории. Приоритеты проекта: зафиксировать ценность и назначение продукта на первом экране, перевести преимущества в понятные критерии сравнения, структурировать линейку (серии/комплекты) и обеспечить короткий маршрут до обращения. Параллельно предусмотрен комплект макетов внутренних страниц, чтобы проект масштабировался из формата одностраничный сайт в управляемую структуру (покупка, инструкции, поддержка, новости).
Тематика: автотовары: секретный крепеж/«секретки», защита колесных дисков от несанкционированного снятия
Архитектура одностраничного сайта выстроена вокруг двух пользовательских сценариев: быстрый контакт без лишних шагов и сценарий осознанного выбора через сравнение вариантов. Первый экран решает задачу мгновенной ориентации: бренд, продукт в контексте автомобиля, четкий CTA («заказать звонок»). Шапка и меню организованы как навигация по логике выбора: преимущества → линейки/серии → где купить → контакты/поддержка.
Аргументация вынесена в блок преимуществ с короткими тезисами и нумерацией. Такой формат повышает сканируемость и снижает когнитивную нагрузку. Витрина серий и комплектов оформлена карточками, чтобы пользователь видел различия между вариантами и быстро переходил к целевому действию без «проваливания» в длинные тексты.
Отдельный акцент сделан на этапе конверсии: блок «где купить» с картой и контактами закрывает основной вопрос финального шага и снижает потери в рекламных сценариях, когда пользователь не готов тратить время на дополнительный поиск.
Визуальная система построена на контрасте и управляемых акцентах. Фирменный фиолетовый работает как функциональный маркер: выделяет CTA, активные элементы и ключевые блоки выбора. Светлая база и строгая сетка создают «витринный» интерфейс, устойчивый к большому объему товарных карточек. Большие поля и ясная иерархия уменьшают визуальный шум и поддерживают восприятие как премиального продукта.
Заголовки выполнены на Roboto Condensed Bold Italic ‒ шрифт дает характер и хорошо работает в коротких промо-формулировках. Основной текст ‒ Open Sans Regular как нейтральная гарнитура с высокой читаемостью. Пара формирует жесткую иерархию и упрощает восприятие посадочной страницы.
Создание лендинга под ключ предусматривало элементы, которые прямо поддерживают конверсию и выбор:
Подготовлен комплект макетов под расширение структуры: продуктовые страницы, сервисные разделы, инструкции/FAQ, новости, контакты, служебные страницы. Такой набор переводит лендинг в систему страниц, пригодную для контентного развития и SEO-покрытия.
Так же были созданы макеты для страниц. Вот некоторые из них:
В рамках разработки приоритетом стала адаптивность. В мобильной версии сохраняется приоритет навигации и CTA, карточки перестраиваются в одну колонку без потери иерархии и логики выбора. Это поддерживает конверсию в сценариях, где лендинг для бизнеса и рекламы получает значимую долю мобильных визитов.
