Sobha

Sobha Realty пришли к нам после того, как увидели наш сайт Поклонной 9. Они захотели такой же уровень исполнения для Privy Collection, самой дорогой группы продуктов в своём портфеле. Задача звучала конкретно: презентовать эту коллекцию заметно дороже, чем компания делает это обычно.

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

Из этой цели вытекали более частные задачи:

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

Упаковать мета-бренд. Privy Collection объединяет резиденции из разных проектов Sobha, и нам нужно было подать их как цельную историю, а не как каталог.

Выделить смысловое ядро. Семь критериев отбора (Tenets) должны были читаться внимательно, а не пролистываться как список.

Показать расположение объектов без усилий для пользователя. Объекты разбросаны по побережью Дубая, и навигация по ним не должна была напрягать, как обычная интерактивная карта.

Выдержать стандарт на всей глубине. Внутренние страницы должны были держать уровень главной, а тяжёлый WebGL-контент работать без подтормаживаний.

Мы нашли ключевой образ в самом бренде. В логотипе Privy Collection есть переплетённая витиеватая лента, и мы развернули её в 3D-графику. Первый экран отдан не домам, а спирали, которая медленно вращается на тёмном фоне. Уже по этому движению понятно, какого порядка предложение открывается дальше.

Спираль стала сквозным мотивом всего сайта:

• 3D-заставка на первом экране задаёт тон и значимость всему, что человек увидит дальше.

• Циркулярные галереи повторяют то же вращение: фотографии идут по кругу и возвращаются к исходной точке. Это тот же мотив, только собранный из снимков.

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

Структуру мы выстроили главами, а не каталогом, потому что Privy Collection — это мета-бренд. Проекты появляются один за другим, а меню работает как оглавление: About, Collection, Tenets, Selection, Locations, The idea. Сайт читается как история, а не как перечень объектов.

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

Для объектов на побережье мы сделали монохромную 3D-карту на WebGL с управлением скроллом вместо мыши. Человек пролетает сквозь город по заданному маршруту, попадает точно в нужные точки и попутно видит описания знаковых мест рядом с каждым проектом. Карта выдержана в чёрно-белой гамме по брендбуку, поэтому стиль сохраняется и здесь.

Внутренние страницы мы сделали в том же ключе, что и главную: те же принципы типографики, тот же ритм, та же логика подачи. При этом весь WebGL-контент — 3D-сцены, видео, галереи — работает без подтормаживаний, иначе он не показывал бы бескомпромиссное качество.

Результат отметило профессиональное сообщество: Sobha Privy Collection получил Site of the Day на Awwwards.

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

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

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

Профессиональное сообщество оценило результат: Sobha Privy Collection получил Site of the Day на Awwwards.