Przejdź do treści
← Realizacje
Projekt koncepcyjny

Grabowski.

Pracownia stolarska w szwajcarskim stylu

Grabowski projektuje kuchnie, zabudowy i meble z litego drewna na wymiar. Strona miała oddać to, czym jest dobre rzemiosło: spokój, precyzję i jakość. Postawiliśmy na dużo światła, dużą typografię i płynny scroll — a realizacje pokazujemy w poziomych galeriach przewijanych ruchem strony.

Branża

Stolarstwo & rzemiosło

Typ projektu

Strona firmowa

Technologia

GSAP · ScrollTrigger

Rok

2026

Fikcyjna marka, prawdziwy projekt i kod — zbudowany w całości przez KODA jako pokaz tego, jak pracujemy.

Grabowski — strona główna
Wyzwanie

Najwyższa jakość rzemiosła i strona jak u wszystkich.

Dobry stolarz konkuruje precyzją i materiałem, nie ceną. Jeśli strona wygląda przeciętnie, klient z góry zakłada przeciętną pracownię — a to, co premium, ginie, zanim zdąży się pokazać.

W ruchu

Bo statyczny obraz tego nie odda.

Nagranie prosto z ekranu — dokładnie to zobaczysz, otwierając stronę na żywo.

Nagranie na żywo
Grabowski — Realizacje w poziomej galerii — zdjęcia przesuwają się w bok, gdy zjeżdżasz stroną.
Realizacje w poziomej galerii — zdjęcia przesuwają się w bok, gdy zjeżdżasz stroną.
Podejście

Dlaczego tak, a nie inaczej.

01

Wyzwanie

Rzemiosło konkuruje jakością, nie ceną.

Decyzja

Postawiliśmy na szwajcarski spokój: światło, typografię, powietrze.

Efekt

Strona od pierwszego ekranu mówi „klasa”.

02

Wyzwanie

Realizacje muszą mówić same za siebie.

Decyzja

Pokazujemy je w poziomych galeriach przewijanych scrollem.

Efekt

Zdjęcia płyną krawędź w krawędź — jak w albumie.

03

Wyzwanie

Płynność nie może kosztować wydajności.

Decyzja

Na słabszym sprzęcie wyłączamy efekty i wracamy do natywnego scrolla.

Efekt

Zero janku, niezależnie od urządzenia.

Na każdym ekranie

Strona dopracowana od telefonu po duży ekran — ten sam charakter, pełna płynność wszędzie.

grabowski.kodastrony.pl
Grabowski — widok na komputerze
Grabowski — widok na telefonie

Zakres prac

  • Projekt i kierunek wizualny
  • Architektura treści (SPA)
  • Galerie realizacji scrubowane scrollem
  • Animacje i płynny scroll (GSAP)
  • Formularz zapytania z RODO
  • SEO, wydajność i dostępność

Co dostajesz

  • Spokojna, „szwajcarska” identyfikacja online budująca zaufanie
  • Płynny scroll z automatycznym wyłączeniem na słabszych urządzeniach
  • Dostępność WCAG 2.2 AA (fokus, pułapka fokusu w menu, reduced-motion)
  • Komplet pod SEO: dane strukturalne firmy, sitemap, Open Graph

Dowód rzemiosła — sprawdzisz to sam

Płynny scroll

GSAP + ScrollSmoother

WCAG 2.2 AA

Fokus, kontrast, reduced-motion

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.

Porozmawiajmy

Zbudujmy taką stronę dla Twojej firmy.

Opowiedz nam o swoim biznesie — pokażemy, jak może wyglądać, i odeślemy wycenę w ciągu 24 godzin. Bez zobowiązań.