Lat doświadczenia w Niemczech
Daniel pracował na budowach w Niemczech przez 15 lat. To realny USP dla klientów z Sudetów (region historycznie złożony, dużo osób wraca z DE).
Case study · strona firmowa · 2026
HAUSBUD — strona dla firmy remontowo-wykończeniowej w stylu German Premium
Daniel prowadzi firmę remontową w Kamiennej Górze. Po 15 latach pracy na niemieckich budowach wrócił do Polski i potrzebował strony, która komunikuje konkretne korzyści dla klienta (termin, czystość, detal) — a nie kolejne generyczne "kompleksowe usługi". Zbudowałem stronę w estetyce "German Premium": ciemny hero z slideshow, slogan w 3 słowa, 33 realnych zdjęć portfolio z filtrami kategorii, FAQ z rich-snippet schema i pełna polityka prywatności RODO.
Kontekst biznesowy
Lokalna firma w Sudetach z niemieckim DNA — jak to pokazać bez frazesów
Klient miał poprzednią stronę zrobioną w generatorze WebWave: domyślny template z napisem "YOUR BRAND NAME", typografia stock, brak nazwy firmy w meta-tagach (og:site_name = "Nowa strona 1"), 4 generyczne pytania FAQ z błędami logicznymi i ZERO realnych zdjęć w treści (mimo że dysponował 33 zdjęciami zrealizowanych projektów). Strona nie pozycjonowała się lokalnie i nie generowała leadów.
Realnych zdjęć portfolio
Bathrooms, podłogi, elewacje, wnętrza. Zdjęcia oryginalnie wisiały tylko jako galeria, bez kategoryzacji i bez kontekstu.
Mieszkańców Kamiennej Góry
Mały rynek lokalny + dojazd do Lubawki, Mieroszowa, Krzeszowa, Wałbrzycha. Local SEO to nie nice-to-have, to konieczność.
Wyzwanie
"Niemiecki standard" to dobry credential, ale słaby slogan
Pierwsze podejście brzmiało "Remonty w niemieckim standardzie". Po krytycznej analizie odrzuciłem to: to cliché w PL (używa każdy od narzędzi po samochody), abstrakcyjne ("standard" = słowo-wytrych) i lekko defensywne dla starszego pokolenia w Sudetach.
- Brand recovery — odnalezienie loga klienta w naszym portfolio (Daniel zlecał wcześniej aplikację Housebud Wyceny — w jej case study było logo HAUSBUD).
- Slogan przepisany z "Niemiecki standard" na "Termin. Czystość. Detal." — 3 weryfikowalne benefity adresujące pain points (obsuwy / gruz / krzywe fugi).
- Hero rebuild — full-bleed dark z slideshow 5 zdjęć (Ken Burns zoom + crossfade co 6s).
- Portfolio re-architecture — z generic 4:3 grid → masonry z filtrami kategorii (Łazienki / Wnętrza / Elewacje / Podłogi).
- FAQ rewrite — z 4 generycznych pytań → 8 konkretnych (z widełkami cen, terminami, gwarancją 24m, modelem płatności 30/40/30), z FAQPage schema markup.
- Local SEO — LocalBusiness schema z lokalizacją, embed Google Maps Kamienna Góra, plan Google Business Profile po deployu.
- RODO — pełna polityka prywatności (administrator, podstawa prawna, prawa osoby z art. RODO, cookie-light analytics).
Rozwiązanie
Moduły strony — co konkretnie powstało
Slideshow z Ken Burns
5 zdjęć premium łazienek crossfaduje co 6s. Każde wolno zooma (1.0 → 1.14) + lekko przesuwa się. Slogan "Termin. Czystość. Detal." w hero (ostatnie słowo orange).
33 zdjęć z filtrami
Masonry layout (CSS columns), filtry kategorii (Łazienki / Wnętrza / Elewacje / Podłogi), lightbox z keyboard nav (Escape, Arrow keys). Wszystkie zdjęcia w WebP.
8 pytań z schema
Konkretne odpowiedzi (cena, termin, materiały, obszar, gwarancja, płatność). FAQPage JSON-LD schema → Google może pokazać te pytania w wynikach wyszukiwania (rich snippets).
Micro-interactions
Scroll progress bar, magnetic CTA buttons, tilt 3D na bento-card oferty, animated film grain na dark sekcjach, IntersectionObserver fade-in-up. Wszystko vanilla JS + rAF throttle.
Local SEO + share
LocalBusiness schema, sitemap.xml, robots.txt, OG share image 1200×630 (generowany z SVG przez sharp), Twitter Cards, embed Google Maps Kamienna Góra.
RODO + a11y
Pełna polityka prywatności (cookie-light, no Google Analytics), custom 404 branded, aria-labels, skip-link, prefers-reduced-motion respect, focus-visible outline orange.
Proces
Jak powstała strona
1. Audit starej WebWavescrap starej strony + analiza co działa i co nie (generic content, brak brandu, słabe SEO, FAQ z błędami).
2. Brand discoveryodnalezienie loga HAUSBUD w portfolio PRODMASTER (Daniel zlecał wcześniej aplikację Housebud Wyceny).
3. Pierwsza wersjageneric template z brandingiem HAUSBUD, paleta orange+grey z loga, 33 zdjęcia portfolio wgrane.
4. Slogan critiquekrytyczna analiza "Niemiecki standard" → propozycja 3 alternatyw → wybór "Termin. Czystość. Detal."
5. Redesign German Premiumfull rewrite na dark aesthetic, hero slideshow, bento cards, masonry portfolio, FAQ z schema.
6. Motion + micro-interactionsscroll progress, magnetic buttons, tilt 3D, film grain, Ken Burns — wszystko desktop-only + reduced-motion safe.
7. Compliance + finiszingpolityka prywatności RODO, 404 branded, sitemap, robots.txt, OG image 1200×630, dedykowany workspace folder.
Rezultaty
Co dostarczyłem (i jak to mierzyć)
Projekt jeszcze nie na produkcji (czeka na akceptację klienta + zakup domeny + konfigurację SMTP), więc twarde metryki konwersji dopiero przyjdą. Mierzalne deliverables na dziś:
Galeria z filtrami
Wszystkie 33 zdjęcia portfolio z otagowaniem kategorii. Klient widzi tylko Łazienki / Wnętrza / Elewacje / Podłogi w 1 klik.
FAQ konkret
Z 4 generycznych pytań ("Czym zajmuje się Państwa firma?") do 8 konkretnych z widełkami cen, terminami i gwarancją.
Schema.org markup
LocalBusiness + FAQPage + BreadcrumbList + slogan property. Stara strona miała 0 strukturalnych danych.
Hero w slideshow
Z 1 statycznego zdjęcia → 5 zdjęć crossfade z Ken Burns. Mobile fallback do 1 zdjęcia (perf).
Polityka prywatności
Stara strona nie miała RODO. Nowa: 9 sekcji, cookie-light analytics, brak GA, prawa osoby z art. RODO.
Total page weight
≤30KB CSS + ≤4KB JS + WebP zdjęcia. Hero photo preload, lazy loading reszty. Lighthouse 90+ target.
Co dalej
Plan rollout na produkcję
Strona jest na preview URL i czeka na trzy decyzje klienta:
- Akceptacja designu — Daniel ogląda na telefonie i laptopie, feedback na iteracje.
- Zakup domeny — propozycje:
hausbud.pl,hausbud-remonty.pl,hausbudkg.pl. - SMTP credentials — App Password Gmaila lub konto na wp.pl, żeby formularz wysyłał leady.
Po tym: merge redesign → main, vercel --prod, DNS, Google Search Console, Google Business Profile (kluczowe dla local SEO w Kamiennej Górze).
Strony firmowe
Twoja firma zasługuje na coś więcej niż WebWave template
Jeśli masz realny USP (doświadczenie, portfolio, regional advantage) — strona powinna to komunikować od pierwszego scrollu, a nie chować pod 5 podstronami. Opisz swoją firmę i obszar działania — przygotuję propozycję.