«Туров и партнёры»
Красиво — недостаточно: как мы сделали GetCourse понятнее для клиентов
GetCourse у «Туров и партнёры» — это не только место, где смотрят уроки.
Здесь клиент может проходить тренинги, получать доступ к отдельным продуктам и скачивать купленные комплекты документов. Всё это нужно было удобно разместить в одном кабинете.
Задача:
Купил продукт — как его найти?
Клиент мог купить комплект документов, зайти в кабинет и увидеть папки с названиями, которые никак не связывает со своей покупкой.
Для сотрудников эти названия привычны. Клиент же ищет тот продукт, который купил.
Поэтому там, где находились самостоятельные продукты, убрали слово «модуль» и лишнюю нумерацию, а название «Комплекты документов» сделали заметнее.
Добавили и визуальные ориентиры: изображение с карточки продукта повторили внутри страницы, а в меню выделили текущий раздел.
навигация:
Так клиенту проще сразу понять, где находится его покупка и как открыть материалы.
Чтобы кабинет продолжал фирменный стиль
После покупки человек переходит с сайта в личный кабинет. И хотелось, чтобы этот переход не ощущался как попадание на совершенно другую площадку.
Поэтому взяли фирменные цвета и иллюстрации «Туров и партнёры». Дизайнер со стороны клиента готовила изображения для тренингов, а мы собирали внутри GetCourse страницы, карточки, кнопки и меню.
По ходу согласовывали детали — в том числе фотографии команды.
В какой-то момент возник вопрос масштаба:
Решили всё-таки смотреть в душу чуть менее крупным планом.
Дизайн:
Если возник вопрос
Если ради одного вопроса человеку нужно искать сайт, контакты или старую переписку, он может просто отложить это на потом.
Чем меньше препятствий между вопросом и ответом, тем меньше шансов, что клиент просто махнёт рукой.
Поэтому кнопку поддержки сделали заметной прямо внутри кабинета. Она вела в Telegram-чат команды.
Туда же направили кнопку «Получить доступ» — чтобы с вопросом человек сразу попадал к тем, кто может помочь.
Поддержка:
Разные материалы — одна логика
В уроках использовались видео, аудио и файлы для скачивания.
Чтобы страницы не выглядели перегруженными, для разных типов материалов подготовили единое оформление, а карточки расположили в порядке прохождения.
Отдельно сделали мобильные версии и проверили всё уже внутри GetCourse — чтобы с телефона кабинет был таким же удобным, как с компьютера.
Чтобы команда могла продолжать сама
После завершения проекта команда планировала самостоятельно добавлять новые продукты.
Поэтому передали инструкцию, чтобы новые материалы можно было оформлять в том же стиле без постоянного подключения с нашей стороны.
Что получилось
В итоге оформили личный кабинет в фирменном стиле, упростили навигацию, вывели поддержку прямо в кабинет и передали команде инструкцию для дальнейшей работы.
реализация:
Хотите оформить GetCourse в стиле вашего бренда и сделать его понятнее для клиентов?
