Agentur-Website Redesign: Neon Minimalism

Ausgangslage

Die alte BRANDFUSION-Website hat nicht mehr gezeigt, was wir können. Standard-Template, generisches Design, keine eigene Stimme. Die Agentur, die Marken baut, hatte selbst keine richtige Marke. Das musste sich ändern.

Was wir gebaut haben

Designsystem: Neon Minimalism

• Dunkle Basis mit violettem Unterton — kein generisches Schwarz, sondern ein eigenständiger Look
• 90/10-Regel — 90 % neutrale Flächen, 10 % kontrollierte Neon-Energie
• Gradient DNA — Orange → Rot → Violett als visuelle Signatur durch die gesamte Seite
• Pixel Heart — Eigene Bildmarke als pixeliges Herz mit Gradient-Fill
• Vier Schriften mit klaren Rollen: Bungee (Display), Roboto Slab (Serif), Ubuntu (Body), JetBrains Mono (Code)

Website

• Astro 5 — Static-Site-Generator für maximale Performance, null Client-JavaScript
• Tailwind CSS v4 — Design-Tokens via @theme, custom Utilities, Dark-First
• MDX Content Collections — Cases, Insights, Industries als strukturierte Inhalte
• Dynamische Routen — /cases/[slug], /services/[service], /branchen/[slug], /insights/[slug]
• Komponentenbibliothek — Buttons, Cards, Chips, GradientLine, BrandLogo, Icons

Brand Voice & Documentation

• Brand Manual — Logo, Farben, Typografie, Designprinzipien
• Brand Voice — Tonalität, Wording-Guidelines, Headline-Muster, CTA-Patterns
• Styleguide — Alle UI-Komponenten live dokumentiert
• Content-System — Strukturierte Cases, Insights und Branchenprofile

SEO & Performance

• On-Page-SEO — Meta-Tags, Sitemap, strukturierte Daten
• Lighthouse Score — Performance, Accessibility, Best Practices optimiert
• RSS Feed — Automatisch generiert aus Insights
• Responsive — Mobile-First, optimiert für alle Breakpoints

Ergebnis

Eine Agentur-Website, die zeigt statt erzählt. Neon Minimalism ist kein Theme — es ist ein System. Jede Farbe, jede Schrift, jeder Pixel hat einen Zweck. Und die eigene Marke? Die steht jetzt so, wie wir es für unsere Kunden immer predigen: klar, direkt und unverwechselbar.