DrBlocks.
Regulowane bloczki fundamentowe, których dotkniesz w 3D
DrBlocks to system regulowanych bloczków fundamentowych — fundament w jeden dzień, bez wylewki i tygodni schnięcia. Zamiast katalogu zbudowaliśmy stronę, która pokazuje produkt tak, jak działa: pełny bloczek w 3D z regulacją wysokości na żywo i kalkulator, który dobiera rozstaw, liczy podpory i sprawdza nośność.
Branża
Fundamenty & budownictwo
Typ projektu
Strona produktowa z modelem 3D
Technologia
Next.js · React Three Fiber
Rok
2026
Inżynierski produkt, którego nie sprzeda zdjęcie w katalogu.
Regulowany bloczek fundamentowy to konkret: beton B30, stalowa stopa, śruby M16, regulacja co do milimetra. Z płaskiego zdjęcia klient nie zobaczy, jak to działa — ani ile bloczków potrzebuje pod swój taras czy dom modułowy.
Bo statyczny obraz tego nie odda.
Nagranie prosto z ekranu — dokładnie to zobaczysz, otwierając stronę na żywo.
Dlaczego tak, a nie inaczej.
Wyzwanie
Bloczka trudno docenić ze zdjęcia.
Decyzja
Zbudowaliśmy interaktywny model 3D — obrót, zoom i regulacja 120–200 mm na żywo.
Efekt
Klient rozumie konstrukcję, zanim cokolwiek zamówi.
Wyzwanie
Klienci nie wiedzą, ile bloczków kupić.
Decyzja
Kalkulator doboru liczy rozstaw, podpory i nośność na bazie researchu.
Efekt
Realna wstępna ocena zamiast zgadywanki — i gotowy lead.
Wyzwanie
Ciężki render 3D potrafi ściąć telefon.
Decyzja
Pętla renderu pauzuje poza ekranem i w trakcie scrolla, jakość dobiera się do sprzętu.
Efekt
Płynnie i na mocnym PC, i na słabszym telefonie.
Strona dopracowana od telefonu po duży ekran — ten sam charakter, pełna płynność wszędzie.
Zakres prac
- Projekt i kierunek wizualny
- Interaktywny model bloczka 3D (React Three Fiber)
- Kalkulator doboru bloczków
- Treść techniczna (specyfikacja, FAQ, blog)
- Optymalizacja wydajności 3D
- SEO, dane strukturalne i dostępność
Co dostajesz
- Pełny model bloczka generowany w przeglądarce — zero plików do pobrania
- Kalkulator liczący rozstaw, podpory i nośność z realnego researchu
- Pętla renderu 3D pauzowana poza ekranem — płynny scroll na słabszym sprzęcie
- Komplet pod SEO: dane strukturalne produktu, sitemap, Open Graph
Dowód rzemiosła — sprawdzisz to sam
Model 3D
Bloczek w przeglądarce — obrót, zoom, regulacja na żywo
Kalkulator
Liczy rozstaw, podpory i nośność z researchu
320–2560 px
Telefon → 4K
Najlepiej zobaczyć to na żywo.
Otwórz stronę — najlepiej też na telefonie — i sprawdź szybkość, animacje i każdy detal.
