Редизайн онлайн-агрегатора «Проверили»: сделали запуск, не уронив метрики

Главное о кейсе

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

Мы сделали ребятам редизайн, предложив решение по запуску, которое позволило сохранить метрики и быстро перезапуститься.

Результат:
• Сократили срок запуска продукта в 2 раза по сравнению с другими предложениями
• Успешно перенесли новую концепцию брендинга в веб
• Снизили риски запуска благодаря поэтапности и приоритизации
• Метрики удалось сохранить.

Как проект изменил жизнь пользователей

• Людям стало проще находить нужную информацию на сервисе, благодаря новой удобной навигации в меню
• Проще стало считывать карточки предложений на страницах листингов и сравнивать их. Это получилось благодаря акцентам: мы выделили важные для пользователя цифры и показатели, которые он изучает при сравнении. Выяснить эти показатели помог процесс Дискавери
• Также, стало удобнее пользоваться фильтрами на страницах листингов. Мы вытащили самые нужные для пользователей фильтры на первый экран, а второстепенные скрыли под кнопку. Это ускорило работу с поиском предложений

Бизнес-задача и ее решение

Основной задачей, с которой к нам пришел клиент, была сделать редизайн всего агрегатора и не уронить метрики. А это значит что:
• Необходим редизайн около 35 существующих страниц;
• Нужно добавить новые разделы
• Спроектировать и отрисовать блог с нуля;
• Спроектировать и отрисовать новый интерфейс личных кабинетов для представителя учебного заведения и абитуриента и в результате получить маркетплейс образовательных услуг и заведений;
• Решить проблемы пользовательского опыта (сложный интерфейс; запутанная навигация и пути сценариев; не нативно интегрированная монетизация).

Мы быстро поняли, что объем большой и весь запуск займет месяцев через 8-10. При этом, шанс уронить метрики выше, чем больше объем.

Поэтому, мы предложили разбить проект на части и запуститься за 4-6 месяцев. Клиент согласился.

Как мы работали:

1. Провели дискавери:
• Много разговаривали с бизнесом, смотрели конкурентов, изучали рынок и как он работает
• Проанализировали целевую аудиторию на основе данных клиента
• Проанализировали Яндекс Метрику: веб-аналитика, показатели воронок в отчетах, тепловые карты, листинги, переходы, выходы и отказы
• Провели экспертный анализ сайта на юзабилити с описанием плюсов и минусов которые можно доработать
• Проанализировали более 30 сайтов и интерфейсов, чтобы найти лучшие решения в области ux, структуры и удобства.

2. Проектирование:
• Спроектировали логику работы страниц, какая будет структура и механики
• Создали продуктовый концепт и прототипы.

3. Разработали дизайн-концепцию:
• Проанализировали брендбук, подчеркнули для себя детали, которые можно перенести в интерфейс
• Мы поняли, что дизайн должен быть легкий и не перегруженный. Лаконичные формы, которые рифмуются с айдентикой, пастельные цвета и контурные иллюстрации — используются как основные визуальные приемы
• Концепцию начали со страницы листингов учебных заведений — первой точкой контакта человека с сервисом. Она является одной из самых трафико-генерящих и важных с точки зрения бизнеса.

4. Отрисовали остальные страниц?
• Задизайнили главную страницу
• Спроектировали новый квиз. Переработали последовательность шагов, вопросы, механику интерфейса.
• Спроектировали и нарисовали страницу листинга репетиторов.
• А также, сделали крутой разнообразный дизайн на приемы и сетку блог.

5. Провели авторский надзор вёрстки:
• Проверили соответствие макетов с фронтом, работу интерактивных элементов
• Составили список несоответствий в Notion
• Работали в формате поддержки.

После запуска работали в формате дизайн-поддержки несколько месяцев, пока клиент не сформировал команду внутри.

Крафт (мастерство), реализация, технические детали

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

Поэтому, мы предложили идти итерационно, начав с запуска MVP. Приоритизировали лидогенерирующие страницы — Листинги учебных заведений. Затем перешли к редизайну остальных разделов и интерфейсов новой функциональности.

Таким образом, мы тщательно подготовили перезапуск и уложились в бюджет. Перед запуском проверили дизайн и количественные метрики на трафике, прежде чем приступать к созданию интерфейсов и личных кабинетов.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Чтобы быстрее начать работать с клиентом и выстроить доверие, мы предложили сделать небольшую тестовую задачу за фикс.бюджет. Задачей было: перепроектировать дизайн квиза, чтобы больше людей оставляли свои контакты. С задачей мы справились, поэтому начали делать основной проект.

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

Таким образом, мы оптимизровали старт работ и время перезапуска проекта и тратили ресурс на те этапы, где брендбук пока был не нужен.

Скриншоты

Видео