Przejdź do treści

Projekt koncepcyjny · Aurora Web Studio

O projekcie

GRUNT to fikcyjna firma brukarska. Strona pokazuje, jak mała firma budowlana może sprzedawać pewność zamiast zdjęć z katalogu: klient widzi swój podjazd i kosztorys, zanim ktokolwiek przyjedzie.

Zadanie

Jak sprzedawać nawierzchnie, jeśli klient nie potrafi wyobrazić sobie efektu i boi się przepłacić?

Rozwiązanie

Konfigurator: od działki na zdjęciu lotniczym do projektu w 3D i kosztorysu w 5 minut — z PDF-em, linkiem do projektu i zgłoszeniem, które trafia do panelu firmy.

Uczciwie

Co jest prawdziwe, a co nie

Prawdziwe

  • Zdjęcia lotnicze, granice działek i obrysy budynków — na żywo z usług GUGiK.
  • Wyszukiwanie adresów — OpenStreetMap.
  • Powierzchnia, obwód i długości boków liczone z geometrii działki.
  • Układ warstw i sposób liczenia materiałów — typowy dla nawierzchni z kostki.
  • Tekstury materiałów — skany prawdziwych powierzchni (ambientCG).

Fikcyjne

  • Firma GRUNT, jej ekipa, adres, telefon i e-mail.
  • Ceny, liczby w „pasie zaufania”, opinie klientów i realizacje.
  • Nazwy linii materiałów (Linea, Forma, Forma Long).
  • Zgłoszenia, dziennik budowy i panel — dane demonstracyjne w Twojej przeglądarce.
  • Kadry „przed i po” — wizualizacje z naszej makiety 3D, nie zdjęcia.

Źródła danych

Mapy i działki

  • Ortofotomapa

    Zdjęcia lotnicze w konfiguratorze i w PDF (WMTS HighResolution, zapasowo WMS StandardResolution).

    © Główny Urząd Geodezji i Kartografii, Geoportal.gov.pl

  • Mapa bazowa G2_MOBILE_500

    Podkład mapy w konfiguratorze oraz mapy realizacji i kontaktu.

    © Główny Urząd Geodezji i Kartografii

  • ULDK — Usługa Lokalizacji Działek Katastralnych

    Granice działki po kliknięciu i po numerze, obrysy budynków do makiety 3D.

    © Główny Urząd Geodezji i Kartografii

  • Krajowa Integracja Ewidencji Gruntów

    Warstwa granic i numerów działek na mapie.

    © Główny Urząd Geodezji i Kartografii

  • Nominatim i Photon

    Wyszukiwanie adresu w konfiguratorze. Dane © OpenStreetMap contributors, licencja ODbL.

    © OpenStreetMap Foundation, Komoot

Autorzy

Tekstury, światło, zdjęcia, fonty

Tekstury i HDRI na licencji CC0, zdjęcia z Pexels (na stronie z podpisem „zdjęcia poglądowe”), fonty na licencji SIL OFL 1.1. Kadry realizacji to rendery z naszej sceny 3D.

Tekstury (ambientCG)

Tekstury
ZasóbGdzie na stronieAutorLicencja
Concrete025Powierzchnia betonowej kostki (tonowana na 6 kolorów)ambientCG (Lennart Demes)CC0 1.0
Concrete040Beton z drobnym kruszywem (melanż, piaskowy)ambientCG (Lennart Demes)CC0 1.0
Concrete042APłyty wielkoformatoweambientCG (Lennart Demes)CC0 1.0
Rock041Kostka granitowaambientCG (Lennart Demes)CC0 1.0
Grass004Trawnik w scenie 3DambientCG (Lennart Demes)CC0 1.0
Gravel037Podsypka w przekrojuambientCG (Lennart Demes)CC0 1.0
Gravel026Podbudowa w przekrojuambientCG (Lennart Demes)CC0 1.0
Ground103Grunt rodzimy, kadry „przed”ambientCG (Lennart Demes)CC0 1.0
Asphalt031Asfalt ulicy w scenie 3DambientCG (Lennart Demes)CC0 1.0

HDRI (Poly Haven)

HDRI
ZasóbGdzie na stronieAutorLicencja
overcast_soil_pureskyŚwiatło sceny 3D: tryb „Po deszczu”Jarod Guest, Sergej Majboroda (Poly Haven)CC0 1.0
kloofendal_48d_partly_cloudy_pureskyŚwiatło sceny 3D: dzieńGreg Zaal, Jarod Guest (Poly Haven)CC0 1.0
kloppenheim_06_pureskyŚwiatło sceny 3D: rano i wieczórGreg Zaal, Jarod Guest (Poly Haven)CC0 1.0

Zdjęcia (Pexels)

Zdjęcia
ZasóbGdzie na stronieAutorLicencja
8134850Usługi · PodjazdyMax VakhtbovychPexels License
8134848Usługi · TarasyMax VakhtbovychPexels License
34861784Usługi · Ścieżki i alejkiAnderson WeiPexels License
37042905Usługi · Parkingi i placeSergej (Pexels)Pexels License
6195086Usługi · OdwodnienieHarry CookePexels License
17170760Usługi · Obrzeża i schodyDorota SemlaPexels License
30413398Jak pracujemy · Bezpłatny pomiarChristina & PeterPexels License
26925731Jak pracujemy · PodbudowaDr PhotographerPexels License
17315723Jak pracujemy · Zagęszczaniewayang gambarPexels License
4509092Jak pracujemy · UkładanieLittlehampton BricksPexels License
9891098Detal · Granit w łukiMagda EhlersPexels License
13367122404 · Pusty tłuczeńAdnan AdnanPexels License

Fonty

Fonty
ZasóbGdzie na stronieAutorLicencja
Big Shoulders Display ExtraBoldNagłówki w PDF kosztorysu (na stronie: next/font/google)Patric King (XO Type Co.)SIL OFL 1.1
Hanken Grotesk Regular, SemiBoldTekst w PDF kosztorysu (na stronie: next/font/google)Alfredo Marco Pradil (Hanken Design Co.)SIL OFL 1.1
IBM Plex Mono Regular, MediumLiczby i wymiary w PDF kosztorysu (na stronie: next/font/google)IBM Corp. (Mike Abbink, Bold Monday)SIL OFL 1.1

Technologie

Na czym to działa

Next.js, React
MIT
Tailwind CSS, shadcn/ui, Radix UI
MIT
three.js, React Three Fiber, drei
MIT
Leaflet, Proj4Leaflet
BSD-2-Clause
Leaflet-Geoman
MIT
proj4, Turf
MIT
wellknown
BSD
suncalc
BSD-2-Clause
@react-pdf/renderer
MIT
React Hook Form, Zod
MIT
Zustand, Motion
MIT
lz-string, nanoid
MIT
@upstash/redis
MIT
Lucide
ISC

Najlepiej sprawdzić samemu

Wpisz adres, kliknij działkę i narysuj podjazd. Zajmie to pięć minut.

Otwórz konfigurator