fitzner.io — strona korporacyjna agencji digitalnej

Strona wizytówka mojej agencji digital fitznerIO (Niemcy): pełny cykl od koncepcji do sprzedaży.

Co zostało zrobione przeze mnie w całości:

— Projekt od podstaw: kompozycja, typografia, system kolorów, scenariusze UX
— Frontend na Astro + Tailwind CSS, z komponentami na Web Components do ponownego wykorzystania
— Responsywność pod mobile / tablet / desktop, gotowość RTL
— SEO: semantyczne oznaczenie, OpenGraph, mapa strony, dane strukturalne
— Wydajność: zoptymalizowane obrazy przez Astro Picture (avif + webp), lazy-load, Critical CSS, Lighthouse 95+ w wydajności
— Integracja formularza kontaktowego przez n8n (webhook → email + powiadomienie Telegram)
— Wdrożenie przez GitHub Actions

Cechą projektu jest to, że cały wizualny materiał został wygenerowany przeze mnie przez AI-pipeline:

— Ikony usług (Landingpages, Webapps, KI-Produkte, Social Media) — Google Gemini Nano Banana przez strukturalne JSON-prompty
— Hero-wizual i elementy tła — własny pipeline na Gemini API
— Portrety zespołu (sekcja Zespół) — generacja AI z konsekwentnym stylem przez brand-preset
— Wszystkie elementy dekoracyjne i grafika — bez użycia stocków, bez zatrudnionych projektantów

Stos technologiczny:
Astro · Tailwind CSS · TypeScript · Web Components · Google Gemini API · n8n · GitHub Actions · Cloudflare

#astro #ai #design #frontend #n8n #gemini #automatyzacja #saas #landingpage