Вводные

Задача

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

Цвета

Элементы

Плашки

Брендбук у компании отсутствовал. Все решения продиктованы требованием заказчика использовать на сайте цвета логотипа.

Кнопки (в т. ч. по наведению), переключатели, нумерацию списков, заголовки, а также блок с акцией покрасили в один из трёх цветов логотипа. А ещё подсветили зелёным все ссылки по наведению.

Основной цвет бенто-плашек серо-белый. Все углы мы скруглили на 10px, и у плашек, и у фото, и у кнопок. Иконки вставили XML-кодом, а не картинками, покрасили их в чёрный.

Лесной зелёный

#015a06

#EBEBEB

Светло-серый

#3D0859

Глубокий фиолетовый

#F8F8F8

#5A0155

Серо-белый

Тёмный пурпурно-фиолетовый

Вёрстка

Смежные работы

Типографика

Сайт выполнен в Zero Block с использованием двух стандартных блоков TS104N2 (отзывы) и QZ101B (квиз). Шрифт — Tilda PT Sans.

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

Десктоп

Заголовки:
15px, normal
spacing 0; 1

Основной текст:
18px, normal
spacing 2; 0.5

Заголовки:
13px, normal
spacing 0; 1

Основной текст:
17px, normal
spacing 1.5; 0.5

Планшет

Телефон

Заголовки:
12px, normal
spacing 0; 1

Основной текст:
15px, normal
spacing 1.5; 0.5

Результат

Планшет, сетка

4 колонок, колонки — 152px, межколонник — 10px, отступы по краям — 1px

2 колонки, колонки — 150px, межколонник — 20px, отступы по краям — 0px

Телефон, сетка

10 колонок, колонки — 111px, межколонник — 10px, отступы по краям — 0px

Десктоп, сетка

Хотите так же?

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

Отрасли экспертизы:

Промышленность

Образование

Доставка

Мебель

HoReCa

Одежда

Туризм

Beauty

Retail

Титры

Михаил Гуржий

Маркетолог

Анна Величко

Дизайнер на Tilda

Татьяна Казакова

Копирайтер

Марина Одинцова

Аккаунт-менеджер

Кейс опубликован: 20 мая 2025 г.
Кейс обновлён: —