LUXOR 9

Предстоящ

Реални екрани от проекта, преди пускането

Сайт за продажби, в който купувачът избира сграда отвисоко, етаж и апартамент и влиза вътре в 360°.

Запазете среща за подобен проект Изпратете запитване

LUXOR 9: началният екран на сайта с кинематографична визия и броячите 3 · 134 · 9/8 — ФИГ. 01 — LUXOR 9 · Жилищни имоти

Клиент: Luxury Living
Индустрия: Жилищни имоти
Статус: Предстоящ
Какво изградихме: Уебсайт · Уеб приложение
Технологии: React · TypeScript · Three.js · MapLibre · Supabase · Blender
Услуги: UI/UX дизайн · Разработка · 3D и 360° обиколки · AI визуализации · Синхронизация на наличността

ФИГ. 02 — Анатомия

Задача

Купувачът да разгледа апартамента си онлайн, преди да дойде в офиса.

А — Интерфейс: Филм, избор на сграда отвисоко, мобилна версия
Б — Логика: Сграда → етаж → апартамент → 360° обиколка
В — Данни: Наличност от таблицата на продажбите всеки час

Подход

01Предизвикателство
Купувачите искат да разберат апартамента си — сграда, етаж, разпределение и гледка — преди да дойдат в офиса. Задачата беше да го видят онлайн, ясно и красиво, на всеки екран.
02Подход
Започнахме от черно-белите чертежи на архитекта и шест визуализации на сградата. Към тях добавихме филм, обзаведени планове, шест 3D сцени в Blender и 40 панорамни стаи и ги свързахме в сайт, в който всеки обект се избира върху плана.
03Резултат
Всеки от 134-те апартамента има 360° обиколка. Подземното ниво е интерактивно върху оригиналния архитектурен чертеж, наличността идва от таблицата на продажбите, а запитванията пристигат при екипа като готов имейл.

Акценти

013 сгради · 134 апартамента · до 9 етажа
02От черно-бели чертежи и 6 визуализации до пълен интерактивен комплекс
03360° обиколка за всеки апартамент: 6 разпределения, 40 стаи
04Наличност от таблицата на продажбите, всеки час

Пропуснете главите ↓

Как е направено

ГЛ. 01—06

Глави

Сайт за продажби на жилищен комплекс LUXOR 9 в Пловдив: три сгради, 134 апартамента, гаражи, магазини и общо подземно ниво. Всеки апартамент се отваря в 360° обиколка на своето разпределение, а наличността се обновява сама от таблицата на отдела по продажбите.

01От чертежи до 134 апартамента
02Сградата отвътре
03Подземно ниво с избор на всеки обект
04Влезте в апартамента
05Същата камера, по‑живи интериори
06Всичко, което купувачът търси, на едно място

ГЛ. 01 / 06 — Визуализация и 3D

От чертежи до 134 апартамента

Имахме само черно-белите чертежи на архитекта и шест визуализации на сградата. Всичко останало — интро филмът, интерактивните етажни планове, 3D сцените, 360° панорамите и софтуерът, който ги свързва — създадохме ние.

Изходният материал: черно-белите чертежи на архитекта — фасадите на трите сгради, ситуацията и разпределенията по етажи.

Фасади · ситуация · разпределения

ПЛ. 01 — Черно-бели чертежи

01
Черно-бели чертежи
Изходният материал: черно-белите чертежи на архитекта — фасадите на трите сгради, ситуацията и разпределенията по етажи.
- Фасади · ситуация · разпределения
1. 01 / 02
2. 02 / 02
02
Шест визуализации на комплекса
Другият изходен материал: шест екстериорни визуализации на комплекса. Нищо повече.
- Визуализации, не снимки
03
10-секунден интро филм
Камерата се издига през дърветата към фасадата и разкрива целия комплекс. Филма генерирахме ние.
- 1080p · 10 s · тих цикъл
04
Шест 3D сцени в Blender
По една обзаведена сцена за всяко разпределение и панорамна камера за всяка стая: 40 стаи покриват всички 134 апартамента.
- 6 разпределения
- 40 стаи
05
Невидимата инженерна работа
Поправихме застъпващите се 3D повърхности и проверихме поправките със стотици хиляди проверки с лъчи, преди панорамите да отидат в сайта.
Проверка на качеството
Поправени групи повърхности
120
Проверки с лъчи
784 080
Изображения в обиколките
400 · ~20,5 MB
Всяка панорама с SHA-256 отпечатък
06
360° обиколка за всеки апартамент
Всеки от 134-те апартамента отваря обиколка на своето разпределение, с номера си в заглавието. Зарежда се само видимото.
- 134 връзки, всички тествани

