ВЕБ · DV GROUP · 2025
Vetonit: промо-лендинг гидроизоляции — от wireframe до Tilda
1 месяц
от старта до запуска рекламы
4 маркетплейса
«Лемана ПРО», Ozon, «Петрович», «Сатурн»
Zero Block
пошаговая анимация «25 этажей»
02 / ЗАДАЧА
Объяснить гидроизоляцию тем, кто делает ремонт сам
Промо-лендинг для связки мастики TEC 822 и ленты AquaBand 828. Страница должна объяснить продукт неспециалисту, убедить в надёжности и довести до покупки на маркетплейсе — со скидкой в «Петровиче».
03 / процесс
Лендинг целиком — мой: от структуры до анимации в Tilda
Я
Ведение проекта с клиентом и аккаунт-менеджером, структура и wireframes, дизайн от wireframes до hi-fi, сборка в Tilda, пошаговая анимация «25 этажей» в Zero Block
Junior-дизайнер
Креативы для рекламной кампании, которая вела на лендинг, — под моим руководством
Wireframe
Hi-fi
04 / СТРУКТУРА
От «что это» к «почему этому верить» — и дважды «купить»
Мы отказались от обезличенных креативов «продукт на фоне» в пользу lifestyle-сцен — они показали лучший результат. Каждая линейка получила свою эмоциональную ассоциацию.
1
Hero
Защита от воды, кнопка покупки, выгодное предложение на связку
2
Преимущества
Мастика и лента на вкладках, видеоролик
3
Купить
«Лемана ПРО», Ozon, «Петрович», «Сатурн» со ссылками
4
Как используют
Вкладки: видеообзор, блогеры, отзывы
5
Надёжность
Инфографика «25 этажей» + «Доказано тестами»
6
Проверено в деле
Слайдер реальных объектов
7
Купить
Повтор блока с маркетплейсами
8
Футер
«Эксперт на связи», vetonit.com, соцсети
05 / РЕШЕНИя
Четыре решения, которые делают страницу убедительной
01
02
Два продукта без перегруза
Мастика и лента работают в паре, но у каждой свои свойства. Развёл их по вкладкам одного блока: страница короче, посетитель сам выбирает, о чём читать.
03
Техническая цифра понятным языком
Давление водяного столба ничего не говорит покупателю. При скролле волна заполняет шкалу-многоэтажку до 25-го этажа — система 822 + 828 выдерживает давление, сопоставимое с высотой 25-этажного дома. Анимацию собрал сам в Zero Block.
Доверие в трёх форматах
Профессиональный видеообзор Vetonit, ролики блогеров из YouTube и VK Клипов с результатами «до и после», реальные отзывы с маркетплейсов с именем, датой и продуктом — каждый можно проверить.
04
Доверие через известные объекты
Слайдер «Проверено в деле»: Здание Сената и Синода, «Айсберг» в Сочи, ЦОД Сбера в Сколково, «Орбион» в Москве. Если справляется там — справится и в ванной.
06 / приоритеты
Не рисовать мобильную версию — и выиграть время
Около 40% сложных блоков — стандартные в Tilda, с готовым адаптивом по брейкпоинтам. Я предложил клиенту пропустить отдельный мобильный макет. Клиент согласился, и сэкономленное время ушло на лендинг Power Base, где материалов от клиента было меньше.
07 / РЕКЛАМА
Баннер и первый экран говорят одним языком
Лендинг запускался вместе с медийной кампанией. Креативы для неё готовила junior-дизайнер под моим руководством по гайдлайнам бренда, поэтому путь от баннера к странице выглядит цельно.
08/ ИТОГ
Месяц от старта до запуска рекламной кампании
Лендинг спроектирован, нарисован, собран в Tilda и запущен вместе с рекламной кампанией. Роль: ведение проекта с клиентом, структура и wireframes, дизайн, сборка в Tilda с анимацией в Zero Block, руководство junior-дизайнером на креативах кампании.
Следующий кейс Vetonit Power Base
Made on
Tilda