Кейс

Mila Ivsmir — сайт модели и актрисы

Mila Ivsmir — модель и актриса театра и кино из Москвы. Прежний сайт был собран на WordPress с конструктором Elementor и работал как визитка. Мы переписали его заново: одна страница на своём коде, чёрно-белый герой на WebGL, архив из 144 кадров, который крутится спиралью от прокрутки, и бронирование съёмки без переписки.

Модель и актриса · сайт-портфолиоЖивой проект / Mila Ivsmir
ivsmir.comГлавная страница сайта Mila Ivsmir с чёрно-белым портретом
Снимок работающего сайта
АнимацияЗапись экрана / Mila Ivsmir
ivsmir.com
Запись экрана: герой на WebGL, спираль архива из 144 кадров и финальный кадр, который растворяется в белом перед бронированием.
СайтПортфолиоАнимацияWebGLДва языкаTelegram
Было и стало

Было и стало

Прежняя версия — апрель 2026, новая — октябрь 2026. Старую версию смотрели в веб-архиве (снимок 18.04.2026), новую считали по файлам сайта.

Вес HTML главной страницыв 9,7 раза легче
Было214 КБ
Стало22 КБ

Было: разметка, которую сгенерировал конструктор. Стало: написанная руками.

Подключаемых файлов стилей и скриптовв 15,5 раза меньше
Было31
Стало2

WordPress, Elementor и Slider Revolution тянули 31 файл; сейчас — один стиль и один скрипт.

144
кадра в архиве

Спираль крутится от прокрутки, кадр открывается по клику

85 КБ
весь код страницы

22 КБ разметки, 30 КБ стилей, 33 КБ скрипта — без сторонних библиотек

2
языка на одной странице

Русский и английский переключаются на месте, без перезагрузки

ежедневно
обновление архива

Задание по расписанию забирает новые публикации из Instagram

Сайт на WordPress с конструкторомСвоя вёрстка без сторонних библиотек
Портфолио жило в соцсетиАрхив из 144 кадров на своём домене
О съёмке договаривались в перепискеБриф на сайте и готовые темы в Telegram

Портфолио вместо визитки

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

Анимация на своём коде

Герой собран на WebGL: чёрно-белые кадры перетекают друг в друга шумом, под курсором расходится рябь, вокруг имени живут отдельные буквы. Архив — трёхмерная спираль из 144 кадров: она разворачивается от прокрутки, её можно тянуть мышкой и останавливать на кадре, а в финале последний снимок выходит из спирали и растворяется в белом, открывая раздел бронирования.

Всё это — 33 КБ собственного скрипта, без анимационных библиотек. Если в системе включено «уменьшить движение» или браузер не умеет WebGL, страница показывает тот же кадр статично и остаётся рабочей.

Архив, который наполняется сам

Съёмки продолжаются, и руками обновлять портфолио никто не будет. Задание по расписанию раз в сутки забирает новые публикации из Instagram, складывает их рядом с остальными кадрами, и спираль начинается и заканчивается свежими работами.

Бронирование без переписки

Быстрый вопрос уходит в Telegram: четыре темы — съёмка для бренда, UGC, кино и театр, другое — открывают чат с уже готовым текстом, и в нём видно, с какого сайта пришёл человек. Для съёмки есть бриф: формат, команда, площадки, бюджет и дата в календаре, оформленном как меню фотокамеры. Заполненный бриф приходит на почту.

Направления по теме
Другие кейсы
Контакты

Нужно похожее? Опишите задачу — разберём и предложим решение.

Нажимая кнопку, вы соглашаетесь на обработку данных.
Позвонить и написать+7 967 555-81-17hello@fodastudio.ruTelegram
ОфисыМосква, Большая Пионерская, 24Москва, 5-й Донской проезд, 19Санкт-Петербург, Кузнечный пер., 13