06 / 07 · 2025 · Портфолио
Polar Architecture
Портфолио бюро, где здания читаются как кадры: горизонтальная лента проектов и планы, которые проявляются по мере скролла.
- Клиент
- Архитектурное бюро
- Срок
- 8 недель
- Что делали
- Арт-дирекшнДизайнРазработкаCMS
House 11
Мурманск · 2024
Atelier N
Хельсинки · 2023
Pier 4
Архангельск · 2025
Quiet Hall
Таллин · 2022
Архитектура
Atelier N
Хельсинки · 2023
Мурманск · 840 м²
House 11
Чертёж прорисовывается со скроллом, затем уступает фотографии.
Рабочий стол, телефон и второй экран того же продукта
среднее время на сайте
запросов «пришлите PDF»
проектов в CMS
переход между проектами
Задача
У бюро сорок проектов и очень строгая эстетика. Прежний сайт — сетка одинаковых превью, где ни один проект не запоминался. Заказчики просили «присылать PDF».
Решение
Мы выстроили сайт как выставку: на главной — горизонтальная лента из десяти ключевых проектов с тонкой типографикой и большим воздухом. На странице проекта чертёж прорисовывается линией при скролле, а затем сменяется фотографией. Все материалы редактируются в Sanity, изображения автоматически режутся под устройство.
Что внутри
Три решения, которые
сделали результат
Чертёж оживает
SVG-планы прорисовываются штрихом синхронно со скроллом и уступают место фотографии.
Горизонтальная лента
Десять проектов — как кадры одного фильма. Скорость движения зависит от скорости скролла.
Редактируется без нас
Новый проект добавляется за десять минут: загрузили фото и план — сайт собрал страницу сам.
Технологии
- Next.js
- GSAP ScrollTrigger
- Lenis
- Sanity
- Cloudinary