Case study · konfigurator 3D domu online
Biuro, które sprzedaje gotowe projekty domów, zwykle pokazuje kilka wizualizacji i czeka na pytania. Zbudowaliśmy konfigurator 3D, w którym klient sam układa swój dom: zmienia dach, elewację, okna i ogród, zagląda do środka i zaznacza na modelu, co chciałby przerobić. Wszystko działa w przeglądarce, także na telefonie, a biuro dostaje zapytanie z gotową listą wyborów.
W skrócie
- Co powstało: konfigurator 3D działający w przeglądarce, z 13 grupami opcji (bryła i pokrycie dachu, kolor dachu, ogród, elewacja, akcenty, okna, rolety, drzwi, brama, taras, fotowoltaika, ogrzewanie), czyli ponad 5 milionami możliwych kombinacji.
- Co jeszcze potrafi: trzy pory dnia, rzut 3D z uniesionym dachem i umeblowanym wnętrzem, trzy warianty zagospodarowania ogrodu oraz uwagi klienta przypinane do konkretnego miejsca na modelu.
- Jak: rzut parteru i wizualizacje od klienta, model zbudowany w Three.js, tekstury PBR i niebo HDRI z Poly Haven, własna logika opcji i formularz zapytania.
- Punkt wyjścia: rzut parteru i kilka wizualizacji projektu. Nie było gotowego modelu do przeglądarki.
- Efekt: link, który biuro może wysłać klientowi, wkleić na stronę albo do reklamy. Na telefonie konfigurator startuje z około 2 MB danych.
- Czas realizacji: pierwsza działająca wersja online w jeden dzień, pełny zakres w kilka dni roboczych.
Wyzwanie
Klient kupuje projekt, którego nie może przymierzyć
Gotowy projekt domu kupuje się na podstawie kilku obrazów. Klient widzi jedną elewację, jeden kolor dachu i jedno ujęcie ogrodu. Kiedy pyta „a gdyby dach był płaski?” albo „czy okno może być po drugiej stronie?”, zaczyna się wymiana maili, szkiców i telefonów. Część osób na tym etapie po prostu odpada.
Biuro ma z drugiej strony odwrotny problem. Zapytanie „chcę trochę zmienić ten dom” niczego nie mówi. Nie wiadomo, czy chodzi o kolor drzwi, czy o przesunięcie ściany, a jedno i drugie kosztuje zupełnie inaczej. Dobre zapytanie to takie, które od razu wskazuje, co i gdzie.
Do tego dochodzi wnętrze. Elewację da się pokazać na wizualizacji, ale o decyzji o zakupie często przesądza układ pomieszczeń: ile jest pokoi, jak wygląda salon z kuchnią, gdzie stoi łóżko. Konfigurator musiał więc pokazać zarówno dom z zewnątrz, jak i jego środek, a potem zebrać uwagi w formie, którą da się wycenić.
Wypróbuj sam
Konfigurator na żywo, bez instalowania czegokolwiek
To działająca wersja demonstracyjna. Zmień dach, dobierz elewację, przełącz porę dnia, wybierz ogród i kliknij Rzut 3D.
Ładuje się dopiero po kliknięciu, żeby strona otwierała się szybko.
Otwórz konfigurator w osobnej karcie, jeśli wolisz pełny ekran.
Proces
Pięć etapów: rzut, model, światło, opcje, uwagi
Poniżej to, co działo się po kolei, razem z decyzjami, które wpłynęły na to, jak konfigurator wygląda i jak się z niego korzysta.
Z rzutu parteru do modelu
Punktem wyjścia był rzut parteru z wymiarami pomieszczeń oraz cztery wizualizacje projektu. Rzut posłużył jako podstawa geometrii: ściany zewnętrzne i działowe, otwory okienne i drzwiowe, garaż, taras i wejście zostały odtworzone w skali, a wizualizacje klienta wyznaczyły nastrój, kolory i materiały.
- Proporcje domu i rozmieszczenie okien zgodne z projektem.
- Lista opcji ustalona z klientem: co może się zmienić, a co jest stałe w projekcie.
- Wizualizacje klienta wbudowane jako osobna galeria w konfiguratorze.
Model, który buduje się od nowa po każdej zmianie
Model nie jest zestawem gotowych zdjęć, tylko trójwymiarową sceną generowaną na bieżąco w przeglądarce. Dzięki temu zmiana dowolnej opcji przebudowuje dom, a nie podmienia obrazek. Okna siedzą we wnękach muru, dachy mają realne okapy, rynny i kominy.
- Trzy bryły dachu: kopertowy, dwuspadowy ze szczytami i płaski z attyką.
- Instalacja fotowoltaiczna układana na połaci. Konfigurator liczy, ile paneli się mieści, i pokazuje to klientowi.
- Powiązania między opcjami: przy dachu płaskim wybór dachówki przestaje mieć sens, więc znika.
- Stan konfiguracji zapisywany w linku, więc każdy wariant da się wysłać dalej jednym adresem.
Materiały i światło, żeby dom wyglądał jak zdjęcie
Powierzchnie dostały prawdziwe tekstury PBR (kolor, mapa nierówności i chropowatości) z biblioteki Poly Haven na licencji CC0: tynk, dachówka, blacha na rąbek, klinkier, drewniane lamele, gres i kostka. Niebo to fotografia HDRI, którą obracamy tak, żeby słońce na niebie zgadzało się z kierunkiem cieni na domu.
- Trzy pory dnia: dzień, złota godzina i wieczór ze światłem w oknach i lampami przy ścieżce.
- Miękkie cienie w narożnikach i pod okapem, odbicia nieba i drzew w szybach.
- Trawnik ze zdjęcia z maskowaniem powtarzalności oraz pas drzew w tle, który zamyka horyzont.
- Pliki w formacie WebP i w mniejszej rozdzielczości na telefony, żeby strona nie ważyła więcej niż potrzeba.
Rzut 3D z uniesionym dachem i trzy warianty ogrodu
Przycisk Rzut 3D unosi dach i pozwala zajrzeć do środka. Ściany działowe, podłogi, kuchnia, szafy i proste meble powstały według rzutu, więc klient widzi, jak naprawdę rozłożone są pokoje. Osobna grupa opcji pozwala dobrać zagospodarowanie ogrodu.
- Wnętrze: salon z kuchnią i wyspą, trzy pokoje, sypialnia, dwie łazienki, pomieszczenie gospodarcze i garaż z samochodem.
- Ogród w trzech wariantach: pergola z salonem ogrodowym, strefa grillowa z siedziskiem obniżonym poniżej poziomu trawnika oraz basen z tarasem i leżakami.
- Basen i obniżone siedzisko naprawdę wycinają otwór w trawniku, a wieczorem woda i palenisko świecą.
Zmiany, które da się wycenić
Na końcu dodaliśmy to, co zmienia rozmowę ze sprzedażą: uwagi przypinane do modelu. Klient klika miejsce na domu albo w rzucie 3D, wybiera podpowiedź („usunąć ścianę”, „przesunąć okno”, „powiększyć taras”) i dopisuje szczegóły. Na modelu pojawia się numerowana pinezka, a konfigurator sam rozpoznaje, czego dotyczy uwaga i w którym pomieszczeniu.
- Wszystkie uwagi trafiają do zapytania razem z listą wybranych opcji.
- Uwagi zapisują się w linku, więc biuro po jego otwarciu widzi pinezki dokładnie tam, gdzie je zaznaczył klient.
- W wersji demonstracyjnej zapytanie otwiera pocztę klienta z gotową wiadomością. W wersji produkcyjnej może trafiać prosto na skrzynkę biura albo do systemu CRM.
Konfigurator w ruchu
Film, który pokazuje wszystkie funkcje w 28 sekund
Zmiana dachu, elewacji i okien, trzy pory dnia, ogród, rzut 3D z uniesionym dachem i uwagi przypięte do modelu. Każda klatka to prawdziwy widok z konfiguratora, bez montażu z innych programów.
Galeria
Jeden projekt, wiele wersji domu
Poniższe ujęcia to ten sam model w różnych konfiguracjach. Żadne z nich nie jest osobną wizualizacją: każde klient może złożyć sam w kilkanaście sekund.
Ogród i pora dnia
Dom z ogrodem o różnych porach dnia
Trzy warianty zagospodarowania ogrodu i trzy oświetlenia. Klient widzi nie tylko ścianę domu, ale też to, jak będzie wyglądał wieczór na tarasie.
Wnętrze i uwagi klienta
Rzut 3D i uwagi przypięte do modelu
Dach unosi się, a klient widzi układ pomieszczeń. Jeśli coś mu nie pasuje, wskazuje to palcem na modelu, zamiast opisywać słowami.
Rezultat
Co biuro dostało na koniec
- Działający konfigurator 3D dostępny pod jednym linkiem, bez instalowania i bez wtyczek, na komputerze i na telefonie.
- 13 grup opcji i ponad 5 milionów kombinacji, z zasadami, które pilnują sensu (na przykład brak wyboru dachówki przy dachu płaskim).
- Trzy pory dnia i oświetlenie, które zmienia wygląd domu tak, jak zmieniałoby się w rzeczywistości.
- Rzut 3D z wnętrzem odtworzonym według rzutu: ściany działowe, podłogi, kuchnia, szafy i meble.
- Trzy warianty ogrodu z pergolą, siedziskiem obniżonym poniżej trawnika i basenem.
- Uwagi przypinane do modelu, które zamieniają ogólne „chcę coś zmienić” w konkretne, ponumerowane zapytanie.
- Identyfikację biura: kolory, czcionkę i nazwę domu oraz możliwość uruchomienia konfiguratora na własnej domenie.
- Pierwszą wersję online w jeden dzień i komplet funkcji w kilka dni roboczych.
To wersja demonstracyjna, zbudowana na gotowym projekcie, żeby pokazać możliwości. Ceny opcji nie są w niej wyświetlane. Konfigurator zbiera zapytania, a o wycenie rozmawia już biuro z klientem.
Wnioski
Komu taki konfigurator naprawdę się przydaje
Najprostszy przypadek to biuro projektowe z katalogiem gotowych projektów, tak jak tutaj. Klient, który ułożył swój dom, jest bardziej zaangażowany niż ktoś, kto obejrzał trzy zdjęcia, a jego zapytanie ma konkretną treść. To samo działa u deweloperów domów jednorodzinnych i szeregowych, którzy mogą pozwolić nabywcy wybrać elewację, kolor dachu czy standard wykończenia przed podpisaniem umowy.
Po drugie, konfigurator przenosi ciężar rozmowy. Zamiast pytać „co chciałby Pan zmienić?”, sprzedawca otwiera link i widzi gotową propozycję z pinezkami. Spotkanie zaczyna się od szczegółów, a nie od ogólników. Po trzecie, zebrane uwagi to wiedza o rynku: jeśli co trzeci klient prosi o większy taras, to sygnał do kolejnego projektu.
Z podobnej logiki korzystają producenci okien, dachówek, elewacji, domów modułowych i drewnianych. Pokazanie własnego produktu na realnym domu, w kilku kolorach i o różnych porach dnia, sprzedaje lepiej niż katalog próbek. Jeśli zależy Ci na samym filmie albo materiałach reklamowych zamiast narzędzia online, zobacz też animacje 3D, strony WWW dla deweloperów oraz nasz wcześniejszy case study salonu Mercedes-Benz.
FAQ
Najczęstsze pytania o konfigurator 3D domu
Czym konfigurator różni się od zwykłych wizualizacji 3D?
Wizualizacja to jeden obraz, który pokazuje jeden wariant. Konfigurator to cały model, który klient zmienia sam: dach, elewację, okna, ogród, porę dnia. Zamiast kilku statycznych ujęć dostaje miliony możliwych wersji domu i może je obejrzeć z każdej strony. Wizualizacje nadal są potrzebne do materiałów reklamowych, ale konfigurator odpowiada na pytania, na które obraz odpowiedzieć nie może.
Ile trwa wdrożenie konfiguratora dla jednego domu?
W tym projekcie pierwsza działająca wersja była online po jednym dniu, a pełny zakres, razem z rzutem 3D, ogrodem i uwagami, w kilka dni roboczych. Czas zależy od liczby opcji, od tego, czy potrzebne jest wnętrze, i od kompletności dokumentacji. Konkretny termin podajemy po obejrzeniu rzutów i listy opcji.
Czego potrzebujecie, żeby zacząć?
Minimum to rzuty i elewacje projektu oraz informacja, które elementy klient ma móc zmieniać. Przydają się istniejące wizualizacje, opis materiałów, kolory i logo biura. Jeśli masz model z ArchiCAD albo Revita, część pracy można wykonać szybciej, ale nie jest on konieczny.
Czy konfigurator działa na telefonie?
Tak. Na telefonie model zostaje u góry ekranu, a opcje przewijają się pod nim. Dla mniejszych ekranów konfigurator ładuje lżejsze tekstury, więc na starcie pobiera około 2 MB danych. Wszystko działa w przeglądarce, bez aplikacji.
Czy konfigurator pokazuje ceny?
Nie musi. W tej realizacji ceny opcji nie są wyświetlane, a konfigurator służy do zbierania zapytań. Można dodać cennik opcji albo szacunkowy koszt, ale wtedy trzeba go aktualizować, a klient traktuje wyświetloną kwotę jak ofertę. Większość biur woli rozmawiać o cenie osobno.
Co się dzieje z uwagami i zapytaniami klienta?
Klient wypełnia krótki formularz, a konfigurator dołącza do niego listę wybranych opcji, ponumerowane uwagi i link do swojej wersji domu. W demonstracji wiadomość otwiera program pocztowy z gotowym tekstem. W wersji produkcyjnej zapytania mogą trafiać na wskazaną skrzynkę albo do systemu CRM.
Czy da się to zrobić w moich kolorach i na mojej domenie?
Tak. Kolory, czcionka, logo i teksty są dopasowywane do identyfikacji biura, a konfigurator może działać na Twojej domenie lub w osadzeniu na istniejącej stronie.
Czy konfigurator zastępuje projekt wykonawczy?
Nie. To narzędzie sprzedażowe i komunikacyjne: pokazuje wygląd domu i zbiera życzenia klienta. Zmiany zaznaczone w uwagach, jak przesunięcie ściany czy okna, wymagają potem normalnej pracy projektanta i dokumentacji.
Co z kolejnymi domami z katalogu?
Konfigurator ma wybór domu, więc kolejne projekty można dodawać do tej samej strony. Każdy nowy dom wymaga jednak własnego modelu, przygotowanego na podstawie jego rzutów i elewacji. Przy większym katalogu dobieramy zakres tak, żeby nie powtarzać pracy tam, gdzie domy mają wspólne elementy.
Ile kosztuje konfigurator 3D domu?
Wycenę przygotowujemy indywidualnie. Cena zależy od liczby domów, liczby opcji i zakresu: czy potrzebne jest wnętrze, ogród, uwagi klienta i własna domena. Samo wdrożenie jest jednorazowe, a hosting i utrzymanie można rozliczać miesięcznie. Napisz przez formularz kontaktowy, a odpowiemy konkretną propozycją. Cennik wizualizacji znajdziesz w osobnej zakładce.
Chcesz, żeby klienci sami ułożyli swój dom?
Prześlij rzuty i listę opcji, a przygotujemy propozycję konfiguratora dla Twoich projektów razem z wyceną i terminem.
Zapytaj o konfigurator Zobacz inne realizacje