MedX.pro

Дизайн и разработка портала для центра профессионального развития медработников

Заказчик

Образовательный центр профессионального развития медицинских работников

Сайт центра включает в себя собственную библиотеку онлайн-программ, интерактивные образовательные модули и тестирования, за прохождение которых начисляются баллы непрерывного медицинского образования (НМО), а также выдаются удостоверения о повышении квалификации и дипломы о профпереподготовке утвержденного образца.

Задача

Разработать новый дизайн сайта, преобразовать раздел витрины курсов и адаптировать для мобильной версии

Обучение программам MedX.pro проходит в системе Moodle. На ней же базировался и информационный сайт центра. Из-за шаблонного оформления, в котором не были продуманы пользовательские сценарии, сайт был не продающим, к тому же выглядел устаревшим.

Решение

Провели исследование

Создали архитектуру и прототипы

Разработали стиль и компоненты

Разработали программную часть

Аналитика

Для улучшения пользовательского опыта провели исследование целевой аудитории

Мы создали портреты нескольких сегментов аудитории и для каждого описали пользовательские сценарии. А на основе этих данных создали новую архитектуру сайта и карту переходов.

Прототипы

На основе своей архитектуры создали макеты всех страниц сайта

Сразу предусмотрели некоторые особенности дизайна: например, представление программ в виде карточек с основной информацией вместо малоинформативного списка, который был изначально.

Стиль

На основе логотипа создали элементы визуальной коммуникации

Заказчики остановились на варианте с использованием графического символа (стилизованной буквы Х). Мы собрали UI-кит из элементов дизайна и оформили ключевые страницы сайта.

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

Разработка

Вместе с заказчиками мы решили разделить портал на две части

Сайт с программами

Витрина для выбора и покупки программ и участия в мероприятиях — ее мы разработали с нуля.

Профиль в Moodle

Портал на поддомене для прохождения программ и просмотра личного профиля — его оставили без изменений.

Создали админку и добавили фишек

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

Добавили возможность группировать программы по тегам, чтобы пользователи легко находили то, что им нужно.

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

Результат

Новый дизайн сайта c мобильной версией увеличил конверсию из посетителей витрины в продажи в 2 раза

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

Команда проекта

Антон Русецкий

Руководитель

Александр Кузнецов

Менеджер проекта

Алёна Арзина

Дизайнер

Евгений Казаков

Арт-директор, дизайнер

Мария Фомина

Фронтенд-разработчик

Валерия Михайлова

Копирайтер

Другие работы

Мы работаем над большим количеством крутых
и интересных проектов. Вот еще несколько.