fitzner.io — корпоративний сайт digital-агентства

Сайт-візитка мого digital-агентства fitznerIO (Німеччина): повний цикл від концепту до продажу.

Що зроблено мною повністю:

— Дизайн з нуля: композиція, типографіка, кольорова система, UX-сценарії
— Фронтенд на Astro + Tailwind CSS, з компонентами на Web Components для повторного використання
— Адаптив під mobile / tablet / desktop, RTL-готовність
— SEO: семантична розмітка, OpenGraph, sitemap, структуровані дані
— Продуктивність: оптимізовані зображення через Astro Picture (avif + webp), lazy-load, Critical CSS, Lighthouse 95+ за продуктивністю
— Інтеграція контактної форми через n8n (webhook → email + Telegram-сповіщення)
— Deploy через GitHub Actions

Особливість проекту — весь візуальний ряд згенерований мною через AI-пайплайни:

— Іконки послуг (Landingpages, Webapps, KI-Produkte, Social Media) — Google Gemini Nano Banana через структуровані JSON-промпти
— Hero-візуал і фоновые елементи — власний пайплайн на Gemini API
— Портрети команди (розділ Team) — AI-генерація з консистентним стилем через brand-preset
— Усі декоративні елементи і графіка — без використання стоків, без найнятих дизайнерів

Стек:
Astro · Tailwind CSS · TypeScript · Web Components · Google Gemini API · n8n · GitHub Actions · Cloudflare

#astro #ai #дизайн #frontend #n8n #gemini #автоматизація #saas #landingpage