Дизайн, несущий утончённость: сайт делюкс-проекта «Пыжёвский»

Колоннада, пожалуй, самая ясная из архитектурных форм. В ней ничего не спрятано: несущая конструкция сама становится главным выразительным элементом здания. Колонна держит вес, задаёт ритм фасада, ловит свет и отбрасывает тень. Её красота складывается из всей этой работы.

На этом принципе построен «Пыжёвский», делюкс-проект в Замоскворечье, чьи 2696 колонн образуют колоннаду редкого масштаба. И по этому же принципу мы создавали его сайт. Каждый приём на нём продолжает идеи архитектуры и несёт часть характера дома, а вместе с тем делает свою практическую работу: ведёт человека от прогулок по старой Москве через двор, напоминающий о Средиземноморье, к спокойному выбору своей квартиры.

Для Tekta «Пыжёвский» стал первым проектом в делюкс-сегменте. Компания выходила в новый для себя класс, и сайт должен был поддержать этот шаг: представить проект на уровне, которого ждёт самый требовательный покупатель Москвы.

Архитектура, которую нужно объяснить. Архитектура «Пыжёвского» нестандартна. Четыре здания стоят близко друг к другу, у каждого свой тип колонн, а сдержанная, почти брутальная пластика фасадов не похожа на привычный образ делюкс-недвижимости. Такую архитектуру легко неправильно прочитать. Сайт должен был раскрыть её смысл и показать, что за ней стоит.

Бренд, которого ещё не было. Мы начали работу до того, как появился бренд. Логотип, цвета и рекомендованные шрифты пришли к нам только в середине пути, и это был просто список — без примеров использования и правил для цифровой среды. Визуальный стиль проекта нам предстояло найти самостоятельно.

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

Ключевую идею мы нашли в самой архитектуре. Колоннада и фасады «Пыжёвского» создают внутри пространства игру света и тени. Мы сделали её квинтэссенцией визуального стиля и долго перебирали с клиентом варианты того, как воплотить её на сайте.

Так работа над сайтом стала работой над визуальным стилем бренда — и визуально, и идейно. От колонн мы взяли вертикальный ритм, от фасадов — свет и тень, от общего характера дома — сдержанность и спокойствие. Каждый приём на сайте вырос из архитектуры и одновременно решает практическую задачу.

Буквы как колонны

Из бренда к нам пришёл только список шрифтов, и нужно было понять, как с ними работать. В какой-то момент мы попробовали сделать крупным шрифт, который изначально предназначался для самых мелких подписей. Это сработало.

Буквы этого шрифта выглядят брутально и перекликаются с архитектурой здания. Заголовки на всю ширину экрана стали частью архитектуры самого сайта: отдельные буквы стоят как колонны, а вертикальные линии между ними продолжают ритм фасадов.

Свет и тень

Игра света и тени проходит через весь сайт. Тени листвы и полосы света, сделанные на WebGL, не просто лежат на экране: они живые и погружают человека в атмосферу дома, в то, как свет проходит сквозь колоннаду и падает во двор.

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

Четыре здания, четыре колонны

Чтобы человек понял нюансы архитектуры, мы сделали отдельный рассказ о ней. В проекте четыре здания, и у каждого свой тип колонн. Графичные 3D-анимации показывают, где какое здание и чем отличаются его колонны. Сложная архитектура становится понятной и превращается из вопроса в главное достоинство проекта.

Спокойное движение

Анимации по скроллу и переходы на сайте разнообразны, чтобы рассказ не становился монотонным. Но ни одна из них не перетягивает внимание на себя. Здесь ничего не выпрыгивает и не меняет резко направление: каждое движение последовательно и дополняет общее ощущение комфорта и спокойствия.

Рассказ, разделённый на главы

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

3D-карта Замоскворечья

Окружение для «Пыжёвского» особенно важно: дом стоит в одном из самых атмосферных районов старой Москвы. Мы сделали интерактивную 3D-карту, где район можно покрутить и рассмотреть со всех сторон. Карта выполнена в общей стилистике проекта, со своей игрой света и тени. Она минималистична и не перегружена, но при этом информативно показывает всё окружение дома.

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

Сайт стал главным инструментом, который представляет проект. Когда «Пыжёвский» защищали на профессиональном конкурсе среди PR-специалистов рынка недвижимости, остальные маркетинговые материалы проекта рекомендовали привести в соответствие с сайтом. Для Tekta, которая впервые выходила в делюкс-сегмент, это подтверждение того, что сайт задал уровень коммуникации всего проекта.

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