Сайт девелопера Capital Group

1. Вводная задача от заказчика, проблематика, цели

Capital Group — один из ведущих девелоперов России — выбрал студию по результатам тендера, для которого была сделана демоверсия сайта с 3D-визуализацией.

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Технологический выбор (Сложная стройка): Изначальный план использовать WebGL был изменен из-за ограничений технологии. После тестирования различных вариантов (рендеренные видео) был найден оптимальный вариант — WebP-секвенции (разбивка видео на кадры-изображения), что решило проблему обратного скролла и обеспечило плавность анимаций.

Система управления контентом (Свобода в решениях): Для удобства клиента была разработана модульная система на базе CMS Strapi. Страницы объектов собираются из 20 типовых блоков, что позволяет заказчику самостоятельно управлять контентом без глубоких технических знаний.

Визуальная концепция (Большая птичка, Реализм, минимализм и 3D):

• Главная страница представляет собой 3D-карту Москвы с высоты «птичьего полета», на которой размещены проекты застройщика.
• Был выбран минималистичный стиль, чтобы подчеркнуть нишевость и не отвлекать от объектов.
• Для достижения реалистичности тщательно прорабатывались детали: оттенки воды, зелени, анимация пролетов над городом.

Ключевые фичи:

• Пролет над Москвой: Интерактивная анимированная карта, которая плавно подводит пользователя к объектам девелопера.
• Лендинг Бадаевского: Детальная 3D-модель ЖК, подсвечивающая его уникальность («квартиры в воздухе»).
• Интерактивная WebGL-карта: На лендинге Бадаевского реализована 3D-карта, позволяющая пользователю переключаться между планами «Жить на земле» и «Жить в воздухе», что отражает концепцию объекта.

Оптимизация и адаптив (Тестируем и оптимизируем, Адаптивные версии):

• Сайт тестировался на всех этапах, включая проверку в PageSpeed Insights.
• Для скорости использовались современные форматы (WebP, WebM).
• Были разработаны три адаптивные версии (десктоп, планшет, мобильный), в которых сохранены все ключевые визуальные эффекты и навигация.

3. Результаты сотрудничества

Мы задизайнили и разработали современный имиджевый сайт для Capital Group с интерактивной 3D-картой Москвы, системой управления контентом и детальным лендингом флагманского объекта Бадаевский.