Отдельные курсы активно рекламируются в социальных сетях. Поэтому страница курса часто является отправной точкой для знакомства с обучающим порталом
После начала работы я провела эвристический анализ и собрала статистику.
Много проблем выявилось при изучении отзывов пользователей и общении с HR и маркетинговой командой, так как платформа является их основным рабочим инструментом
Статистика показала, что только 9% используют мобильную версию. Также в фитбеках пользователей говорилось, что невозможно пользоваться порталом с мобильных устройств
После общения с HR-командой была выявлена существенная проблема: поступало большое количество нерелевантных запросов
Маркетинговая команда была обеспокоена устаревшим дизайном сервиса, который особенно негативно влиял на позиционирование бренда
Из-за ограниченного времени я не могла провести полноценные интервью, поэтому решила использовать протоперсоны.
Исследования, проведенные командой маркетинга и HR, стали основой работы. Это позволило сосредоточиться на потребностях пользователей и глубже понять их мотивацию
Анализ конкурентов помог узнать, на что обратить внимание в продукте и чего не хватает существующему решению
Пользователи проводили на портале чуть больше 2 минут, но переходили более чем на 4 страницы. Для меня это было сигналом, что они пытаются найти информацию, не находят её и уходят
В сервисах подробно описаны программы курсов, что помогает формировать доверие к ним
Оформление страницы курса как лендинга позволяет привлекать пользователей из социальных сетей и работать с их возражениями, не покидая страницу, тем самым повышая конверсию
Сторителлинг — важная составляющая, необходимо отвечать на вопросы пользователей до того, как они станут критическими и приведут к уходу из сервиса
Также в ходе исследования я обнаружила, что проводились исследования рынка РФ в этой области, и данные этого исследования позже помогли сделать правильный акцент в сторителлинге
После создания структуры страницы я приступила к прототипированию. Часто использую просто ручку и бумагу
Следующим шагом стало формирование визуального стиля сервиса.
Организовала мозговой штурм с коллегами для разработки концепций, которые нужно было визуально подтвердить. Поскольку аудитория молодая, я стремилась создать образ наставника, который осторожно
и постепенно ведет пользователей к цели
После провела визуальный рисерч. Выделила те части, которые мне нравятся и хотелось бы увидеть у себя в концепте. Определилась с цветом, выбрала не отходить от уже существующего брендового голубого, только сделала его более ярким и контрастным
Стадия разработки концепта прошла быстро и легко, благодаря предыдущим шагам
После разработки страницы курса и главной страницы было проведено тестирование, где 163 пользователям показали старый и новый вариант сервиса. 78% пользователей выбрали новый дизайн и отметили, что он более привлекательный. Также проводилось тестирование пути пользователя к конкретному курсу, и в новой версии пользователь быстрее достигал своей цели за счёт того, что на главной странице выводился не весь список курсов, а деление на уровни
Ни одна презентация редизайна команде которая сроднилась и привыкла к старому виду не проходит гладко, но через несколько итераций и обсуждений мы пришли к общему видению. Визуал не сильно изменился после этих встреч, просто стал привычнее для команды
В процессе моей работы над дизайном произошли изменения. Вместо нового бекенда, как планировалось ранее, мы были вынуждены стартовать редизайн со старым.
Это сильно осложнило реализацию задуманного и пришлось делить на итерации. В первую очередь взяли то, что метчилось со старым бекендом, во вторую пошли критически важные блоки и дальше по приоритетам. При этом было важно не потерять в качестве сторителлинга.
Совместно с командой маркетинга и разработки мы определили упрощённую структуру страницы и также договорились как будем переносить информацию с существующих курсов в новый визуал
После доработки всех корнер кейсов была подготовленна документация для разработчиков, и отдельно проведена презентация дизайна
