Медицинский портал АНО «НОМИ»

Главное о кейсе

Запустить сайт смогли в срок и без проблем для пользователей — дополнительно об обновлении сайта известили всех постоянных посетителей ресурса. Теперь клиент может капитализировать новых пользователей — интеграция сайта с почтовым сервисом позволила увеличить базу контактов для маркетинговых рассылок.

Агентство продолжает работу с клиентом в рамках технической поддержки.

—————

We were able to launch the site on time and without problems for users. In addition, all regular site visitors were informed about its update. Moreover, the client can capitalize new users, because the integration between site and mail service has allowed to increase the contact base for marketing mailings.

Our agency continues to work with the client as part of technical support.

Бизнес-задача и ее решение

Проект начали с подробного брифа клиента и анализа старой версии сайта. На интервью с клиентом выяснили, что:
— Сайты большинства конкурентов имеют лучший дизайн и usability;
— У сайта не удобная административная панель, со сложной структурой разделов и множеством неиспользуемых функций;
— Пользователям не понятно, зачем нужен личный кабинет и как он работает.

Анализ данных Яндекс.Метрики показал, что:
— На страницы определенных специалистов идет постоянный трафик из поисковых систем;
— Сайтом пользуются как с ПК, так и с мобильных устройств;
— Наиболее просматриваемыми разделом являются страницы специалистов.

Дополнительно изучили конкурентов и поняли, что:
— Разделы сайта должны иметь очевидные и понятные пользователям названия;
— Анимация на сайте является фишкой одного из конкурентов;
Удобный фильтр по контенту на сайте — редкое преимущество на сайтах конкурентов;
— В каталоге специалистов удобно использовать фильтрацию по алфавиту.

После предпроектного анализа скорректировали задачи:
— Функционал личного кабинета пользователя должен быть расширен, а пользоваться им должно быть просто и удобно;
— Фильтрация контента на сайте должна быть максимально удобной для пользователей;
— Сайт должен иметь удобную адаптивную версию;
— Административная панель сайта должна быть заточена под нужды клиента и не иметь ненужных разделов и функций;
— На новом сайте должна присутствовать анимация, которая станет его конкурентным преимуществом;
— Переход со старого сайта на новый должен пройти безболезненно, чтобы не навредить SEO и постоянным пользователям сайта. Для этого важно настроить редирректы со страниц старого сайта, а также запустить сайт в период наименьшей посещаемости.

Уточнив задачу, перешли к разработке дизайн-макетов. В концепции удалось выдержать баланс между консервативным и современным дизайном и аккуратно поддержать цветовую гамму в стиле медицинского портала.

Дизайн-систему готовили под Bootstrap 4, создавая по 5 макетов для каждого брейкпоинта. За счет использования системы в типографике, цветах и компонентах такая скрупулезность не замедлила ход работы. Отдельно продумывалась анимации для главной страницы и прелоадер. Анимацию тестировали сначала на Webflow, чтобы показать разработчикам, что хотим видеть на выходе.

Для разработки сайта выбрали движок Yii2, так как он позволял реализовать весь функционал сайта, среди которого: личный кабинет пользователя, генерация сертификатов по результатам тестирования, фильтры на Ajax и модуль уведомлений. Интересной задачей был прелоадер — мы разработали систему, которая в определенной последовательности анимировала каждый из кружков логотипа, создавая эффект движения по спирали.

Последним этапом стал перенос контента. Сложность была в объеме: нас ждало 80 мероприятий, 20 тестирований, 350 видеозаписей, 120 специалистов и 40 публикаций. Из-за сложной структуры старого сайта, информацию переносили вручную, а для ускорения использовали парсеры контента. В итоге смогли даже улучшить контент, обновив вместе с клиентом часть информации о специалистах и публикациях.

Прочая информация о кейсе

АНО «Научное общество медицинских инноваций» (НОМИ) — связующее звено между фармацевтической отраслью и медицинским сообществом. На своем портале организация размещает информацию о мероприятиях, а также видеозаписи и публикации и информацию о специалистах.

Клиент обратился к нам с запросом провести редизайн сайта и улучшить usability личного кабинета пользователя. Для этого мы изучили конкурентов и потребности целевой аудитории, разработали обновленную структуру сайта, создали новую дизайн-концепцию и разработали сайт на Yii2 с анимацией и удобными UX-решениями как для пользователя, так и для административной панели клиента.

Новая версия сайта: https://medinnova.org/
Старая версия: https://old.medinnova.org/

—————

Autonomous non-profit organization "Scientific Society of the Medical Innovation" connects the pharmaceutical industry and the medical community. The organization places events on its portal, as well as videos, publications, and information about medical specialists.

The client asked us to redesign the site and improve the usability of user's personal account. To do this, we investigated competitors and the needs of the target audience, developed an updated site structure, created a new design concept and developed a Yii2-based website with animation and convenient UX solutions for both the user and the client’s administrative panel.

New version of the site: https://medinnova.org/
Old version: http://old.medinnova.org/

Скриншоты

Комментарий заказчика

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