fitzner.io — corporate website of a digital agency

The website for my digital agency fitznerIO (Germany): a complete cycle from concept to sales.

What I have done completely:

— Design from scratch: composition, typography, color system, UX scenarios
— Frontend on Astro + Tailwind CSS, with components on Web Components for reuse
— Responsive for mobile / tablet / desktop, RTL-ready
— SEO: semantic markup, OpenGraph, sitemap, structured data
— Performance: optimized images through Astro Picture (avif + webp), lazy-load, Critical CSS, Lighthouse 95+ on Performance
— Integration of contact form through n8n (webhook → email + Telegram notification)
— Deploy through GitHub Actions

The feature of the project — all visual elements generated by me through AI pipelines:

— Service icons (Landing pages, Web apps, AI products, Social Media) — Google Gemini Nano Banana through structured JSON prompts
— Hero visual and background elements — my own pipeline on Gemini API
— Team portraits (Team section) — AI generation with a consistent style through brand preset
— All decorative elements and graphics — without using stock, without hired designers

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

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