Сайт жилого квартала на Москве-реке
ЖК «Береговой»
Сайт жилого квартала премиум-класса на Москве-реке. Много тяжёлой графики, генплан, шахматка корпусов, и требование, чтобы всё это открывалось быстро с мобильного.
- Клиент
- Главстрой
- Тип
- Сайты
- Год
- 2026
- Роль
- Фронтенд, SSR и производительность, Интерактивные схемы
Задача
Квартал на набережной продаётся видом и расположением. Значит, сайту нужны крупные рендеры, панорамы и понятный генплан, и всё это не должно превращаться в десятки мегабайт на первом экране.
Стек
- Nuxt 3
- Vue 3
- TypeScript
- SCSS
- SSR
- Swiper
Решение
- 1
Server-side rendering на Nuxt: разметка приходит готовой, поисковики видят контент, первый экран рисуется до гидрации.
- 2
Генплан и шахматка сделаны интерактивным SVG поверх подложки: наведение подсвечивает корпус, клик открывает список свободных лотов с ценой и площадью.
- 3
Изображения нарезаны под брейкпоинты и отдаются в современных форматах, панорамы инициализируются лениво. Приоритет загрузки расставлен вручную: сначала первый экран, потом всё остальное.
Результат
Тяжёлый по контенту сайт открывается быстро и одинаково аккуратно ведёт себя на десктопе и в мобильном браузере. Наличие лотов отдел продаж обновляет сам.
- Рендеринг
- SSR на Nuxt
- Интерактив
- Генплан и шахматка
- Медиа
- Панорамы и рендеры
О проекте
Премиальный квартал на набережной Москвы-реки от крупного застройщика. Основной аргумент продажи это вид и расположение, поэтому сайт держится на тяжёлой графике: рендерах, панорамах и аэросъёмке. Задача была сохранить эту подачу и уложиться в приемлемое время загрузки на мобильном интернете.
Что вошло в работу
- 1сайт на серверном рендеринге с быстрым первым экраном
- 2интерактивный генплан и шахматка со свободными лотами
- 3подбор квартир с фильтрами и сохранением избранного
- 4регулярный импорт статусов лотов из учётной системы
- 5нарезка и оптимизация всей графики под брейкпоинты
Экраны · 8
