Создание сайта для подготовки к теоретическому экзамену в UK

Расширение возможностей для пользователей: как мы адаптировали приложение для веб-платформы

Контекст

Изначально продукт существовал только в формате мобильного приложения, помогая пользователям эффективно готовиться к сдаче теоретического экзамена на права в UK. Однако с ростом аудитории и потребностей пользователей стало очевидно, что многим удобнее использовать веб-решение. Это особенно актуально для студентов и профессионалов, которые предпочитают заниматься с компьютера.

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

Понимание задачи

Задача

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

Цель для пользователя

Обеспечить удобный доступ к учебным материалам с любого устройства, включая компьютеры, для комфортной подготовки

Бизнес цель

Увеличить охват аудитории, повысить вовлечённость пользователей и увеличить количество подписок за счёт нового канала

Целевая аудитория

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

Критерий успеха

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

Почему это важно?

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

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

Аналитика текущей ситуации

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

Однако внутренние исследования показали, что:

  1. Около 30% потенциальных пользователей предпочитают готовиться к экзамену за компьютером, но не находят подходящих решений.

  2. Конкуренты, имеющие веб-версии своих продуктов, демонстрируют более высокий уровень вовлечённости пользователей и конверсии в подписки.

  3. В отзывах существующих пользователей часто упоминалась потребность в большем экране для более комфортной работы с учебными материалами.

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

Бенчмаркинг

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

Выводы:

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

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

  3. Необходимо обеспечить синхронизацию прогресса между приложением и веб-версией

  4. Сфокусироваться на улучшении пользовательского опыта за счёт адаптивного дизайна, удобной навигации и расширенных аналитических инструментов для отслеживания прогресса

  5. Включить уникальные элементы, такие как сценарии реального экзамена и кастомизация учебных маршрутов, чтобы выделиться на фоне конкурентов

Задачи

  • Проектирование сервиса с нуля, в том числе новых фич

  • Анализ конкурентов

  • Организация дизайн-системы

  • Коммуникация с разработчиками

  • Подготовка дизайн-макетов к разработке

  • Ревью разработанных макетов

  • Выстраивание дизайн-процесса

Дизайн-система

Дизайн система как полагается построена на авто-лэйаутах, компонентах, токенах и переменных

Главная страница

Главную страницу тестировали через A/B тест, более простой вариант сработал лучше, так как с него пришло больше установок в магазины. На нем и остановились. В последствии он подвергся доработкам по наполнению.

Внутренние страницы и остальной функционал

Как происходит решение теста?

У вопроса есть картинка и варианты ответа, после выбора ответа подсвечивается правильный вариант ответа. И переходим к следующему вопросу, и так до победного.

Все вопросы поделены на тесты и темы, а тест состоит из 20-ти вопросов

Есть блог, где публикуются различные полезные статьи

В основном для органического продвижения

Можно почитать Highway code

А если по правильному, с него и нужно начинать подготовку к экзамену.

А когда пользователь готов, он может подобрать себе инструктора

Практику никто не отменял

Сайт доступен онлайн - https://drivingtheorytest.rayapp.co.uk/