Клиническая больница №123

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

Адаптивный дизайн Адаптивный
дизайн
1С-Битрикс 1С-Битрикс
Иконографика Инфографика

Проектирование

Перед нами была поставлена задача сделать редизайн сайта с учётом пользовательского опыта и современных тенденций в вёрстке.

Структура сайта

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

Концепции

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

Дизайн

В работу была принята первая концепция после внесения ряда корректировок.

Добавлены баннеры
по направлениям, а также
концепция меню взята
из первого варианта

Убрали предварительную
запись и в блоке
о компании разместили
3Д тур

Баннер с CHECK UP
переместили в главный
баннер

Меню

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

Раздел «Медицина»

При проектировании данного раздела учтено разделение информации на две основные категории — для коллег и для пациентов.

Пациентам

Коллегам

Подробные страницы направлений деятельности

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

Полезная информация

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

Внутренние страницы

В ходе проекта было разработано более 120 макетов. Все страницы спроектированы
по принципам модульного дизайна и адаптивной вёрстки. Благодаря этому контент
корректно отображается на устройствах с разным разрешением экрана.

UI-Kit

Все элементы интерфейса собраны в единый UI KIT, облегчающий дальнейшую работу и масштабрование сайта.

Типографика
h0 h1 h2 h3 h4 h5
Клиническая больница №123
Клиническая больница №123
Клиническая больница №123
Клиническая больница №123
Клиническая больница №123
Клиническая больница №123

Особенности реализации

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