Из небольшого медицинского лендинга — в полноценную цифровую платформу клиники. Новый сайт систематизирует сложный медицинский контент и помогает пациенту пройти понятный путь от первого вопроса до выбора врача и записи.
Роль
Product / UI/UX Designer
Зона ответственности
Информационная архитектура, UX, визуальное направление, UI-дизайн, адаптивные версии и компонентная система
Год / рынок / этап
2026 / Россия / Дизайн завершён
THIRD EYE
Клиника должна была восприниматься как современный медицинский центр с серьёзной экспертизой, но при этом оставаться дружелюбной и комфортной для пациента.
Визуальное направление строится на сочетании бирюзовой палитры, светлых оттенков, мягких градиентов, которые ассоциируются с здоровьем, надежностью и безопасностью, а крупные изображения оборудования формируют технологичный образ продвинутой клиники с современным оборудованием.
Интерфейс остаётся сдержанным, но визуальным ключом стала яркая радужка глаза, которая местами расставляет акценты на страницах, помогая ориентироваться в информации и работая на узнаваемость бренда. Поддержкой для радужки глаз стали градиентные окружности, как декоративный фоновый элемент.
Визуальное направление строится на сочетании бирюзовой палитры, светлых оттенков, мягких градиентов, которые ассоциируются с здоровьем, надежностью и безопасностью, а крупные изображения оборудования формируют технологичный образ продвинутой клиники с современным оборудованием.
Интерфейс остаётся сдержанным, но визуальным ключом стала яркая радужка глаза, которая местами расставляет акценты на страницах, помогая ориентироваться в информации и работая на узнаваемость бренда. Поддержкой для радужки глаз стали градиентные окружности, как декоративный фоновый элемент.
Визуальное направление
Визуальное направление
‹ ›
Существующий сайт уже не отражал масштаб клиники и объём её услуг. Большое количество информации размещалось внутри одной страницы, из-за чего пользователю было сложно быстро найти нужное направление, врача, стоимость процедуры или кнопку записи.
Задача заключалась в том, чтобы преобразовать лендинг в многостраничный корпоративный сайт, который одновременно решает несколько задач:
Задача заключалась в том, чтобы преобразовать лендинг в многостраничный корпоративный сайт, который одновременно решает несколько задач:
- знакомит с клиникой и её экспертизой;
- помогает выбрать услугу или направление лечения;
- подробно рассказывает о врачах и оборудовании;
- предоставляет цены и документы;
- отвечает на частые вопросы пациентов;
- приводит пользователя к записи на приём.
Идеи и задачи
От простого лендинга к полноценной цифровой платформе
mind map
Работа началась с пересборки информационной архитектуры. Контент был распределён по понятным пользовательским направлениям, чтобы сайт не воспринимался как длинный перечень медицинских услуг.
Основными разделами стали:
Главная / О клинике / Пациентам / Услуги / Врачи / Цены / Контакты
Внутри них были предусмотрены страницы оборудования, документов, отзывов, акций, налогового вычета, часто задаваемых вопросов и подробные материалы по отдельным услугам.
Такая структура позволяет входить в сайт с разными задачами: пользователь может искать конкретную процедуру, выбирать врача, сравнивать цены или сначала изучить информацию о клинике.
Основными разделами стали:
Главная / О клинике / Пациентам / Услуги / Врачи / Цены / Контакты
Внутри них были предусмотрены страницы оборудования, документов, отзывов, акций, налогового вычета, часто задаваемых вопросов и подробные материалы по отдельным услугам.
Такая структура позволяет входить в сайт с разными задачами: пользователь может искать конкретную процедуру, выбирать врача, сравнивать цены или сначала изучить информацию о клинике.
Структура сайта
Организация сложного медицинского контента
Финальный дизайн охватывает основные разделы корпоративного сайта: услуги, диагностику, врачей, оборудование, цены, информацию для пациентов и запись на приём.
Каждый тип страницы имеет собственную структуру, но все разделы объединены общей логикой навигации и повторяемыми паттернами, а также сквозными блоками.
Для медицинского контента было важно сохранить баланс между полнотой информации и удобством чтения. Объёмные материалы были разделены на небольшие смысловые блоки, карточки, списки и раскрывающиеся элементы.
Адаптивные версии сохраняют ту же иерархию: основные действия остаются доступными, а сложный контент перестраивается под последовательное чтение на мобильном устройстве.
Каждый тип страницы имеет собственную структуру, но все разделы объединены общей логикой навигации и повторяемыми паттернами, а также сквозными блоками.
Для медицинского контента было важно сохранить баланс между полнотой информации и удобством чтения. Объёмные материалы были разделены на небольшие смысловые блоки, карточки, списки и раскрывающиеся элементы.
Адаптивные версии сохраняют ту же иерархию: основные действия остаются доступными, а сложный контент перестраивается под последовательное чтение на мобильном устройстве.
Финальный интерфейс
Многостраничная система для разных пользовательских задач
Общий визуальный стиль помогает объединить разные типы страниц: от имиджевых блоков о клинике до подробных описаний процедур, прайс-листов и форм записи.
В основе — шрифт Geologocal, крупная типографика, модульная сетка и спокойная палитра из бирюзовых, аквамариновых и холодных голубых оттенков. Градиентные круги на фоне работают вместе с радужкой глаза, закладывая округлые формы для остальных элементов и добавляя узнаваемости бренду за счет ярких, прозрачных ассоциаций.
Бирюзовый используется для основных действий и ключевых акцентов. Светлые оттенки формируют фон и разделяют контент, а тёмные поверхности добавляют контраст в имиджевых и технических блоках.
Компонентная система включает карточки услуг и врачей, кнопки записи, информационные блоки, элементы навигации, прайс-листы, формы и раскрывающиеся разделы.
В основе — шрифт Geologocal, крупная типографика, модульная сетка и спокойная палитра из бирюзовых, аквамариновых и холодных голубых оттенков. Градиентные круги на фоне работают вместе с радужкой глаза, закладывая округлые формы для остальных элементов и добавляя узнаваемости бренду за счет ярких, прозрачных ассоциаций.
Бирюзовый используется для основных действий и ключевых акцентов. Светлые оттенки формируют фон и разделяют контент, а тёмные поверхности добавляют контраст в имиджевых и технических блоках.
Компонентная система включает карточки услуг и врачей, кнопки записи, информационные блоки, элементы навигации, прайс-листы, формы и раскрывающиеся разделы.
Визуальная система
Единый язык для медицинского и сервисного контента
В результате простой лендинг был преобразован в полноценный многостраничный сайт, который системно представляет услуги, врачей, оборудование, цены и информацию для пациентов.
Новая структура хорошо работает на СЕО оптимизацию, помогая бизнесу расти, а также помогает пользователям быстрее находить нужный раздел, разбираться в медицинских услугах и переходить к записи на приём.
Визуальное решение поддерживает позиционирование клиники как опытного и современного медицинского центра, объединяя технологичный образ с понятным и спокойным пользовательским опытом.
Новая структура хорошо работает на СЕО оптимизацию, помогая бизнесу расти, а также помогает пользователям быстрее находить нужный раздел, разбираться в медицинских услугах и переходить к записи на приём.
Визуальное решение поддерживает позиционирование клиники как опытного и современного медицинского центра, объединяя технологичный образ с понятным и спокойным пользовательским опытом.
Результат
Результат