01
Черно-бели чертежи
Изходният материал: черно-белите чертежи на архитекта — фасадите на трите сгради, ситуацията и разпределенията по етажи.
- Фасади · ситуация · разпределения
1. 01 / 02
2. 02 / 02
02
Шест визуализации на комплекса
Другият изходен материал: шест екстериорни визуализации на комплекса. Нищо повече.
- Визуализации, не снимки
03
10-секунден интро филм
Камерата се издига през дърветата към фасадата и разкрива целия комплекс. Филма генерирахме ние.
- 1080p · 10 s · тих цикъл
04
Шест 3D сцени в Blender
По една обзаведена сцена за всяко разпределение и панорамна камера за всяка стая: 40 стаи покриват всички 134 апартамента.
- 6 разпределения
- 40 стаи
05
Невидимата инженерна работа
Поправихме застъпващите се 3D повърхности и проверихме поправките със стотици хиляди проверки с лъчи, преди панорамите да отидат в сайта.
Проверка на качеството
Поправени групи повърхности
120
Проверки с лъчи
784 080
Изображения в обиколките
400 · ~20,5 MB
Всяка панорама с SHA-256 отпечатък
06
360° обиколка за всеки апартамент
Всеки от 134-те апартамента отваря обиколка на своето разпределение, с номера си в заглавието. Зарежда се само видимото.
- 134 връзки, всички тествани

ГЛ. 02 / 06 — Пътят на купувача

Сградата отвътре

Купувачът избира сграда върху въздушна визуализация, после етаж и апартамент върху обзаведен план. Всеки обект е на едно докосване.

Изглед отвисоко

Три сгради и общото подземно ниво върху една визуализация.

А · Б · В
−1 подземно ниво

ПЛ. 01 — Изглед отвисоко

01 / 07 — Изглед отвисоко
Три сгради и общото подземно ниво върху една визуализация.
- А · Б · В
- −1 подземно ниво
02 / 07 — Сграда А
Избраната сграда се осветява, останалото се приглушава. А и Б: по 46 апартамента на 9 етажа; В: 42 на 8.
- 134 апартамента
- 3 сгради
03 / 07 — Партер
Шест гаража и четири търговски обекта, всеки с отделен избор.
- 6 гаража
- 4 магазина
04 / 07 — Чертеж на архитекта
Чертеж на архитекта → интерактивен етаж. От този CAD план създадохме обзаведения типов етаж, на който купувачът избира апартамент.
- Сграда А · етажи 3–8
- CAD чертеж
05 / 07 — Типов етаж
Шест апартамента на етаж; избраният се осветява върху обзаведения план.
- Етажи 2–8
- 6 апартамента
06 / 07 — Последен етаж
Четири апартамента на деветия етаж, А43–А46.
- Етаж 9
- 4 апартамента
07 / 07 — Апартамент
Обзаведен 3D план, площи по стаи и архитектурен PDF с очертан апартамент.
- 3D план
- PDF за всеки апартамент

01 / 07 — Изглед отвисоко
Три сгради и общото подземно ниво върху една визуализация.
- А · Б · В
- −1 подземно ниво
02 / 07 — Сграда А
Избраната сграда се осветява, останалото се приглушава. А и Б: по 46 апартамента на 9 етажа; В: 42 на 8.
- 134 апартамента
- 3 сгради
03 / 07 — Партер
Шест гаража и четири търговски обекта, всеки с отделен избор.
- 6 гаража
- 4 магазина
04 / 07 — Чертеж на архитекта
Чертеж на архитекта → интерактивен етаж. От този CAD план създадохме обзаведения типов етаж, на който купувачът избира апартамент.
- Сграда А · етажи 3–8
- CAD чертеж
05 / 07 — Типов етаж
Шест апартамента на етаж; избраният се осветява върху обзаведения план.
- Етажи 2–8
- 6 апартамента
06 / 07 — Последен етаж
Четири апартамента на деветия етаж, А43–А46.
- Етаж 9
- 4 апартамента
07 / 07 — Апартамент
Обзаведен 3D план, площи по стаи и архитектурен PDF с очертан апартамент.
- 3D план
- PDF за всеки апартамент

ГЛ. 03 / 06 — Подземно ниво

Подземно ниво с избор на всеки обект

Архитектурният CAD чертеж остава непроменен, а отгоре лежи интерактивен слой: 48 паркоместа, 18 гаража и 12 склада, всеки със собствено запитване.

ПЛ. 01 — Подземно нивоПреди · CAD чертеж / След · Интерактивен слой

48
паркоместа
18
гаража
12
склада

Архитектурният CAD чертеж на общото подземно ниво

Същият чертеж като интерактивен слой: 48 паркоместа, 18 гаража, 12 склада (съвпада пиксел по пиксел с CAD кадъра)

ПЛ. 01 — Подземно нивоПреди · CAD чертеж / След · Интерактивен слой

48
паркоместа
18
гаража
12
склада

3D визуализация на подземното ниво под една сграда: шест гаража и складовете към магазините

48
паркоместа
18
гаража
12
склада

ГЛ. 04 / 06 — 360° обиколки

Влезте в апартамента

Белите кръгове водят към следващата стая, а лентата отдолу показва всички стаи. Тук: цялата панорама на дневната в разпределение А4, разгъната.

Дневна

ПЛ. 01 — 360° обиколка

Още от обиколката

ГЛ. 05 / 06 — AI довършване

Същата камера, по‑живи интериори

Всички 40 стаи са довършени с AI върху оригиналните рендери от Blender. Разпределението и гледната точка на всяка стая остават същите; интериорите са визуализации.

Преди: Рендер от Blender
След: С AI довършване

Преди и след: плъзнете или използвайте стрелките