Цифровое портфолио для премиальной аудитории

Разработать имиджевый сайт, который будет соответствовать уровню и работать как цифровое портфолио для общения с аудиторией высокого сегмента.​

Мы остановились на концепции бесконечной ленты с минимумом текста и максимумом крупных визуалов. Пользователь постоянно остаётся внутри галереи и за несколько минут складывает представление о вкусе и уровне бюро.

Union Architects – студия архитектуры и дизайна, работающая с интерьерными и архитектурными проектами в верхнем ценовом сегменте: от премиальных квартир и общественных пространств до загородных домов.

Бюро сопровождает проекты под ключ, поэтому доверие к студии и восприятие её как надежного партнёра – это ключевая метритрика для бизнеса.​

Основные клиенты – частные заказчики 35-60 лет с высоким уровнем дохода (в основном топ-менеджмент, владельцы бизнеса) часто путешествующие, ценящие качественный сервис и определенный визуальный стандарт.​ Их старый сайт был структурно рабочим, но не отражал позиционирование студии и выглядел тяжеловато с точки зрения подачи материала. 

   ● Визуальный язык строится на сочетании тёмного фона, бежево‑золотых акцентов и спокойной типографики: премиальность создают не кричащие приёмы, а качество картинок, плавность анимаций и ощущение «тихой роскоши».

   ● Весь акцент сделан на работу с фото и рендерами: больших, демонстрирующих дороговизну изображений много, их можно просматривать несколькими способами – по отдельным проектам, как бесконечную ленту или в режиме просмотра конкретной фотографии.

   ● Главная ценность проекта – UX. Создается полное ощущение одной бесконечной страницы: при кликах и скролле контент бесшовно подгружается, страницы не «обрываются», а проекты мягко сменяют друг друга за счёт анимации и автоподгрузки следующего кейса.

   ● Структура предельно упрощена под реальный объём и модель бизнеса: всего два направления (архитектура и интерьеры), минимум фильтров, отдельный раздел «Мастерская», который совмещает раздел о бюро, команду и короткий блог.

Клиент понимает, что его аудитория обращает внимание в первую очередь на примеры работ. Мы намеренно сделали текстовую часть минималистичной: короткие заголовки и небольшие подписи к проектам.

Сайт спроектирован как «ленивый инструмент»: чтобы поддерживать актуальность, бюро достаточно загружать новые визуалы. Всё остальное: структура, навигация, анимации – работает само и не требует от команды постоянного маркетингового обслуживания.

С точки зрения разработки Union Architects довольно сложен: визуально сайт выглядит «чистым и простым», но под капотом это целая анимационная конструкция. Нужно было совместить бесшовные переходы, длинную скролл‑ленту проектов, автоподгрузку следующей страницы, плавные анимации и при этом не потерять ни производительность, ни ощущение цельности.

Главная причина такой сложности – концепция «единого пространства». Мы сознательно отказались от классической модели «клик – белый экран – новая страница». 

   ● пользователь скроллит ленту, а в конце автоматом подгружается следующий проект;

   ● при переходах между разделами и кейсами ничего не исчезает, контент как бы «перетекает» из одного состояния в другое;

   ● навигация частично завязана на скролл, поэтому анимации должны быть точно синхронизированы с поведением пользователя.

Именно это сочетание – бесконечная лента + анимационные переходы + живой скролл усложнило верстку сильнее, чем сам дизайн. Нужно было обеспечить, чтобы все эти сценарии работали одинаково плавно на разных устройствах и при разной скорости соединения.

Чтобы решить задачу мы использовали следующий стек инструментов:

   ● GSAP – база для всех ключевых анимаций и управления состояниями интерфейса.

   ● ScrollTrigger – привязка анимаций к скроллу, чтобы элементы появлялись, смещались и заменяли друг друга точно в нужные моменты.

   ● Barba.js – анимационные переходы между страницами без полной перезагрузки, за счёт чего сохраняется ощущение одной «живой» страницы.

   ● Lenis – кастомный плавный скролл, который поддерживает задуманный характер движения: без дёрганий и провалов.

Именно из‑за этой архитектуры проект быстро прошел этап дизайна, но занял много времени на этапе верстки и реализации. Чтобы пользователь видел просто красивую непрерывную галерею, разработчикам пришлось аккуратно состыковать несколько анимационных движков, сохранив стабильность и скорость.

   ● Сайт собран как инструмент первичного доверия: с первого взгляда ясен уровень, без необходимости объяснять ценность текстами и коммерческими формами.

   ● Для бюро это ещё и удобная модель поддержки: обновление портфолио сводится к добавлению новых визуалов, а логика подачи, навигация и динамика понятны целевой аудитории. В итоге сайт одновременно выполняет роль презентации для переговоров и самостоятельной «витрины», которая работает 24/7.

На этапе выбора платформы мы сравнили 1С-Битрикс и WordPress и остановились на WordPress, так как для Union Architects критичны не «корпоративные» функции CMS, а скорость работы с визуалом, простота обновления портфолио и управляемость проекта без постоянной разработки.

✔ Оптимизация изображений и быстрая отдача визуала

Для сайта, где основная ценность – фото и рендеры, важно, чтобы система помогала отдавать подходящий размер изображения под устройство. WordPress на уровне ядра поддерживает responsive-изображения (srcset/sizes) и подставляет подходящие варианты в разметку, что помогает не перегружать мобильные устройства тяжёлыми файлами.

✔ Мультиязычность без ломки архитектуры

Если бюро понадобится второй язык (что типично для премиального сегмента), WordPress позволяет расширить сайт до мультиязычности через зрелые решения экосистемы (например, WPML), в том числе в связке с multisite-подходом.

✔ Прозрачная модель владения платформой

Сам движок не требует покупки коммерческой лицензии, а бюджет обычно концентрируется на разработке и поддержке.

При этом 1С-Битрикс работает по коммерческой модели лицензирования (условия использования фиксируются EULA), что важно учитывать в TCO проекта.

Ну и как итог WordPress здесь просто точнее под задачу: быстрый визуальный сайт-портфолио, который удобно поддерживать (добавлять проекты), при этом не терять качество пользовательского опыта и скорость отдачи тяжёлого контента.

В итоге Union Architects получили современный имиджевый сайт, который визуально и по тону соответствует премиальному сегменту и усиливает статус студии.​

Портфолио оформлено так, чтобы подтверждать зрелый стиль и вызывать доверие у частных клиентов, принимающих решения о крупных инвестициях в архитектуру и интерьер.​ Сайт стал рабочим инструментом для презентаций и коммуникаций с клиентами, а инвестиции окупились в течение полугода благодаря росту обращений и повышению среднего чека.​