Mała Architektura Ogrodowa - strona firmy projektowania i realizacji ogrodów
Mała Architektura OgrodowaZaprojektowaliśmy i zbudowaliśmy jednostronicową stronę wizytówkę dla firmy projektowania i realizacji ogrodów Wojciecha Gabrychowicza z Krośniewic (woj. łódzkie) - 25 lat doświadczenia i ponad 100 zrealizowanych ogrodów. Całość ma jeden cel: pozyskiwać klientów (zapytania przez formularz, telefon i Messenger) oraz budować widoczność w lokalnym Google bez płatnych reklam. Spokojna, naturalna estetyka, duże zdjęcia realizacji i lekkie animacje prowadzą odwiedzającego od pierwszego wrażenia aż po wysłanie zapytania.
Zakres realizacji
- Navbar przyklejony do góry z logo, menu i przyciskiem „Kontakt" oraz menu mobilnym (hamburger)
- Hero ze sliderem realizacji, hasłem „Architektura Ogrodowa" i podwójnym CTA („Zobacz projekty" / „Umów konsultację") z podpisem właściciela
- Pasek statystyk: 100+ projektów, 25 lat doświadczenia, 100% terminowość i lokalizacja
- Sekcje budujące zaufanie: „Poznaj moją pasję" z galerią roślin (funkie, trawy, egzotyka) oraz „Dzień dobry, jestem Wojtek" z historią firmy i wartościami
- Proces w 4 krokach: konsultacja, projekt 2D/3D, realizacja pod klucz, serwis sezonowy
- Portfolio realizacji z galerią i powiększaniem zdjęć (lightbox)
- Sekcje sprzedażowe: „Dlaczego warto" (własna ekipa, bez podwykonawców, opieka po realizacji), pakiety pielęgnacji (abonament sezonowy) oraz płatna konsultacja 500 zł z listą korzyści
- Rozwijane FAQ odpowiadające na najczęstsze pytania jeszcze przed kontaktem
- Sekcja kontaktu z formularzem, danymi firmy (NAP) i odnośnikiem do Facebooka (44 tys. obserwujących)
- Formularz z realną wysyłką e-mail (Nodemailer + Gmail SMTP), zabezpieczony: limit zapytań (5 / 10 min na IP), honeypot na boty, blokada żądań z obcych domen (CSRF-lite), walidacja pól i ucieczka HTML
- Pływające przyciski szybkiego kontaktu (telefon, Messenger), banner zgody na cookies (RODO) oraz podstrony: polityka prywatności i regulamin
- Lokalne SEO: pełne metadane i frazy lokalne, Open Graph + Twitter Cards z dedykowanym obrazkiem OG, dane strukturalne JSON-LD (LocalBusiness + HomeAndConstructionBusiness) z geolokalizacją, godzinami otwarcia, obszarem działania (promień 100 km: Krośniewice, Łódź, Kutno) i katalogiem usług, a do tego automatyczny sitemap.xml, robots.txt oraz manifest PWA z ikonami
- W pełni responsywny, lekki layout (statyczna treść, bez ciężkiej bazy) z firmową czcionką Alcyone (self-hosted)
Technologie
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Nodemailer
- lucide-react
Wdrożenie na własnym serwerze VPS (Caddy + HTTPS Let's Encrypt). Cel: top w Google na frazy typu 'projektowanie ogrodów Łódź' i 'architektura ogrodowa łódzkie'.