Контекст и задача
NORD ARC проектирует и строит частные дома. Нужно было создать сайт,
который передаёт эстетику бюро, объясняет подход к работе и помогает
потенциальному клиенту разобраться в услугах и получить первый ориентир
по бюджету ещё до консультации.
Решение
Разработали одностраничный сайт с атмосферной визуальной подачей и
понятным пользовательским маршрутом: от знакомства с подходом бюро —
к услугам, примерам проектов, расчёту стоимости и заявке.
Главный экран построен на полноэкранной фотосъёмке и аккуратной
анимации: слайдер работает автоматически, поддерживает ручное
переключение и учитывает системную настройку reduced motion.
Ключевые экраны и функции
- Блок о подходе бюро: сценарий жизни, работа с участком, единый замысел архитектуры и интерьера, авторский контроль реализации.
- Каталог услуг в формате аккордеона: проектирование, фундамент, строительство коробки, кровля, инженерные коммуникации, отделка и благоустройство.
- Блок избранных проектов с фокусом на связи архитектуры и ландшафта.
- Раздел доверия: технадзор, фиксированная смета, договор, собственные бригады, фотоотчёты, гарантия и опыт бюро.
- Интерактивный калькулятор стоимости: площадь, этажность, материал, тип отделки и коммуникации влияют на ориентировочный бюджет.
- Сценарий работы из семи этапов — от заявки до гарантийной поддержки;
активный этап синхронизируется при прокрутке страницы. - FAQ, отвечающий на вопросы о сроках, оплате, гарантии, ипотеке и сезонности строительства.
- Контактный блок с формой заявки, выбором типа дома, валидацией, телефоном, мессенджерами и картой.
Детали реализации
Сайт адаптирован для мобильных устройств. Для удобства навигации
добавили компактный sticky-header, плавную прокрутку и мобильное меню.
Интерактивные элементы снабжены доступными подписями и состояниями:
аккордеоны, форма, слайдер и калькулятор можно использовать с клавиатуры.
Результат
Получился цельный цифровой образ архитектурного бюро: сайт одновременно
работает как презентация подхода, каталог услуг и инструмент первичного
захвата заявок. Калькулятор и прозрачное описание этапов помогают клиенту быстрее перейти от интереса к предметному разговору о проекте.
