Девелопмент / Клубные виллы
V Club Villas
Клубный посёлок из пяти вилл у подножия Заилийского Алатау
- 5клубных вилл
- 410 м²площадь виллы
- 6.8 мвысота потолков
- 3языка интерфейса
01 / Задача
Пять вилл — это пять сделок. Цена ошибки высокая: сайт должен не «рассказывать про комплекс», а доводить конкретного покупателя до приватного показа. Аудитория — люди, которые сравнивают проект не с соседним ЖК, а с покупкой готового дома, поэтому нужно было показать масштаб и приватность до того, как объект достроен.
02 / Решение
Прелоадер как часть сценария
«Инициализация пространства» с процентами — не украшение, а буфер: за эти секунды догружаются тяжёлые WebP-рендеры первого экрана, и посетитель попадает сразу в готовую панораму без прыгающего лейаута.
Планировки с экспликацией
Переключение между первым и вторым этажом, разбор помещений по площадям — зал 60 м², терраса 47 м², и так далее. Покупатель считает свой сценарий жизни прямо на странице, а не запрашивает PDF у менеджера.
Drag-галерея на 36 ракурсов
Горизонтальная лента с перетаскиванием и увеличением по двойному клику. Все изображения — WebP через next/image с приоритетной загрузкой первого экрана.
360° тур и заявка в один экран
Обзор интерьера прямо в браузере и форма приватного показа с согласием на обработку данных. Заявка уходит менеджеру, пока интерес ещё горячий.
03 / Стек
- Next.js App Router
- TypeScript
- CSS Modules
- GSAP / ScrollTrigger
- next/image + WebP
- Яндекс.Карты
- Vercel