Shifa
Medical Clinic
Проектирование и разработка многостраничного сайта для медицинской клиники. От структуры и пользовательских сценариев до финальных экранов и адаптивной вёрстки.
Сайт медицинской клиники полного цикла
Shifa — многопрофильный семейный медицинский центр в Москве. Основная аудитория — пациенты, которые ищут медицинские услуги, врачей и актуальные цены.
Задача — спроектировать и разработать сайт, который решает конкретные задачи пользователей: найти специалиста, записаться на приём, узнать стоимость услуг и получить ответы на вопросы.
Сайт включает более 12 уникальных типов страниц: от главной и каталога услуг до карточек врачей, акций и информационных разделов.
Команда Shifa
Зачем понадобился новый сайт
Исходная ситуация
У заказчика был действующий сайт, который устарел и требовал редизайна. Приняли решение о разработке нового продукта.
Проект разрабатывался итерациями: анализ существующего решения — анализ конкурентов и CJM — прототипы — дизайн — вёрстка — программирование
Задачи проекта
- Создать понятную структуру для разных групп пользователей
- Организовать каталог услуг и ценообразование
- Представить врачей клиники с детальными карточками
- Реализовать поиск, формы записи и обратной связи
- Обеспечить работу на мобильных устройствах
Итерации дизайна
Анализ текущего сайта
Референсы
Прототипы
Финальный дизайн
Наблюдения из структуры проекта
Карта сайта и иерархия страниц
Навигация организована по принципу прямого доступа — основные разделы из главного меню, внутренние — через шаблоны.
UI Kit
Единая визуальная система: цвета, типографика и компоненты зафиксированы как стили в Figma.
Палитра
Типографика
Основные сценарии на сайте
Структура выстроена вокруг трёх ключевых сценариев, которые прослеживаются через навигацию и набор страниц.
Постраничный разбор
Каждая страница проектировалась под конкретную задачу. Ниже — ключевые экраны с пояснением логики.
Точка входа. Объединяет навигацию, баннеры с актуальными акциями, блок врачей, услуги и быстрый доступ к записи. Длинный лонгрид с 8+ секциями.
Основное меню с выпадающими подразделами, глобальный поиск по сайту и дополнительное меню. Проработаны все состояния навигации.
Шапка сайта
Поиск по врачам
Поиск общий
Мобильная версия
Отдельная проработка мобильной навигации, компоновки контента и удобства касания.
Главная
Навигация
Внутренняя
Две страницы услуг: общий каталог направлений и детальная страница конкретной услуги с описанием, ценами и формой записи.
Каталог услуг
Страница услуги
Каталог врачей и шаблон детальной карточки. Внутри карточки врача указана информация о специализации, опыте работы, образовании и лицензиях, работах, отзывах и услугах.
Каталог врачей
Карточка врача
Отзывы
Прайс-лист
Отдельная страница с прайс-листом. Один из ключевых запросов — стоимость услуг. Выделение в самостоятельный раздел обеспечивает прозрачность ценообразования.
О клинике
Формирует доверие: информация о клинике, команде, подходе к работе.
Подготовка к приёму, документы, порядок обслуживания.
Информация для пациентов
Адрес, телефоны, карта и форма обратной связи. Прямой доступ к контактной информации для быстрой связи.
Каталог актуальных предложений и шаблон детальной акции. Инструмент привлечения и возврата пользователей.
Каталог акций
Детальная акция
Контентный раздел — статьи о здоровье, процедурах, рекомендациях. Инструмент информирования и органического трафика.
Каталог статей
Детальная статья
Точки конверсии: формы записи на приём, отзывы и блок контактных данных. Каждая форма проработана как отдельный компонент.
Запись на приём
Блок отзывов
Что было сделано
Спроектирован и разработан многостраничный сайт медицинской клиники Shifa: от информационной архитектуры и пользовательских сценариев до реализации на 1С-Битрикс.
ваш проект