Директ Топ

Лендинг агентства по настройке Яндекс Директ. Два исходных сайта сведены в одну структуру, первый экран показывает сам механизм рекламы.

Формат
Адаптивный лендинг
Что сделано
Структура, дизайн, вёрстка
Стек
HTML, CSS, JavaScript без библиотек
Год
2026
Первый экран: оффер и демо поисковой выдачи Кейсы: четыре карточки с числом заявок, ценой заявки и бюджетом Три тарифа, средний выделен лаймовым

Задача

Было два лендинга одной услуги: личный сайт специалиста и сайт агентства. У каждого свои сильные блоки, но ни один не закрывал все вопросы клиента.

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

Решение

Оффер с цифрами. Цена, срок и гарантия — в заголовке, без общих слов про «рост продаж».

Механизм на первом экране. Запрос печатается в строке поиска, объявление клиента встаёт на первое место.

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

Пять этапов — пять дней. Этапы разложены по дням на одной линии: срок из заголовка подтверждается планом.

Дизайн-система

Тёмно-зелёный фон и лаймовый акцент: им набраны цифры и залиты целые секции. Белая карточка выдачи — единственное светлое пятно первого экрана.

Фон #0B1F1A
Поверхность #12302A
Текст #F2F6EC
Акцент #C6F432
Заявки через 3 дняWix Madefor Display — заголовки
Оплата только за переходWix Madefor Display — текст

Нужен похожий проект?