©2025 · Strona ofertowa · 3D produkt · Lokalne SEO
Schol-Bud
Strona ofertowa dla firmy stolarskiej ze Żnina z interaktywnym modelem 3D okna w hero.
- Klient
- Schol-Bud
- Lokalizacja
- Żnin, woj. kujawsko-pomorskie
- Rok
- 2025
- Zakres
- Projekt graficzny · Implementacja Next.js · Lokalne SEO · Wdrożenie i publikacja
- Live
- scholbud.pl
Branża
Stolarka otworowa · Okna, drzwi, bramy

- Klient
- Schol-Bud
- Lokalizacja
- Żnin, woj. kujawsko-pomorskie
- Rok
- 2025
- Zakres
- Projekt graficzny · Implementacja Next.js · Lokalne SEO · Wdrożenie i publikacja
- Live
- scholbud.pl
Problem i podejście
Jak wygrać z 30 podobnymi ofertami w Google, gdy wszyscy używają tych samych zdjęć i tych samych słów?
- Projekt graficzny
- Implementacja Next.js
- Lokalne SEO
- Wdrożenie i publikacja
Problem
Schol-Bud to lokalna firma ze Żnina sprzedająca i montująca stolarkę otworową: okna, drzwi zewnętrzne i wewnętrzne, bramy garażowe.
Branża brutalnie konkurencyjna: klient szukający okien w Google trafia na 30 podobnych ofert, większość na identycznych szablonach WordPress, ze stockowymi zdjęciami i tym samym językiem „jakość, doświadczenie, profesjonalizm”.
Punkt wyjścia: stara strona, na której trudno znaleźć ofertę, brak czytelnej ścieżki do zapytania, słaba widoczność w lokalnym Google.
Podejście
Zamiast szesnastego z kolei stockowego zdjęcia witryny w hero pojawia się interaktywny model 3D okna. Klient od razu widzi produkt, który firma rzeczywiście sprzedaje. Może go obrócić kursorem, obejrzeć ramę z każdej strony, zobaczyć jak wygląda detal.
Strona układa się nie wokół „O nas”, tylko wokół produktów: cztery równoważne wejścia (okna, drzwi zewnętrzne, drzwi wewnętrzne, bramy garażowe) zamiast jednej zakładki „Oferta”. Stocki zastępują realne zdjęcia z prawdziwych montaży u klientów.
Telefon klikalny w nagłówku, dostępny z każdej podstrony, bo w stolarce większość zapytań idzie głosem. Strona ma w 30 sekund pokazać co Schol-Bud robi, dla kogo i jak go zapytać o wycenę.
Co dostarczyłem.
Hero z interaktywnym modelem 3D okna jako wizualnym bohaterem strony. Klient widzi konkretny detal stolarki, może obrócić model, zobaczyć ramę z każdego kąta, w pierwszej sekundzie dostaje sygnał „to firma, która rozumie swój produkt”. Żadna stockowa fotografia tego nie daje.
Strona ofertowa z hierarchią produktową: cztery sekcje produktowe (okna · drzwi zewnętrzne · drzwi wewnętrzne · bramy garażowe), galeria realizacji ze zdjęciami z prawdziwych montaży, sekcja kontaktu z formularzem i numerem klikalnym.
Każda kategoria produktu ma osobną sekcję z konkretnym opisem zakresu, zdjęciami i CTA prowadzącym do zapytania. Klient szukający konkretnego produktu nie musi przedzierać się przez „o nas”, zanim dotrze do tego, czego potrzebuje.
Numer telefonu klikalny (`tel:` link) w stickym nagłówku, dostępny z każdej podstrony. Większość zapytań w branży stolarskiej idzie telefonicznie, formularz to plan B. Realne zdjęcia z montaży zamiast banku stockowego.
Jak to zrobiłem.
Stack: Next.js (App Router), TypeScript, Tailwind CSS, Three.js + React Three Fiber, Vercel. Model 3D okna jako lekki plik `.glb` (~kilkaset KB), lazy-loadowany przez `dynamic({ ssr: false })`, nie blokuje pierwszego renderu i nie psuje statycznej części strony.
Reszta strony to prerenderowany statyczny HTML, ładuje się z CDN bez zapytań do bazy, bez wtyczek, bez panelu admina. 3D jest dodatkiem, nie fundamentem. Klient z wolnym łączem dostaje sensowny fallback (zdjęcie), klient z lepszym sprzętem, interaktywny model.
Poza hero, bez slajderów, bez parallaxu, bez animacji marketingowych. 3D pokazuje produkt, reszta strony go sprzedaje. Lokalne SEO bez upychania słów kluczowych: konkretne wzmianki o Żninie w nagłówku, opisach usług i sekcji kontaktu, tam gdzie naturalne.
Dlaczego tak.
Model 3D okna w hero. 30 podobnych ofert w Google używa stockowej fotografii witryny. 31-sza, która pokazuje konkretny produkt w 3D i pozwala go obrócić, wyróżnia się natychmiast. To nie efekt „wow” dla efektu, to pokazanie produktu lepiej niż jakiekolwiek zdjęcie. Klient widzi profil ramy, sposób otwierania, detal okucia.
Hierarchia produktowa zamiast „O nas / Oferta / Realizacje”, klient szuka konkretnego produktu, nie historii firmy. Cztery kategorie jako równoważne wejścia eliminują kliknięcia i sygnalizują, że firma traktuje każdą linię produktów na poważnie.
Realne zdjęcia ponad stocki. Stolarka to inwestycja na 20–30 lat. Klient musi widzieć, że to nie garażowy biznes z 2008. Stockowe zdjęcie z banku nie zbuduje tego zaufania, nawet jeśli wygląda „ładnie”.
Next.js + Three.js zamiast WordPressa. Domyślny wybór w PL dla strony lokalnej firmy to WP z motywem i hostingiem za 30 zł/mies. WordPress z modelem 3D w hero to pakowanie wtyczki za 200 zł, która i tak będzie wolniejsza i kruchsza. Statyczny Next + lazy-loaded R3F daje 0 zł hostingu, ładowanie poniżej sekundy i fundamentalnie inny model utrzymania.
Tech stack
- Next.js
- TypeScript
- Tailwind CSS
- Three.js
- React Three Fiber
- Vercel
- Statyczne renderowanie
Credits
- Projekt i kod
- SoraWeb Studio · Aleksander Pietrzak
- Stack
- Next.js · TypeScript · Tailwind · Three.js · R3F · Vercel
- Hosting
- Vercel

MIK Usługi
Podobny projekt?
Porozmawiajmy o Twojej stronie.
Każda strona zaczyna się od krótkiej rozmowy o celach. Bez briefu, bez zobowiązań. Najpierw sprawdzam, czy się dogadujemy.