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

Сайт-визитка моего digital-агентства fitznerIO (Германия): полный цикл от концепта до прода.

Что сделано мной полностью:

— Дизайн с нуля: композиция, типографика, цветовая система, UX-сценарии
— Фронтенд на Astro + Tailwind CSS, с компонентами на Web Components для переиспользования
— Адаптив под mobile / tablet / desktop, RTL-готовность
— SEO: семантическая разметка, OpenGraph, sitemap, structured data
— Производительность: оптимизированные изображения через Astro Picture (avif + webp), lazy-load, Critical CSS, Lighthouse 95+ по Performance
— Интеграция контактной формы через 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