Вызов — дизайн сайта для клиники лечения зависимостей

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

Задача

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

Для аудитории «Вызова» — людей, которые приходят на сайт в кризисной ситуации — такая подача работает против самой цели сайта. Она усиливает тревогу, а не помогает сделать первый шаг. Поэтому наша задача звучала так: спроектировать интерфейс, который ощущается спокойнее и человечнее, но при этом сохраняет профессиональный тон.

Первое впечатление — без давления. Пользователь приходит на сайт в момент, когда сложно принимать решения. Hero-блок должен помогать сориентироваться, а не давить статистикой и официозом.

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

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

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

Этапы работы

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

Айдентика

Логотип и базовый брендбук стали основой всего визуального языка проекта. Из их палитры, типографики и форм потом собирались макеты сайта, маскот и графические элементы мобильной версии.

Логотип работает в любом размере. От фавикона в браузерной вкладке до вывески на здании клиники — он остаётся узнаваемым и не теряет в качестве.

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

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

Логотип клиники

Базовые принципы гайдбука

Маскот

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

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

Маскот клиники «Вызов»

Визуальный язык

Базовая палитра сайта — белый и синий. Это сочетание считывается как медицинское и при этом не давит за счёт сдержанных, спокойных оттенков. К палитре мы добавили мягкие округлые формы, карточки без острых углов и достаточно воздуха в вёрстке. В результате сайт ощущается скорее как место поддержки, чем как медицинский справочник.

Главная страница — Hero section и преимущества клиники

Главная страница — специалисты клиники

Адаптивность

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

Десктопная версия

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

Результат