Клиника Анима
О клиенте
Ситуация на старте
Сайт клиники «Анима» требовал полного обновления: он не справлялся с задачей презентации экспертного статуса компании. Отсутствие продуманной дизайн-системы привело к тому, что интерфейс состоял из устаревших и визуально не связанных между собой блоков. Информация о предоставляемых услугах была разрозненной, что серьезно затрудняло навигацию для посетителей. Как итог — пользователи покидали сайт, не найдя ответов, что приводило к падению числа целевых обращений.
Результаты (до/после)
Бизнес-цели клиента
- Закрепить за клиникой статус профессионального эксперта в медицинской среде, повысить доверие со стороны партнеров и коллег.
- Увеличить поток заявок с сайта на все ключевые направления: от первичных консультаций до комплексного лечения.
- Полностью сохранить существующий контент, но переработать его подачу — разложить по полочкам в новой, продуманной структуре.
Требования к дизайну
- Требования к дизайну
- Основные визуальные элементы — вдохновляющие и позитивные фотографии, на которых посетители увидят настоящих специалистов клиники и комфортные пространства для приёма.
- Цветовую гамму выдержать в цветах логотипа.
- Дизайн должен помогать клиентам находить нужную информацию.
Требования к функционалу
- Чёткая структура разделов и подача информации на страницах сайта.
- Поиск по сайту.
- Версия сайта для слабовидящих.
- Формы обратной связи.
- Адаптивная вёрстка (десктоп, планшет, мобильные).
Проектирование и дизайн
Аналитика на старте
Аудит показал, что текущий сайт не выполнял главную функцию медицинского сервиса — не снимал тревожность пациента и не убеждал в квалификации врачей. Устаревшая архитектура порождала когнитивный диссонанс: пользователь искал помощи при серьёзных проблемах (депрессия, РАС, СДВГ), а видел визуальный шум и бессистемную нарезку текстов. Навигация не отвечала на простой вопрос «К какому врачу мне записаться и что он лечит?». В результате высокий отказ сопровождался низким CTR целевых кнопок, хотя бренд клиники и компетенции специалистов объективно были сильны.
Проектирование структуры
Контент не удалялся, а пересобирался заново: выделили 4 сквозные сущности (услуги, специалисты, диагнозы, цены) и связали их между собой. Каждая услуга теперь привязана к конкретному врачу и диагнозу. Для поддержки старого контента создали универсальные шаблоны страниц, куда без потери смысла встали прежние описания, статьи и регалии врачей. Это позволило не терять SEO-вес, накопленный годами.
Визуальный образ и смыслы
Визуально мы ушли от стерильно-больничной эстетики в сторону мягкого, «дышащего» дизайна. Основной драйвер — реальные фото врачей и интерьеров. Цветовая гамма — эволюция логотипа: спокойные природные акценты на светлой нейтральной базе. Шрифты и формы скруглены, чтобы считывалось «человечность», а не «медицинский приговор». Статичный баннер (вместо бесконечного слайдера) задаёт мгновенный эмоциональный якорь: вот клиника, вот люди, здесь безопасно.
Совет для похожих проектов
Не начинайте редизайн медицинского сайта с «красивой картинки». Сначала нарисуйте карту ответов: за какой услугой придёт конкретный пациент и как быстро он дойдёт до записи. Если боитесь потерять старый контент — не удаляйте его, а создайте для него конструктор. И самое важное: в психиатрии и психотерапии слайдеры на главной убивают доверие. Статика, одно сильное сообщение и лицо врача работают в разы лучше мигающих баннеров. Доверие = предсказуемость.
Разделы и функциональность
Ключевые разделы
- Главная: экран без слайдера, с одним статичным баннером с изображением врачей клиник, перечисление врачей и предоставляемых услуг, реальные отзывы пациентов из нескольких авторитетных источников.
- Детальная услуги и диагноза: внутри дополнительная навигация по блокам (Симптомы, Как лечим, Врачи, Цена, Отзывы). Страница отвечает на скрытый вопрос «Это точно про меня?» — через списки симптомов и примеры из практики.
- Детальная врача: фото, имя, специализация, живая видео-презентация, где врач говорит сам: «Меня зовут…, я работаю с такими состояниями…, ко мне можно прийти с…». Регалии, стаж, список услуг, которые ведёт именно этот специалист и возможность просмотра коллег по тому же направлению (если этот занят). Такая страница продаёт доверие, а не портфолио.
Фишки для удобства пользователей
- Доп. навигация по блокам на странице услуги — «якоря» для перехода к симптомам, лечению, стоимости или врачу.
- Видео-презентации специалистов вместо скучных текстов «опыт работы 10 лет». Пациент выбирает врача по лицу и голосу.
- Построение маршрута по карте — одна кнопка строит путь от текущего гео-положения до конкретной клиники.
Мобильная версия
Мы пошли по проверенному пути: адаптив строился на принципе сжатого десктопа — то есть мобильная версия является прямым, но аккуратно сжатым отражением полной версии сайта. Это решение дало несколько чётких плюсов:
- Полное сохранение контента и структуры — пользователь на телефоне видит те же разделы, те же услуги, те же тексты и видео, что и на десктопе. Ничего не вырезано, не спрятано в «специальную мобильную логику» — человек не теряется, переключаясь между устройствами.
- Единая система навигации — меню, поиск, версия для слабовидящих, фильтры и формы обратной связи работают идентично на всех экранах.
- Простота поддержки и доработок — любое изменение на десктопе автоматически корректно отображается на мобильных. Не нужно поддерживать два параллельных макета или думать, как «переложить» новый блок на мобильную логику.
- Карта и маршрут — построение маршрута к клинике на мобильных работает через нативные карты (iOS/Android) одной кнопкой, что даже удобнее, чем на десктопе.
- Предсказуемый зум и скролл — поскольку мы не внедряли нестандартные жесты и анимации, мобильный браузер обрабатывает страницу штатно. Это особенно важно для возрастных пациентов и людей с тревожными расстройствами, которым нужна максимальная предсказуемость интерфейса.
Результаты и итоги
Достижение целей
Статус эксперта закреплён через единую дизайн-систему и живые видео врачей. Поток заявок вырос за счёт снижения барьера «не понял, куда нажать» и добавления маршрута к клинике (офлайн-пациенты перестали теряться). Старый контент не только сохранён, но и стал ранжироваться лучше — за счёт чистой структуры и внутренней перелинковки. Целевые обращения сместились с «позвоните мне» на конкретную запись к конкретному врачу.
Чем гордимся
- Дизайн главной за 8 часов.
- Статичный баннер вместо слайдера на главной.
- Доп.навигация по блокам на странице услуги.
- Видео-презентации специалистов на детальных страницах.
- Добавили удобную и полезную функцию построения маршрута к клинике по карте.
- Удалось сохранить и органично вписать весь старый контент.
Почему этот кейс стоит показывать другим клиентам
Редизайн можно сделать без переписывания текстов и без потери накопленного SEO. Здесь показан пример, как «скучная» психиатрия превращается в понятный сервис через всего одну сильную фишку — статичный баннер вместо слайдера и видео-визитка врача. Кейс отлично заходит клиентам из ниш «высокого доверия» (медицина, юристы, финансы), а также владельцам старых сайтов, которые боятся менять «хоть что-то работающее».
Цветовая палитра
Типографика
Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф
Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Юю Яя
Сетка
Технологии
Реализованные проекты (5000