Медицинский информационный портал
Текущая ситуация клиента
Российское Общество Онкогематологов обратилось к нам для создания нового сайта. Старый сайт по каким-то причинам перестал существовать, новый должен положительно влиять на имиджевую составляющую и помогать достигать целей организации — поиск новых партнеров, развитие и популяризация оффлайн мероприятий, предоставление доступа к собственным научным разработкам.
ЦЕЛЬ И ЗАДАЧИ КЛИЕНТА
Вместе с клиентом зафиксировали общую цель организации — объединить специалистов разных областей для оказания помощи онкогематологическим пациентам. Освещать предстоящие мероприятия и важные новости из профессионального мира. Развивать и делиться собственными научными наработками и профессиональным контентом.
Процесс
-
Исследуем. Текущая ситуация и конкуренты
-
Проектируем. Структура и смыслы
-
Создаем дизайн. Визуальные акценты
-
Программируем. Логика и функции
-
Поддерживаем и развиваем. Предлагаем улучшения
01 — Исследование
Чтобы спроектировать удобный сайт важно понимать, кто будет им пользоваться и какие задачи решать. В данном проекте мы использовали метод персонажей, чтобы лучше прочувствовать пользователя на уровне эмоций. Также применили методологию Jobs To Be Done, чтобы посмотреть на будущий сайт в разрезе задач пользователя.
Карта сайта
Задавали вопросы об особенностях проекта, планах по развитию и специфике задач будущих пользователей. Узнавали основных конкурентов и способах привлечения аудитории. Помогали структурировать информацию и фокусироваться на самом важном.
Карта сайта. Обозначены основные страницы и информационные модули. Определили требования и объем работ для первой итерации.
ИТОГ
Договорились разделить проект на четыре этапа и запускать постепенно. Каждый этап — законченная работоспособная версия сайта. Первый запуск — самое важное и полезное для проекта и пользователей.
02 — Проектирование
Чтобы учесть все пользовательские сценарии мы разработали интерактивный прототип. Самую важную информацию вынесли на главную страницу — ближайшие мероприятия, последние новости. Работа по проектированию опирается на результаты этапа аналитики. Такой прототип мы собираем в Figma или Marvel, посмотрите, как он выглядит.
Главная страница. Реализована в виде одного экрана. Пользователю доступны два меню и самая актуальная информация — так мы решили задачу со сложной навигацией.
03 — Дизайн
Стилистика — сдержанная и современная. Позаботились об опытных пользователях интернетом и тех, кто с интернетом на Вы. Мы нашли баланс: сохранили медицинское настроение за счет светлых цветов, добавили минимализма и воздуха в интерфейс. Старались использовать простые и привычные приемы, чтобы сохранить интерфейс узнаваемым и понятным.
Один из интересных этапов работы — создание страницы мероприятия. Она должна быть универсальной и может относиться к одному из 10 типов мероприятий — мастер-класс, вебинар, конференция, форум и другие.
Каждое мероприятие имело разную «начинку». Например, для вебинара требовался блок с регистрацией, но не всегда. А для форума важно было отобразить место проведения. Наша задача — спроектировать страницу так, чтобы она смотрелась целостной при любой комбинации блоков или их отсутствия.
Страница мероприятия. Можно «включать» и «отключать» блоки. Вынесли всю важную информацию о событии, показали спикеров и место проведения. Подробную программу также удобно смотреть с мобильных.
04 — Программирование
Понятное управление сайтом — приоритетная задача для нас и важный аспект для клиента. Мы подготовили внутренний интерфейс так, чтобы в нем смог разобраться даже неподготовленный пользователь. Особое внимание уделили разделу мероприятия: вебинары, конференции, симпозиумы и т.д. Каждый формат подразумевает ввод разной информации. Мы предусмотрели интерфейс для заполнения информации о событии — фото, видео, файлы, карты, расписания, списки организаторов и партнёров, формы регистрации. Вместе с поддержкой SEO, мультиязычностью и понятным интерфейсом получился простой модуль для редактора.
Итог
Собрали и проанализировали задачи клиента и целевой аудитории. Разделили проект на итерации, первую запустили за 1,5 месяца. Продумали структуру и навигацию — найти нужную информацию можно удобно и быстро. Нарисовали современный свежий дизайн, который помогает решать задачи всех сегментов целевой аудитории. Сделали сайт адаптивным и интегрировали с системой управления. Следим за показателями метрики и развиваем проект сегодня.
Перейти на сайт
Полный текст статьи читайте на CMS Magazine
