Case study
Strona dla własnej agencji
Strona BuildLab miała być dowodem na to, że potrafimy zbudować to, co sprzedajemy. Bez generycznego copy, bez 'indywidualnego podejścia' — z konkretami, cennikiem i procesem.
Wyzwanie
Z czym przyszedł klient
Agencje web design w Polsce mówią wszystkie tym samym głosem: „indywidualne podejście”, „najwyższa jakość”, „lata doświadczenia”. Klient nie wie, czym się różnią, a sam wybór staje się loterią. Strona BuildLab miała to przeciąć: pokazać konkretny zakres, konkretne ceny widełkowo, konkretny proces (4 etapy z czasem trwania), konkretne realizacje z linkami do live-deployów. Druga warstwa: strona ma być dowodem warsztatu — bo jeśli agencja, która buduje strony dla innych, ma stronę z LCP 4 sekundy, klient już nie pyta o cennik. Trzecia warstwa: agencja ma trzy aliasy domenowe (wwwmaker.pl, webstack.pl, zbudujemystrone.pl), każdy ma robić 301 do canonicalu — bez gubienia trafiku z dawnych marketingów.
Podejście
Jak to rozwiązaliśmy
Stack jak dla secondlifeit.pl, bo testowany w boju: Next.js 14 + App Router + static export, Tailwind v3, GSAP dynamic import, deploy na Cloudflare Pages. Architektura informacji: 12 stron (Home, Usługi, Realizacje + per-projekt, Proces, Cennik, O nas, Blog, Kontakt, Wyceń projekt, Polityka prywatności, Cookies, Newsletter regulamin). Cennik widełkowy z trzema pakietami (Starter / Standard / Premium) plus kalkulator briefu — klient wybiera typ projektu, zakres, integracje, dostaje szacunkową kwotę i timeline. Strona Realizacje z filtrem kategorii (Strony korporacyjne / E-commerce / Landing page'e / Rezerwacje / Web apps), każdy case study to pełnowartościowa podstrona z challenge / approach / features / results / tech stack. Blog ekspercki — artykuły o brief'owaniu, audytach, performance, accessibility — pozyskuje ruch na long-tail i jest dowodem ekspertyzy. Cookie banner GDPR-compliant z localStorage, polityka prywatności + cookies + newsletter regulamin. Domain aliasing: wwwmaker.pl, webstack.pl, zbudujemystrone.pl → 301 → buildlab.pl przez Cloudflare Single Redirects (nie Page Rules — Single Redirect Rules są wydajniejsze i nie zużywają limitu 3 reguł). Brand: split-logo „Build” + „Lab” w dwóch kolorach, paleta blue→cyan (electric blue + cyan), typografia Space Grotesk + Inter.
Rezultaty
Co udało się osiągnąć
12
stron + 6 case studies + blog
PSI 96
max dla architektury Next.js + GSAP
3 → 1
domeny aliasy → canonical buildlab.pl
Cennik
widełkowy zamiast 'wyceniamy'
Zakres prac
Co zbudowaliśmy
Cennik widełkowy + kalkulator
Trzy pakiety (Starter / Standard / Premium) z konkretnymi widełkami. Kalkulator briefu liczy szacunkową kwotę przed kontaktem.
12-stronicowa architektura informacji
Każdy aspekt oferty ma swoją podstronę: usługi, proces, cennik, realizacje per-projekt. Bez ukrywania informacji za 'zapytaj o ofertę'.
Realizacje z filtrem i pełnym case study
Filtr po kategorii, każdy projekt to długa podstrona z problem/approach/features/results — pokazuje proces, nie tylko obrazki.
Blog ekspercki
Artykuły o briefowaniu, audytach, accessibility, performance — long-tail SEO + dowód kompetencji. Każdy artykuł z schema.org Article.
Domain aliasing przez Single Redirects
wwwmaker.pl + webstack.pl + zbudujemystrone.pl → 301 → buildlab.pl. CF Single Redirect Rules — wydajniej niż Page Rules.
GSAP dynamic import + reduced-motion
Animacje scroll-reveal i hero przez GSAP, ładowane tylko klient. Pełny support `prefers-reduced-motion`.
Cookie banner GDPR-compliant
Trzy stany (accept / reject / customize), zgodny z EDPB Guidelines, localStorage, scope per kategoria.
Newsletter z double opt-in
Mailchimp + Web3Forms jako fallback, regulamin, polityka prywatności, link unsubscribe w każdym mailu.
Stack technologiczny
Z czego jest zbudowane
Czas realizacji
3 tygodnie
Twój projekt może być następny. Wyślij brief — przygotujemy konkretną propozycję w jeden dzień roboczy.
Wyceń podobny projektInne realizacje
Może Cię zainteresować
Strona dla firmy outsourcingowej IT z kalkulatorem pakietu, formularzem audytu i blogiem eksperckim.
Second Life IT — outsourcing IT dla firm
Next.js 14 · Tailwind · GSAP
Wielostronicowa wizytówka apartamentu wakacyjnego — blog, galeria, formularz Web3Forms.
Durres.pl — apartament w Albanii
HTML · GSAP · Swiper
Butikowy sklep e-commerce z hand-woven torebkami z naturalnych włókien — editorial design bez frameworków.
INARD — luxury hand-woven bags
Vanilla HTML · CSS · JSTwój projekt może być następny
Masz pomysł? Zrealizujemy go.
Niezależnie czy potrzebujesz nowej strony, sklepu czy modernizacji — wyślij brief i porozmawiajmy.