Drei Arbeiten im Detail.

Problem

SCANZY verkauft 360°-Touren, Drohnenflüge und FPV-Kino an Hotellerie, Immobilien und Hospitality. Das Produkt ist visuell, die bestehende Site löste das Versprechen nicht ein. Aufgabe: die Premium-Story in fünf Sekunden liefern, ohne in Agency-Showreel-Optik abzurutschen, und die etablierten Branchen-Routen (Hotel, Real-Estate, Restaurant, Kärnten) im Header erhalten.

Lösung

Editoriales Dark-Hero mit der Drohnen-Aufnahme als Signature-Element, Brand-System aus Mitternachtsblau, Cremegold und warmem Creme-Background (Edition 2026 als Canon). Source-Serif-Display mit goldenen Italics als wiederkehrendes Akzent-Motiv, bewusst kein Fraunces. Routen-Struktur für Immobilien-, Hotel-, Restaurant- und Kärnten-Landings im Header erhalten, Legal-Pages sauber daneben.

Stack

• TypeScript
• React 18
• Vite
• Tailwind CSS
• shadcn/ui

Problem

Kalender-Apps wie Google oder Outlook ziehen Termine, Erinnerungen und Auth in fremde Ökosysteme. Ich wollte einen Beleg, dass ich eine vollwertige Webapp aus einer Hand bauen und betreiben kann, ohne mich an einen Anbieter zu binden. Frontend, Backend, Datenbank, Auth, Mail-Versand, Deploy.

Lösung

Next.js-Frontend gegen ein NestJS-Backend, Prisma als ORM auf PostgreSQL. Eigene Sessions statt Drittanbieter-Auth, Multi-Device, E-Mail-Erinnerungen über SMTP. UI zweisprachig (DE/EN), Dark- und Light-Theme. Selbst gehostet auf eigener Hetzner-Infrastruktur, Code öffentlich, Demo direkt im Browser nutzbar.

Stack

• TypeScript
• Next.js
• NestJS
• Prisma
• PostgreSQL
• SMTP
• Hetzner

Problem

Standard-Templates für Dev-Portfolios verkaufen das Falsche: Geist plus Geist Mono ist der AI-Template-Default, „Trusted by“-Wände sind der Agentur-Reflex, animierte Gradients der Showreel-Reflex. Für ein Angebot, das auf wiederkehrender Pflege kleiner Landingpages basiert, muss die visuelle Ebene ruhig, präzise und vertrauenswürdig lesen, nicht wie ein Cursor-Blob-Showreel.

Lösung

Self-hosted Astro-6-Site mit handgeschriebenem CSS-Token-System (kein Tailwind, kein Framework), einem einzigen Ink-Blue-Hue (oklch 248°), General Sans Variable plus Commit Mono statt Geist-Default, asymmetrisches editoriales Layout statt zentrierte Bullet-Grids. Zweisprachig DE/EN, jeweils eigene Stimme statt 1:1-Übersetzung. Kontaktformular mit Honeypot plus Per-IP-Rate-Limit, SMTP über nodemailer, kein Third-Party-Service. Kein Tracking, keine Third-Party-Schriften.

Stack

• Astro 6
• TypeScript
• Hand-written CSS
• Node standalone
• nodemailer
• Docker
• Coolify