Портфолио архитектурной студии с кинематографичным скроллом
Демонстрация того, как мы делаем сайты для креативных и архитектурных студий. Monolith показывает не только проекты, но и уровень мышления студии — через фирменную систему анимированного скролла. Прелоадер с разборкой логотипа, манифест с построчным появлением, горизонтальная карусель проектов, зафиксированная на экране, и полноэкранная раскрывающаяся маска для проекта года.
- Что сделали
- Дизайн и фронтенд сайта-портфолио под ключ
- Год
- 2026
Это рабочий проект — кликается, листается и работает по-настоящему.
Открывается во весь экран — так демо раскрывается полностью, без тесной рамки.
Задача
Стандартная сеточная галерея не передаёт уровень креативной студии. Чтобы сайт продавал дорогие проекты, он сам должен ощущаться как продуманная, отточенная работа на каждом шаге скролла.
Что мы сделали
- 01Горизонтальный pinned-скролл: карусель проектов, зафиксированная на экране, с параллаксом
- 02Раскрывающиеся clip-path маски на hover и полноэкранный featured-проект
- 03Прелоадер с разборкой логотипа и манифест с построчным reveal при скролле
- 04Плавный инерционный скролл (Lenis) + кастомный магнитный курсор
- 05Счётчики статистики с анимацией и чертёжная сетка как элемент фирменного стиля
Результат
- премиум
- сайт продаёт уровень студии
- GSAP
- кинематографичный скролл
- 1–2 нед
- срок такой сборки
Цифры — ориентир возможного эффекта для таких решений, а не гарантированный результат конкретного проекта. Точное посчитаем под вашу задачу.