Сайт для архитектурно-реставрационного бюро
Атвинта — статьи и проекты ·
Разработали имиджевый сайт с интерактивными моделями
Московская компания в сфере архитектурно-строительного проектирования. Специализируется на разработке проектов по объектам культурного наследия и капитальному ремонту зданий.
Компания выполняет полный цикл работ: обследование зданий, разработка документации, прохождение государственных экспертиз и авторский надзор. В своей работе команда использует современные программные комплексы и методы проектирования — например, лазерное сканирование, 3D-моделирование и BIM (объектно-ориентированная модель строительного объекта).
Заказчик обратился к нам за разработкой имиджевого сайта. Прошлая версия создавалась как базовый минимум для визитки и не отражала основную деятельность компании — работу с объектами культурного наследия.
При этом 90% клиентов приходят через рекомендации, например, спросили контакты у экспертов или узнали о бюро через партнеров. В таком сценарии сайт работает как визитная карточка: потенциальный заказчик уже слышал о бюро и переходит, чтобы убедиться в уровне компетенций компании.
Цель проекта: создать имиджевый сайт, который показывает экспертизу компании в BIM-моделировании исторических зданий и сложных объектов.
Задачи:
Узнайте, как мы разрабатывали сайт для проектного института в угольной промышленности
Мы разработали имиджевый сайт для архитектурно-реставрационного бюро. Заказчик глубоко погружен в тему и пришел с детальным видением проекта — от визуального стиля до структуры разделов. Это позволило нам синхронизировать идеи и быстро выстроить рабочий процесс.
В портфолио компании много визуальных исходников, от которых можно оттолкнуться при разработке дизайн-концепции: чертежи, облака точек и детальная отрисовка зданий. Мы уже переводили техническую документацию в веб-формат для «Раймет» и «Опалубки-Домстрой» . Клиент также передал обширный пакет исходников: PSD-макеты, покадровые анимации и 3D-модели. Наша команда переработала материалы, взяла за основу минималистичную эстетику заказчика и усилила подачу интерактивными элементами.
https://player.vimeo.com/video/1176780897
Что сделали:
Кейс: разработка корпоративного сайта для нашего диджитал-агентства
Собрали визуальную систему, которая отражает специфику архитектурного бюро: минимализм, черно-белая палитра с теплыми тонами, тонкие линии и чистая композиция.
Ирина Жукова; Ведущий дизайнер в Атвинте
На первом экране нужно было передать особенности деятельности компании. Мы пробовали несколько направлений: барельефы из реальных проектов заказчика, классические скульптуры и колонны. Варианты выглядели стильно, но сайт клиента тогда бы не отличался от других архитектурных бюро.
Решение нашли в рабочем процессе самого клиента — облако точек. Так выглядит здание после лазерного сканирования — до того, как станет моделью. Это прямая отсылка к тому, чем заказчик занимается каждый день.
Алексей Нибо; Дизайн-директор в Атвинте
https://player.vimeo.com/video/1176782534
Концепцию с птицей показали заказчику на пресейле. Клиент рассматривал несколько агентств, и когда команда обсуждала, с кем работать, все проголосовали за Атвинту — идея зацепила уже на старте.
Читайте наш гайд по созданию 3D-сцены для архитектурного бюро
Мы создавали птицу как полноценный 3D-объект: от сбора референсов до готовой анимации с движением крыльев, взлетом и посадкой на шпиль. Модель оптимизировали под устройства и браузеры, чтобы анимация работала плавно и не замедляла загрузку сайта.
Птица реагирует на прокрутку, перемещается между разделами и сопровождает пользователя. Хочется проскроллить дальше, чтобы увидеть, что она будет делать. Так акцентный элемент удерживает внимание и мотивирует изучать сайт глубже.
Заказать дизайн сайта в Атвинте
Работа архитектурного бюро — это многоэтапный процесс, который сложно объяснить в текстовом формате. Мы перевели его в интерактивный раздел с пятью вкладками. На всех этапах дана одна и та же 3D-модель здания, которая трансформируется при переключении. Ракурс и положение не меняются — только сам объект.
https://player.vimeo.com/video/1176782905
На каждом этапе видно, как меняется облик модели:
На первом и втором этапах доступна анимация — процесс сканирования и построения модели запускается по кнопке. Также мы разместили слайдер с хронологией (таймлайном) процесса. Потенциальный заказчик понимает процессы работ и видит глубину экспертизы.
Станислав Квасов; 3D-дизайнер в Атвинте
На третьем шаге также добавили интерактив — кликабельные элементы. При нажатии справа открывается архитектурный чертеж конкретного объекта — например, декоративное оформление оконного проема или башни. Так мы показываем уровень детализации, с которым работает бюро.
Бюро работает со знаковыми историческими объектами Москвы: сталинские высотки и памятники архитектуры. Портфолио нужно было показать подробно и интерактивно. Вместе с заказчиком мы оформили 14 зданий в отдельный раздел со стилизованной картой Москвы. Так потенциальный заказчик сразу оценивает географию, масштаб работ и релевантный опыт компании.
Для каждого здания мы сделали отдельные страницы по единому шаблону с исторической справкой и архитектурными особенностями. У любого объекта культурного наследия есть архивное название — например, «Саввинское подворье». Это памятник архитектуры, который в 1938 году передвинули вглубь квартала на новый фундамент.
В центре страницы разместили слайдер «до и после». Пользователь видит, как выглядел объект на этапе обследования и что получилось в результате на архитектурном чертеже — в формате проектной документации.
На странице можно изучить другие архитектурные чертежи объекта: фасады, планы этажей и детали декоративных элементов. Все материалы адаптированы нашими дизайнерами под единый стиль сайта. Такая подача работает как визуальное портфолио. Руководителю, который выбирает подрядчика, достаточно карты — он оценивает масштаб. Главный архитектор или начальник отдела открывает конкретные объекты, изучает детализацию и оценивает глубину проработки.
Помимо объектов наследия заказчик работает с капитальным ремонтом и модернизацией типовых зданий. Мы выделили направление в отдельный раздел, чтобы показать, что бюро берет проекты разного масштаба.
Алексей Хусточкин; Основатель архитектурно-реставрационного бюро
Мы разработали имиджевый сайт для архитектурно-реставрационного бюро, который показывает экспертизу компании и работает как визитка для потенциальных заказчиков и партнеров.
Итоги:
Бюро получило сайт, который презентует компанию, демонстрирует масштаб выполненных проектов и упрощает первый контакт с заказчиком.