Мультилендинг по продаже клининговой техники

notebook Tennant screen
Начало работы
01

О пректе

Разработка мультилендинга для официального дилера техники Tennant в России.

Цели

Цели

  • Увеличение доли интернет-трафика в продажах компании.
  • Повышение конверсии посетителей в заявки.
Задачи

Задачи

  • Разработать лендинг с серьезным стильным дизайном, соответствующим статусу Tennant.
  • Реализовать отдельные посадочные страницы для каждой группы посетителей.
Процесс

Процесс

  • Аналитика
  • Создание прототипов
  • Дизайн
  • Адаптивная верстка
  • Программирование функционала
  • Наполнение контентом
02

Проводим аналитику

Определяем:
  • видение: требования, цели и задачи бизнеса;
  • ЦА, портреты пользователей: их мотивы, боли, желания;
  • требования пользователей к сайту;
  • лучшие и худшие решения у конкурентов.
Персонаж 1
Арина, 28 лет
Высшее образование.
Руководитель отдела закупок в клининговой компании.
Занимается подбором оборудования для оказания клининговых услуг.
Подбирает новую технику.
Персонаж 2
Олег, 45 лет
Высшее экономическое.
Управляющий в торговом центре.
Подбирает технику для уборки ТЦ в сезон дождей.
Tennant image
Прототип
03

Структурируем прототип

В процессе сбора требований выявляем с руководителем отдела маркетинга компании основные задачи и цели. Определяем лид-магниты, целевые кнопки и заголовки. Разделяем лендинги по продажам и аренде, чтобы направлять трафик на узко направленную страницу.

Пример!

Tennant prototype 1
Tennant prototype 2
Tennant prototype 3
Tennant prototype 4
Дизайн
04

Рисуем
дизайн

Рисуем дизайн в цветах Tennant. Для целевых элементов используем яркий оранжевый цвет, который хорошо выделяется на голубом фоне. Позволяем немного юмора на странице 404:).

Tennant prototype 1
Tennant prototype 2
Tennant prototype 3
Tennant prototype 4
Верстка
05

Верстаем и адаптируем

Делаем адаптивную верстку. Для увеличения скорости загрузки на мобильных скрываем для них ряд второстепенных блоков и анимации.

Phone Tennant prototype 1
Phone Tennant prototype 2
Phone Tennant prototype 3
Система
06

Группируем элементы в UI KIT

В каждом проекте мы разрабатываем подробную систему элементов, которые клиент сможет использовать не только на сайте, но и в своей брендовой продукции.

Tennant UI KIT image
Разработка
07

Разрабатываем функционал

Программируем функционал на cms Wordpress. Выводим в админ-панель редактирование всех контентных блоков, названий кнопок, заголовков, чтобы отдел маркетинга мог самостоятельно проводить аб-тестирования.  

Интегрируем сайт с crm-системой компании, роистат, подключаем Метрику, реализуем возможность выгрузки товаров в Яндекс. Маркет.

Результат: серия ярких запоминающихся лендингов с эффективными целевыми кнопками и формами захвата.

Готовый проект:
tennant.pro



notebook Tennant programming image