Сайт для пластического хирурга — Максима Барсакова

Максим Барсаков – пластический хирург, для которого операция начинется задолго до операционной. Автор патентов и инновационных методик, действующий участник ASAPS (США), ISAPS и Европейского сообщества ринопластики, почётный лектор академии IMCAS в Париже. Его исследования публикует Aesthetic Surgery Journal, а доклады звучат на конференциях в восьми странах. Пациентка видит результат, но не видит работу, которая за ним стоит.

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

Мы изучили путь пациентки: от первого желания сделать операцию до послеоперационного периода. Так родилась ключевая идея айдетики: пластическая операция делит мир на «до» и «после». «До» – мир ожиданий и эстетики, «после» – мир науки, исследований и «сухого» медицинского текста. При этом мы хотели отойти от привычных паттернов премиум-сегмента: тёмный фон, журнальные фото и крупная типографика поверх них.

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

На каждой странице услуг работает функциональная галерея: работы доктора можно посмотреть под разным углом, «до» и «после» операции. Исходные снимки делались в рабочем режиме, без студийного света: разные ракурсы, низкое качество, обрезанные кадры. Мы обработали сотни фотографий: выровняли ракурсы, достроили фон за границами кадра и привели цвет к единому виду, чтобы «до» и «после» можно было сравнивать.

Не обошлось без креатива в блоке, где за эстетичными фразами скрывается другая сторона пластической хирургии. На фоне лежат слова мира «до», а при наведении курсора проявляется их антипод: симметрия → асимметрия, эстетика → анестезия, сияние → синяк и т. д. Анимации заголовков и текстов, параллаксы и вспомогательные элементы мы проработали так, чтобы они дополняли дизайн.

В основу визуального образа легла серия «глянцевых» изображений, созданных совместно с художником Филиппом Рабачёвым. Мы использовали ИИ как инструмент, но быстро поняли: нейросети не заменят человека. Каждый кадр дорабатывался вручную, чтобы поймать эстетику мира «до», полного ожиданий и красоты. Для противоположного контраста создали простые схематичные иллюстрации, которые дополняют тексты и важные документы, и оживили их через Lottie.

Шрифтовой логотип и его сокращённая версия связаны движением: логотип анимируется при загрузке сайта и переходах между страницами, а при скролле трансформируется в монограмму.

Отдельно – шрифт Coconat, важный элемент айдентики, визуализирующий контраст двух миров. Его кириллическую версию мы разработали вместе с независимым шрифтовым дизайнером Олей Ивановой и автором гарнитуры из Милана Сарой Лавацца. В противовес выбрали строгий, но дружелюбный гротеск Social от ABC Dinamo – точный, функциональный, научный. Два шрифта, два мира – одна история.

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

Полная версия с анимациями работает на ПК, в мобильной мы упростили вёрстку ради удобства. На пути мы преодолели немало технических препятствий и искали баланс между «красиво» и «реализуемо».

───────▄████▄─────
──────███▄█▀───────
─────▐████─────────
──────█████▄───────
───────▀████▀─────

Подробнее о шрифте, логотипе и ребрендинге → в других кейсах ↓

Атмосферу проекта постарались передать в коротком рилсе, посмотрите обязательно. Музыка: ♫ Bliss inc


Ритм ♥ 2026