Tilda Publishing
Определила ЦА, провела исследования и тестирования, собрала новую дизайн систему.
В данном проекте я участвовала
как продуктовый дизайнер, сделала редизайн основного сайта компании.
как продуктовый дизайнер, сделала редизайн основного сайта компании.
Редизайн сайта La Fenice
Tilda Publishing
ЦА в онлайн продажах еще не изучена
На фоне реорганизации произошло снижение продаж
и интереса покупателя к продукции компании
и интереса покупателя к продукции компании
Текущий сайт не генерирует лиды и, соответственно,
не приносит прибыли
не приносит прибыли
Проблемы
В компании произошла реорганизация, производство переехало
Компания находится в процессе цифровой трансформации, часть продаж планируется перенести в онлайн
Запланировано обновление товарного ряда, запуск новых коллекций
Также заказчик планирует начать сотрудничать с дизайнерами интерьера напрямую
Сегмент: выше среднего
Вводные
Определение задач
Удержать в пределах 20% (сейчас 14%)
Bounce Rate
25%
0%
CTA (переход на маркетплейсы для заказа)
45%
37%
CTA (скачивание каталога)
Цели по метрикам
Tilda Publishing
Изначально я просмотрела текущий сайт компании, записала свои гипотезы в excel таблицу. Затем открыла Я.Метрику, вывела статистику по пользователям, перенесла данные
в таблицу.
в таблицу.
На этом этапе я заметила, что мои гипотезы, основанные на визуальной составляющей сайта, слабо соотносятся с реальными показателями его посетителей.
Сделала себе об этом пометку.
Сделала себе об этом пометку.
Далее я узнала у наших бизнес-партнеров про их ЦА, тк они не только продают нашу продукцию, но и производят конкурентные товары, также занесла эту информацию
в таблицу.
в таблицу.
Следующим моим шагом был опрос клиента по поводу ближайших конкурентов. Дополнительно я сама провела поиск конкурентов. Я изучила их сайты, предположила их ЦА.
Далее я проанализировала данные таблицы и сформировала данные об основной ЦА для нашей продукции.
Ход мыслей и действий
Определение ЦА в онлайн среде
Tilda Publishing
Информацию о том, какие инструменты используют конкуренты и какой объем базы удерживают таким образом, я записала себе сразу, чтобы потом использовать эту информацию при оценке конкурентов в рамках изучения рынка.
Исследование новой ЦА
Интервью дизайнеров интерьера проводилось
(в поле) на дизайнерских выставках.
(в поле) на дизайнерских выставках.
Исследования
Ход мыслей и действий
Заказчик планирует начать сотрудничать с дизайнерами интерьера напрямую, поэтому важно изучить эту ЦА.
Было запланировано участие в нескольких дизайн-выставках.
Я решила воспользоваться этим шансом и пообщаться
с представителями ЦА лично, провести интервью в поле.
Я решила воспользоваться этим шансом и пообщаться
с представителями ЦА лично, провести интервью в поле.
Я заранее подготовила пул вопросов и по мере подготовки выставки и ее проведения опрашивала разных представителей.
Далее я снова пересмотрела конкурентов, определила тех,
кто также взаимодействует с дизайнерами интерьера,
и оценила, как они взаимодействуют с данной ЦА, предположила, для какой конкретно ЦА могло быть
это предложение.
кто также взаимодействует с дизайнерами интерьера,
и оценила, как они взаимодействуют с данной ЦА, предположила, для какой конкретно ЦА могло быть
это предложение.
На основе своих наблюдений составила статистику
и сформулировала гипотезы.
и сформулировала гипотезы.
Собственник захотел расширить ЦА, теперь помимо конечного потребителя и B2B, компания нацелена на дизайнеров интерьера, поэтому нужно дополнительно провести исследование новой группы ЦА
37%
47% / 53%
Пол: М / Ж
Основные характеристики
Возраст: 25-34
Средний оборот закупки: 1-5 млн
B2B
38%
60% / 40%
Пол: М / Ж
Основные характеристики
Возраст: 35-44
38%
75%
Пол: Ж
Основные характеристики
Возраст: 35-44
Средний бюджет проектов: 10-25 млн
Дизайнер интерьера
Конечный потребитель
Выводы блока по определению ЦА
Tilda Publishing
Здесь я снова вернулась к изучению конкурентов и партнеров, но в этот раз изучала их сайты, маркетинговую подачу
и инструменты.
и инструменты.
Особое внимание уделяла оценке функциональности интерфейса и удобству прохождения User Flow,
потому что на мой взгляд это напрямую влияет
на маркетинговую полезность и эффективность сайта.
потому что на мой взгляд это напрямую влияет
на маркетинговую полезность и эффективность сайта.
Для себя отдельно отмечала удачные решения конкурентов, которые можно было бы использовать при редизайне на нашем сайте.
Вывела несколько гипотез на основе наблюдений.
Ход мыслей и действий
Исследования
Анализ конкурентов
Исследование рынка
Выводы блока исследования рынка
- Навигация у большинства конкурентов слишком сложная для восприятия пользователя
- Не всегда понятно, где искать информацию, слабая IA
- Многие сайты визуально очень перегружены, элементы выглядят хаотичными, иерархия не очевидна
- Иногда маркетинговые задачи решаются излишне настойчиво, это отпугивает клиента
- Информация разделена: часто страница с каталогом и моделями продукции выделена отдельно, каждая коллекция так же описана на отдельной странице, отдельно выделена информация о сотрудничестве и истории компании
Гипотезы
- Если построить четкие и понятные IA и site map и сделать удобное меню, то пользователи не будут теряться на сайте
- Если сделать четкую визуальную иерархию информации и элементов, то это также поможет пользователям проще ориентироваться на сайте
- Если воздействовать на эмоциональное и эстетическое восприятие пользователя, то не придется излишне настойчиво предлагать свои услуги. Например, можно больше рассказать про преимущества продукции, сказать про качество и экологичность
- Если разделить информацию по разным страницам, раскрыть ее достаточно подробно, то клиенту с большей вероятностью будет достаточно информации для принятия решения в нашу пользу
Выводы блока исследования рынка
- Добавить страницу с указанием вариантов заказа товаров
Гипотезы на их основе
- Добавить страницы для подробного описания коллекций
- Добавить страницу с указанием вариантов заказа товаров
- Добавить подробное описание истории компании
- В коллекциях указать преимущества
- Добавить информацию о возможности сотрудничества
- Улучшить презентацию по видам товара и по коллекциям
Tilda Publishing
Для начала я просмотрела данные яндекс метрики, чтобы понять, насколько пользователям вообще интересен сайт.
Я изучила, сколько времени они на нем проводят, насколько глубоко изучают, какая доля новых посетителей.
Я изучила, сколько времени они на нем проводят, насколько глубоко изучают, какая доля новых посетителей.
На основании этих данных сформулировала гипотезы, которые решила проверить на юзабилити тестировании.
Людей для исследования я подбирала, основываясь
на полученных ранее данных о ЦА. Основными задачами исследования было проверить понятность и легкость пути
до заказа товара и удобство изучения ассортимента.
на полученных ранее данных о ЦА. Основными задачами исследования было проверить понятность и легкость пути
до заказа товара и удобство изучения ассортимента.
Я попросила участников также отмечать неудобства,
с которыми они сталкиваются, и высказывать свои мысли,
будь то недовольство или предложение для улучшения.
с которыми они сталкиваются, и высказывать свои мысли,
будь то недовольство или предложение для улучшения.
Уже на этом этапе отметила для себя, что многие изначальные гипотезы подтвердились.
К юзабилити тестированию также добавила дополнительное интервью пользователей, которое помогло определить некоторые потребности клиентов.
На основании полученной информации я сформулировала выводы и актуализировала гипотезы.
Ход мыслей и действий
Исследования
Изучение текущей ситуации на сайте
Выводы блока исследования сайта
- У сайта плохая структура, пользователи теряются
- Пользователи не понимают, какие товары находятся в коллекции, какие у них есть опции
- Не понятны отличительные черты компании и преимущества ее продукции, товар кажется переоцененным
- Не понятно, как оформить заказ
Гипотезы
- Если заново прописать IA, site map и разделить информацию на страницы, то пользователям станет проще ориентироваться на сайте, что повысит информированность и конверсию
- Если сделать отдельный подробный блок с каталогом товаров на сайте, то повысится средний чек и конверсия
- Если добавить отдельный раздел с информацией о возможностях заказа, то конверсия и объем продаж увеличатся
Tilda Publishing
Tilda Publishing
Я начала с того, что заново составила информационную архитектуру: определила, где и какая информация будет располагаться.
Затем я приступила к составлению CJM, которая в последствии легла в основу новой site map.
На основе полученной site map я начала подготовку детализированного прототипа сайта.
С самого начала работы я приступила к формированию дизайн-системы, которая позволит в дальнейшем быстро
и эффективно расширять возможности сайта
при необходимости.
и эффективно расширять возможности сайта
при необходимости.
После согласования прототипа я решила его протестировать, чтобы убедиться, что он функционально соответствует задачам. Для этого я провела коридорное тестирование с участием сотрудников, которые не принимали участие в разработке сайта.
По итогам тестирования я уточнила гипотезы и внесла несколько изменений в прототип.
На основе прототипа я завершила дизайн сайта.
Для эффективной коммуникации с программистом я заранее подготовила анимированный прототип и примеры готовой анимации. Это сильно ускорило процесс обсуждения.
В процессе реализации обратила внимание на слишком долгую прогрузку страницы со всеми коллекциями.
Приняла решение сделать страницу под каждую коллекцию.
Также это поможет при дальнейшем расширении коллекций
и увеличении их числа ускорить загрузку страниц сайта.
Приняла решение сделать страницу под каждую коллекцию.
Также это поможет при дальнейшем расширении коллекций
и увеличении их числа ускорить загрузку страниц сайта.
Ход мыслей и действий
Исследования
Коридорное тестирование
детализированного прототипа
детализированного прототипа
Дополнительно
Дизайн-система
Процесс редизайна
Tilda Publishing
- Изучена и определена ЦА
- Сделан редизайн сайта: улучшили UX, разбили информацию на блоки и страницы, добавили новые пути к CTA
Результаты:
42%
37%
CTA (скачивание каталога)
17%
0%
CTA (переход на маркетплейсы для заказа)
27%
14%
Bounce Rate
Результаты
45%
37%
CTA (скачивание каталога)
25%
0%
CTA (переход на маркетплейсы для заказа)
Удержать в пределах 20% (сейчас 14%)
Bounce Rate
Цели
Оценка метрик
Tilda Publishing
Планы на будущее и возможности роста для сайта:
- В будущем планируется добавить личный кабинет потребителя, корзину и возможность для заказа с сайта.
- Планируется создание отдельного личного кабинета для сотрудничества.
- Нужно проверить, насколько эффективна текущая форма для сбора заявок, и, возможно, улучшить ее для повышения CTA
Tilda Publishing
Tilda Publishing
Давайте вместе создавать удобные
и полезные продукты
и полезные продукты
