Тип проекта:
Разработка / оптимизация
Срок реализации:
40 дней
Год проекта:
2019
Платформа:
MultiLanding / PHP
.png)
О проекте
“Хлама нет” - это сервис утилизации устаревшей крупногабаритной техники в г. Москва и нескольких других крупных городах России. Проект помогает людям повышать качество жизни и заботиться об окружающей среде, осознанно утилизируя устаревшую бытовую технику и электронику.
Цели и задачи
1. Выяснить причины, по которым лендинг не приносит заказы; 2. Решить их в рамках существующих технических возможностей; 3. Скоординировать работу сайта и колл-центра; 4. Предотвратить отрицательные отзывы о сервисе с помощью правильно поданной информации на сайте 3. Вывести сервис в топ среди конкурентов.
Десктоп
Планшет
Телефон
.png)
процесс работы
product
Работа с яндекс и гугл аналитикой
существующего лендинга;
Карта кликов существующего лендинга;
Бенчмаркинг - исследование 50+ сайтов конкурентов и проектов схожих тематик;
Бизнес-интервью с представителями сервиса;
Анализ результатов маркетинг-исследования;
Просмотр данных из колл-центра
ux
Создание персон пользователей
Карты эмпатии пользователей
Пользовательские сценарии
Паттерны юзабилити, преобладающие в отрасли согласно исследованию конкурентов
Тестирование прототипа на выборке из целевой аудитории
Несколько итераций основного сценария работы
с формой обратной связи
(с повторным тестированием)
UI
Мудборд визуала проекта;
визуальные ключи для ребрендинга - обновленная палитра цветов и подбор шрифтов,
релевантный целевой аудитории
(включая старшую возрастную группу);
Подбор иллюстраций с тестированием
на пользователях;
UI-kit для лендинга
web
Дизайн лендинга по новой струткуре с учетом персон пользвателей;
Дизайн мобильной версии и адаптивных макетов;
Работа совместно с верстальщиком
Тепловая карта
Помогает ответить на вопросы “на каком блоке пользователи уходят с нынешнего сайта”, “где мы теряем клики” и “сколько времени пользователь проводит на сайте до того, как уйти или заполнить форму”.
-
Использовался сервис Feng-GUI.com
Бенчмаркинг
Просмотр 50+ сайтов конкурентов с одновременным просмотром их конверсии через инструменты SEO аналитики (Similar Web, SEMrush и другие). Выборочно просмотр тепловых карт лидеров списка.
Выводы из анализа по блокам, подаче материала, стилю обращения к пользователю и юаю дали материал для дальнейшей работы.
Персоны пользователей
Создание персон пользователей на основе данных из бизнес-интервью.
Также использовалась статистика колл-центра
... клиенты, кстати, тоже разные.. и молодежь, которая вселяется в новую квартиру.. и хочет избавиться от старой техники прошлых жильцов.. И молодые, которые хотят обновить технику родителям..и просто люди, которые сами себе хотят заманить технику...
- из бизнес-интервью
Миллениал вселяется в новую квартиру
- Не любят “вещи из детства”, тк
детство было в эпоху дефицита
Слабое место: - человекоориентированный
сервис.
.png){kind=avatar}
Пенсионеры: дети им купили новую технику
- Вещи выкидывать не любят,
но любят выгоду в мелочах.
Слабое место:
- экономия на ЖКХ,
- здоровье.
.png){kind=avatar}
Занятый профессионал апгрейдит квартиру
- Привык делегировать непрофильную работу.
Слабое место:
- его личное время.
редизайн лендинга
прототип
На основе исследований конкурентов. предпочтений персон и карты пользовательского сценария был собран прототип блоков, необходимых для лендинга.
привлекающее изображение
Располагающий визуальный образ, выбирался тестированием среза целевой группы первой и третьей перссон
кнопка перезвона
Благодаря исследованиям мы знаем, что одна из целевых персон предпочитает пользоваться телефоном и сразу выходить на сервис-колл, вместо того, чтоб заполнять форму заказа. Мы ценим своих пользователей.
форма заказа
Первая целевая группа и персона “миллениал” предпочитает указать все данные сразу онлайн, подтвердив заказ звонком позже. Создавая форму, мы работали с предупреждением негатива в обратной связи (благодаря данным колл-центра). Все условия максимально прозрачны, все надбавки по ценам указаны заранее (эта группа любит считать деньги и не любит скрытых тарифов).
дескрипт
Слоган, максимально точно поясняющий, что происходит (а еще он коррелирует с SMM запросом: то, что пользователь набрал в поиске, отразится на заголовке).
триггеры доверия
Как просиходит процесс вывоза - всё четко и поэтапно, чтобы не возникло непредвиденных осложнений.
прототип
На основе исследований конкурентов. предпочтений персон и карты пользовательского сценария был собран прототип блоков, необходимых для лендинга.
призыв к действию
На основе исследований конкурентов. предпочтений персон и карты пользовательского сценария был собран прототип блоков, необходимых для лендинга.
дублирущая кнопка перезвона
Для тех, кто внимательно дочитает до “Подвала” - бонус, акция, по которой сервис вывоза доплачивает за ваш старый холодильник. Форма перезвона максимально проста: телефон и ваше имя.
наглядные результаты
Максимально реаалистичные отзывы повышают доверие к сервису и, поскольку реальный сервис в данный момент не в состоянии ввести интеграцию отзывов с соц.сетями и кейсами вывоза, от отзывов в последствии отказались. Мы не будем ставить фальшивые отзывы.
цвета
Цвета подбирались на основе предыдущего основного цвета по комплиментарной схеме Adobe COOLER
active
#FF0000
main
#FF4937
blacky
#404040
ghostly bg
#EFDDDD
bg & dividers
#DBDBDB
first accent
#FF8000
second accent
#1D46B2
white
#FFF
third accent
#00A500
шрифты
Шрифт подбирали аккуратный, идеально подходящий для использования в рекламе. Его козырь — читабельность в любом размере
Exo 2
Open Sans
H1 ВЫВОЗ бытовой техники
H2 ДЛЯ КОГО МЫ РАБОТАЕМ
H3 Вы вселяетесь
H4 Оставьте свой номер телефона для
бесплатного вывоза б\у техники
Subheader вывезем вашу б/у технику со 100% гарантией
в реально установленное время
без скрытых тарифов
Comment
Наш менеджер свяжется с вами в рабочее время (с 9-00 до 22-00) в течение 15 мин после оставленной заявки и уточнит детали (габариты, желаемое время вывоза...)
Paragraph text
На сегодняшний день ни один человек не обходится без использования бытовой техники, которой, рано или поздно свойственно ломаться. Сменить на новую не проблема, сейчас множество акций, рассрочек предоставляет «Техносила», «Медиа Маркт», «М. видео» и ряд других крупных магазинов.
Поля
.svg)
Мобильная версия
тестирование
a/b тесты
Применялись опросы на целевой группе в фб (40+ человек) - с целью выбора иллюстраций на баннер,
Тесты по GOMS на время - для проверки работы формы заказа.
Дальнейшая модернизация лендинга и работа над блоками (убрать, сократить тексты, переставить блоки) проводилась с помощью А/Б тестов с версиями на хостинге и сравнением результатов конверсии.
Итерации формы заказа
Первоначально поля группировались по смыслу: личные данные, этажи, комплектация, доп.расстояние. Эти данные взяты из особенностей расчета оплаты (из интервью с бизнесом).
Результат итераций (после тестов на пользователях):
одна колонка, цвета ярче, убрали ненужную информацию, проверили, как реагируют пользователи на положительную и отрицательную информацию, выводить ли сразу сумму, как ведет себя форма в процессе заполнения - эти нюансы ускоряют работу и предотвращают ошибки пользователей, а значит, тоже влияют на конверсию и эмоциональное состояние пользователя, отношение к сервису в целом.
результаты:
до редизайна
Конверсия 1 из 10;Среднее время на сайте 6 сек.
после редизайна
Конверсия 6 из 10; Из них по звонку - 4, по форме заказа - 2;Среднее время на сайте 12 сек.
Понравился проект?
Оставьте заявку и наш специалист свяжется с Вами,
чтобы обсудить проект