VERIDA: концепт сайта агентства недвижимости с 3D-глобусом и записью на просмотр

VITON¹³ делает концепт-сайты, чтобы показать свой диапазон в жанрах, где у нас пока нет клиентского проекта. VERIDA — один из них: сайт международного агентства элитной недвижимости в семи городах — Барселоне, Дубае, Нью-Йорке, Шанхае, Москве, Сочи и на Бали. Агентство, его консультанты, дома, цены и офисы придуманы.

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

16 страниц в каждой версии: главная, каталог, объект, регионы, заявка на просмотр в три шага, «Заявка отправлена», избранное, личный кабинет, услуги, журнал, об агентстве, контакты, политика конфиденциальности, условия, cookie и 404. В каталоге 16 объектов в 7 городах с фильтрами по городу, типу, числу спален и цене и сортировкой.

На странице объекта — ключевые цифры, галерея с лайтбоксом, 3D-тур из панорамы 2800×900, которую поворачивают перетаскиванием, характеристики, карта, расчёт ипотеки, консультант и похожие дома. Страница регионов описывает 7 регионов: условия входа, доходность и резидентство; ещё 6 услуг и 4 статьи журнала дополняют контент.

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

Главная открывается видео-героем. Canvas-глобус из 1 250 точек несёт метки городов и сам проворачивается синхронно со списком городов рядом. Карточки наклоняются в 3D вслед за курсором, заголовки проявляются через маски строк, дальше идут липкая история на скролле, бегущая строка и счётчики, а страницы сменяют друг друга плавным затуханием. Ключевой путь — каталог, объект, заявка на просмотр.

Сайт написан на чистых HTML, CSS и JavaScript без сборки, анимация — на GSAP со ScrollTrigger и плавной прокрутке Lenis. Шапка, подвал и оверлеи рендерятся одним общим скриптом, поэтому все страницы одинаковы. Заявки, сохранённые дома и аккаунты хранятся в localStorage браузера, и ничего никуда не отправляется. Карты — Leaflet с тёмными тайлами CARTO; логотип — крыша с галочкой внутри, нарисованная в SVG; фотографии — стоковые с Unsplash, видео — с Pexels по прямым ссылкам на CDN.

Сейчас это работающий концепт в двух версиях: по 16 страниц, 16 объектов в 7 городах, 7 регионов, 6 услуг, 5 офисов и 4 статьи — всем можно пользоваться от каталога до подтверждённой заявки без сервера. Проверка 22 сентября 2026 года по 15 страницам английской версии показала уникальные title на 15 из 15, один H1 на каждой странице, alt у 100% изображений и 0 битых внутренних ссылок.

Lighthouse дал английской главной SEO 100 на мобильном и десктопе, Accessibility — 95 на мобильном и 98 на десктопе, Performance — 94 на десктопе и 69 на мобильном. Мобильную оценку тянет вниз видео: на телефоне страница весит 16,7 МБ, а LCP составляет 7,4 с, тогда как на десктопе вес 6,8 МБ, а LCP — 1,5 с.

VERIDA — концепт, который VITON¹³ сделал, чтобы показать диапазон, а не заказной проект. Агентство, консультанты, объекты, цены и офисы вымышлены. У сайта нет домена, посетителей, поискового трафика, заявок и сделок, поэтому о привлечении клиентов он ничего не доказывает. Фотографии и видео — лицензионный сток с Unsplash и Pexels.

Цифры Lighthouse — лабораторный замер английской главной в один день, а проверки охватывают только английскую версию. SEO 100 покрывает лишь базу: canonical, Open Graph, JSON-LD, sitemap.xml и robots.txt отсутствуют, а английская и русская версии пока не связаны тегами hreflang. Заявки на просмотр хранятся только в браузере посетителя.