MedHub — удобный сайт для сложной системы

Каждый день тысячи врачей по всей стране нуждаются в новых знаниях: обновлённых клинических рекомендациях, разборе кейсов, трендах медицины.

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

К нам пришла команда MedHub с задачей создать сайт, который станет входной точкой в медицинскую экосистему. Сайт должен был стать понятной, быстрой и современной площадкой, которая объясняет, что такое MedHub, показывает события, вдохновляет на партнёрство и направляет людей в мобильное приложение.

Важно было сделать простую навигацию, адаптивность, мультиязычность. А ещё провести интеграцию с Event Rocks для отображения событий в реальном времени и не забыть про разделы для партнёров, врачей и клиник и связь с App Store и Google Play.

Подготовка

Команда MedHub уже чётко понимала, что им нужно. Наша задача — превратить их ожидания в понятное, реализуемое ТЗ, поэтому мы провели Zoom-брифинг с командой проекта, оцифровали все требования в таблицах Google Docs, завели доску Trello, где разбили задачи на этапы и обеспечили полную прозрачность при работе над проектом.

Дизайн

Аудитория будущего сайта — врачи, руководители клиник, партнёры. Значит, нужно создать спокойный чистый дизайн и удобный путь пользователей по сайту.  Мы спроектировали макеты в Figma для всех ключевых страниц, использовали фирменные цвета, минимализм, легкие шрифты, добавили живые детали: выпадающие фильтры, лёгкие анимации и, конечно, разработали адаптацию под все экраны.

Разработка

Технически задача была нетривиальной: нужно тянуть события из внешней системы, фильтровать их, адаптировать под мультиязычность и ещё связать всё с приложениями.

Что сделали:
Mobile-first вёрстку

• Компонентный подход

• Серверный рендеринг для ускорения загрузки

• API для новостей, форм, мероприятий

• Интеграцию с Event Rocks

• Ссылки на App Store и Google Play

• Поддержку мультиязычности

Тестирование

Мы проверяли все кнопки и формы, ставили себя на место врача, открывающего сайт с телефона между приёмами и следили за максимальным удобством.

Проверили:

• Отображение событий по фильтрам

•  Адаптивность всех страниц

• Скорость загрузки

• Формы и маршруты

• Языковой переключатель

• Интеграцию с мобильными платформами

Финальную приёмку прошли вместе с заказчиком — прямо по чек-листу.

Проект MedHub стал для нас возможностью создать по-настоящему полезный цифровой продукт в сфере медицины. Мы собрали всё в одном месте: события, партнёрство, информацию о платформе. Сайт получился лёгким, современным и удобным — как для врачей, так и для тех, кто учится в сфере медицины. Клиент остался доволен, а мы — готовы к следующим вызовам и сложным проектам.