Перестроила архитектуру и подачу контента, убрав барьеры
Лемма.Плейс – информационно-образовательная платформа для ресторанного бизнеса
Контекст и задача
Что такое Лемма.Плейс
Сайт, куда рестораторы приходят за новостями, инструкциями и обучением.
Делает этот сайт Лемма.Групп — IT-компания, которая продаёт ресторанам
автоматизацию.
Проблема
У Лемма.Плейс была одна цель — больше лидов
Сайт посещали, но число лидов не росло.
Лид — тот, кто подписался на рассылку или зарегистрировался на сайте: оба действия пополняют базу клиентов Леммы.
30 000+ визитов в месяц до редизайна, 1–2% подписок и регистраций до редизайна
Рабочие заметки
Исследование
1. Сначала я разобрала сайт по косточкам
Прошла все сценарии сама, разобрала аналитику, поговорила с командой и посмотрела конкурентов. Так появились рабочие заметки — от целей платформы до конкретных барьеров в интерфейсе.
Мои рабочие заметки: исходные материалы и наблюдения, на которых строились решения.
2. Выяснила, кто приходит на сайт и какую задачу хочет решить
Принятие решений
Владелец / управляющий
Ищет аналитику, исследования, практические материалы.
Рабочие инструменты
Маркетолог
Следит за трендами, ищет кейсы и инструкции.
Профессиональное развитие
HR
Использует материалы и обучение.
Решение конкретной задачи
Специалист HoReCa
Ищет ответ, инструкцию или готовый материал.
3. Сформулировала две основные проблемы
На стороне заказчика
Непонятно, что продают
Услуги Леммы или собственную экспертизу? Контент и реклама перемешаны — непонятно, что здесь главное.
Не сформулировано, что считается успехом визита. Взаимодействия не измерялись — ни одну гипотезу нельзя было проверить.
На стороне интерфейса
В материалах не разобраться
2268 новостей, и ни одного способа найти нужную — поиска нет.
Статья, вебинар и курс выглядят одинаково. Рекламная плашка визуально весит столько же, сколько материал.
Покупка, регистрация и подписка — кнопки, навязанные поверх контента, а не естественный следующий шаг.
Вместе это и есть причина, почему лидов мало: сайт не доносит, что продаёт, а в контенте невозможно сориентироваться.
Решения
01. Сделала контент главным, а регистрацию и подписку — естественным продолжением
На сайте было непонятно, что продают — услуги Леммы или собственную экспертизу. Предложила сместить акцент на материалы, а регистрацию и подписку сделать естественным продолжением чтения, а не навязанной кнопкой поверх него. Дальше в кейсе каждое решение работает на эту идею.
Было
Новости
Статьи
Вебинары
Курсы
Заказать iiko
Рассылка
Полезные материалы
Стало
Медиа
Новости · Статьи · Интервью
Полезные материалы
Документы · Инструкции
Обучение
Курсы · Вебинары
02. На главной — материал, а не витрина услуг
Главная старого сайта целиком продавала — материал тонул среди баннеров и акций. Поставила на первый экран то, ради чего приходят пользователи: новости, статьи и экспертные материалы.
03. Добавила переключатель: есть аккаунт или нет
Регистрация была слишком усложнена. Ввожу почту, чтобы зарегистрироваться, а сайт спрашивает пароль. И только через сброс пароля и технические поля я получаю доступ к личному кабинету. Три лишних шага до регистрации — и конверсия ожидаемо проседает.
04. Предложила открывать часть материалов после авторизации
На сайте было много призывов к регистрации, но они не объясняли, что пользователь получит взамен. Ценность регистрации оставалась неясной.
05. Кабинет помнит незаконченные курсы и вебинары
Показала ценность регистрации: к обучению можно вернуться, а материалы не теряются.
Убрали разделы, которыми никто не пользовался — осталось только нужное.
06. Подписка — в контексте материала
Кнопка подписки на рассылку была всего одна на весь сайт — и та спрятана среди навигации. Дала рассылке систему: что приходит и как часто. Кнопка стала частью статьи, а не баннером сверху.
07. Переделала форму подписки — она больше не выглядит сложной
Объяснила содержание и периодичность. Должность помогает подбирать нужный контент; человек может выбрать новости, полезные материалы или анонсы событий — вебинары, курсы и мероприятия.
08. Нижняя навигация вместо бургера
На современном телефоне верхнее меню — это вытянутая рука и изогнутый палец, а нижняя навигация — там, где и так лежит большой палец.
09. Собрала дизайн-систему, чтобы всё не развалилось через полгода
Экранов много, да и руки у всех разные. Я собрала библиотеку: 44 цветовых стиля, 17 текстовых, 20 компонентов с описанием и состояниями — чтобы следующий человек добавил раздел и ничего не сломал.
Итоги · Что измерять дальше
Как проверить эффективность внедрённых решений
Лид — тот, кто подписался на рассылку или зарегистрировался: это то, на что влияет интерфейс. Вот что стоит замерить, чтобы проверить эффективность внедрённых решений.
Остаётся ли человек на сайте
Метрики вовлечённости
- Доля визитов, где человек открыл второй материал за сессию.
- Среднее время на статье и доля дочитываний.
- Доля посетителей, вернувшихся в течение 30 дней.
Доходит ли человек до действия
Метрики конверсии
- Доля подписки на рассылку и доля завершивших регистрацию — вместе это и есть лид.
- Конверсия из чтения материала в подписку или регистрацию.
- Что происходит с подпиской дальше — уже зона Лемма.Групп и их отдельной воронки, не интерфейса Плейса.
