Команда ART3D разработала для девелопера OCTOBER GROUP сайт KING & SONS, запуск которого приурочен к старту продаж.
Основная задача — познакомить целевую аудиторию с проектом, передать его атмосферу и уникальные преимущества, предоставить исчерпывающую информацию и привлечь клиентов, стимулировать продажи.
Мы хотели создать не просто сайт об объекте недвижимости, а рассказать историю. Историю о семейных ценностях, наследии и проекте, который надолго останется в истории вашей семьи. А история у каждого своя!
На сайте множество анимационных эффектов: это маски при смене разделов, параллакс-эффект на крупных ракурсах, смена цвета шрифта и визуалов при скроллинге, анимированные облеты дома в архитектурном разделе.
Сайт максимально прост в использовании.
Каждая глава истории раскрывается уникальной подачей, где гармонично сочетаются привычный вертикальный скролл с горизонтальным представлением содержания.
В разделе «Панорама видов» представлены виды из окон клубной резиденции с шагом каждые два этажа, начиная с 8-го этажа. https://kingsons.ru/views
В разделе «Локация» мы сделали карту со встроенными фотогалереями для максимального погружения в атмосферу района. https://kingsons.ru/location
В разделе «Архитектура» мы добавили видео для того, чтобы показать детали и элементы фасада. https://kingsons.ru/architecture
Для знакомства с территорией клубного дома — подробный генплан с интерактивными элементами, на котором можно выбрать один из объектов и узнать информацию о нем. https://kingsons.ru/genplan
Подобрать квартиру можно на генеральном плане, выбрав этаж и лот. При переходе в конкретный лот пользователь также может оценить виды из окон.
В работе над сайтом мы использовали искусственный интеллект. Нейросеть Midjourney снегенеровала образы будущих жителей резиденций.
Разработана полноценная самостоятельная версия для мобильных устройств. Сайт быстро загружается, сохраняя функциональность.
Стек технологий
Клиентская часть: фреймворк Nuxt 2, основанный на Vue 2.
Для генерации PDF используем самостоятельно разработанный модуль PdfGenerate, основанный на библиотеке Puppeteer.
Для анимации используем либо нативный JS и CSS, либо библиотеку GSAP.
Для сбора обратной связи от клиентов и заявок используем самостоятельно разработанный модуль для отправки писем на сторону заказчика, а также самописный модуль Form для вёрстки форм обратной связи.
Выставлено в номинациях:
— Сайт жилого или коммерческого объекта недвижимости