Как мы впервые оживили человека в 3D: сайт эстетической клиники, вдохновлённый балетом и золотым сечением

Новый вызов, новые границы. Это история про то, как мы впервые взялись за 3D-анимацию человеческой модели, столкнулись лицом к лицу с риггингом и, конечно же, нашли в нём изящество. Да, даже в суставных контроллерах можно найти вдохновение — если ты Chipsa.

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

Если кратко, риггинг — это превращение «мёртвой» 3D-модели в управляемого персонажа. Мы создаём цифровой скелет, расставляем суставы (joint’ы), настраиваем, как каждый сегмент будет двигаться, и финально «приклеиваем» кости к оболочке (скиннинг). Только тогда виртуальный человек начинает двигаться как реальный.

Но не всё так просто. Лицо — отдельный челлендж. Там десятки микродвижений: улыбка, удивление, лёгкий наклон бровей. Передать это с точностью — задача не на одну бессонную ночь. Особенно когда команда, как наша, делает это впервые.

Название клиники Dega натолкнуло нас на Эдгара Дега — художника-импрессиониста, который обожал изображать балерин. Их движения, ткань, свет, грация — в его работах всё крутилось вокруг пластики человеческого тела. В этом мы увидели идеальную метафору для сайта клиники: стремление к эстетике, лёгкости, контролю над формой.

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

Первая идея была дерзкой: пустить по телу 3D-модели спиральные линии, которые на глазах меняют черты лица и силуэт. Мы быстро сделали референс в Stable Diffusion, чтобы показать идею клиенту. Он был в восторге. А вот дальше начался тот самый момент, когда ты говоришь: «Хьюстон, у нас проблемы».

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

В итоге мы оставили изначальную задумку и сконцентрировались на самом главном — движении. Настоящем, тонком, как у балерины на сцене.

Чтобы понять, как должна двигаться наша 3D-балерина, мы погрузились в видеоматериалы: десятки часов танцев, фуэте, аддажио. В какой-то момент всерьёз задумывались снять собственный балетный перформанс — настолько хотелось добиться достоверности.

Так родился наш первый человек в 3D — не просто модель, а образ. Эстетический, тонкий, технически выверенный.

Теперь балерина стала частью интерфейса. Её тело «откликается» на действия пользователя: при наведении на раздел «Косметология» камера фокусируется на лице, при выборе «Диагностика» — модель оборачивается лентой, интерпретирующей золотое сечение.

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

Это был тот самый опыт, после которого ты уже не такой, как прежде. Мы поняли: 3D-анимация человека — не про «сделал и забыл». Это глубоко, сложно и… безумно интересно.

Этот проект прокачал нас по всем фронтам: от технарей до дизайнеров, от арт-референсов до UI. Главное — он стал примером того, как искусство и технология могут работать вместе, создавая эмоциональный и визуально мощный пользовательский опыт.

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

Так что, если вам нужен сайт, где есть не только вау, но и «ого, как они это сделали» — welcome. Мы умеем делать сложное красиво.

Подписывайтесь на наш Telegram-канал, чтобы не пропустить следующий кейс и узнать, как мы с нуля собираем креативные проекты, достойные наград Awwwards и CSSDA.