Northline: сайт архитектурного бюро с конфигуратором фасадов
Разработали сайт архитектурного бюро Northline с интерактивным конфигуратором: посетитель выбирает материал фасада и террасы, видит обновлённое изображение и переходит к планировке.
Открыть проект Подбор агентства по задаче →
Задача
Требовалось передать характер архитектуры через визуальную подачу и дать посетителю возможность самостоятельно изучить дом: рассмотреть материалы, сравнить варианты фасада и террасы, перейти к планировке.
Решение
Создали одностраничный сайт с последовательным сценарием: от общего впечатления к деталям. Центральный элемент — конфигуратор Northline 160, где выбор материала фасада и террасы мгновенно обновляет изображение. Выбранный облик сохраняется при переходе к архитектурному плану. Интерфейс разработан на React, Next.js и TypeScript, анимации на GSAP, плавная прокрутка на Lenis.
Результат
- 6 Вариантов фасада и террасы
- 3 Проектов представлено
- 4 Ширин экрана проверено
Опубликован интерактивный сайт Northline: посетитель может сравнить три материала фасада и два варианта террасы, увидеть выбранное сочетание и перейти к планировке. Реализована мобильная версия с сохранением основных интерактивных возможностей.
8 место в категории Архитектурное бюро → UI/UX-дизайн
Похожие кейсы
Сайт Allen Brau с 3D-визуализацией и дизайн-проектом ванной
Разработали сайт для немецкого бренда премиальной сантехники Allen Brau с 3D-визуализацией продукции и бесплатным дизайн-проектом ванной комнаты.
Selemen — сайт строительной компании премиум сегмента
Создан имиджевый сайт для строительной компании Selemen, получивший премию Site Of The Day на Awwwards.
Воплощение делового духа. Корпоративный сайт для девелопера Alcon Group
Разработали корпоративный сайт для девелопера Alcon Group: стратегию, дизайн и контент, передающие деловой дух компании.
Онлайн-университет Rockwool для обучения сотрудников и партнёров
Разработали онлайн-университет Rockwool для обучения сотрудников и партнёров: курсы, вебинары, тесты и система администрирования.
Молодёжный портал «Вертикаль» для правительства Воронежской области
Разработали сайт для молодёжного проекта правительства Воронежской области — единую платформу с афишей, новостями и проектами.
RAD
Разработали сайт-портфолио для архитектурного бюро Rickman Architecture + Design с акцентом на крупную типографику.