НМИЦ ГБ им. Гельмгольца

Задачи и концепция

Национальный центр глазных болезней имени Гельмгольца – старейший и один из крупнейших в стране исследовательский офтальмологический институт. Ежегодно он принимает сотни тысяч пациентов со всего мира и разрабатывает новые методы лечения сложнейших патологий органов зрения.
Задача

Разработать сайт, дизайн и структура которого будут полностью отвечать потребностям посетителей: простая запись на прием, понятная навигация по услугам и отделениям института, наличие информации об образовательной и научной деятельности. Обязательное условие – соответствие требованиям Министерства здравоохранения и Роскомнадзора к публикуемой информации.

Решение

Самая сложная часть поставленной задачи – создание структуры сайта и группировка контента. Есть определенные правила о наличии информации, ее размещении и доступности, с оглядкой на которые приходилось работать. Но даже без учета этих нюансов масштаб текстовой составляющей ресурса впечатлял своим размахом. Необходимо было продумать как разместить информацию о десятках отделений центра, как представить сотни медицинских услуг, как сортировать тысячи документов и статей.

Этапы
  • UX-дизайн
  • Проектирование и дизайн
  • Desktop & Mobile версии
  • Анимация
  • Работа с контентом
  • Тестирование и релиз

Дизайн

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

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

25 уникальных страниц
40 уникальных блоков
15 уникальных веб-форм
3 состояния экрана

Типографика и цветовая схема

Avenir next
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #083277
  • #0069D2
  • #EEEDF3
  • #F7A941

Структура

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

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

Услуги центра

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

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

Отделения центра

Каждое подразделение центра имеет свою личную профильную карточку. Она содержит самую подробную информацию - начиная от оказываемых услуг и заканчивая полным перечнем сотрудников отдела и их зон ответственности.

У каждого отделения создан дополнительный подраздел «Что мы лечим», в котором можно ознакомиться со всеми профильными заболеваниями отдела, познавательную информацию о них, способы их диагностики и методы лечения.

Запись на прием

Форма записи на прием – ключевая форма на сайте.

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

Образование

Институт ведет обширную образовательную деятельность. Ежегодно десятки аспирантов получают высшее профильное образование в центре, защищая свои научные работы и проходя интернатуру. Уже практикующие врачи регулярно проходят курсы повышения квалификации.

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

Режим и график работы

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

Mobile версия

Адаптивная версия крайне важна для сайта медицинского учреждения. Необходимо обеспечить доступ к контактной информации и возможности записи на прием с мобильного устройства.
Mobile first

При адаптации сайта для мобильных устройств необходимо было сохранить всю контентную составляющую и весь функционал. Нам это удалось, пациенты могут полноценно работать с сайтом с мобильного телефона.

Планшет

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

Прототипы

Работая над проектом сайта НМИЦ ГБ им. Гельмгольца особое внимание было уделено разработке прототипов. Без них невозможно было продумать размещение информации и структуру будущего сайта. Поэтому прототипы были созданы для всех разделов будущего сайта.

Компьютер

Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца
Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца

Планшет

Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца
Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца
Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца

Мобильная версия

Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца
Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца
Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца
Прототипы страниц проекта НМИЦ ГБ им. Гельмгольца

Нужна сильная команда?