Eigenes Projekt

Formmut Website System

Eine eigene Premium-Agenturwebsite mit Astro Static, Designsystem, QA-Dokumentation und Docker/VPS Deployment.

Jahr 2026
Typ Eigenes Projekt
Leistungen Webdesign, Astro Static, Designsystem, QA-Dokumentation
Stack Astro, TypeScript, Content Collections, Docker

Referenzsystem

Projekt-Details wie im Designsystem.

Jede Referenz zeigt die sichtbaren Gestaltungs- und Umsetzungsentscheidungen als prüfbare Systemdetails. Das ergänzt die Story, ohne Kundenwirkung oder Zahlen zu erfinden.

#F7F8FA

Papier

Ruhige Grundfläche für lange Inhaltsstrecken.

#0D0F12

Schwarz

Autorität für Headlines, Navigation und Kontrast.

#0052FF

Kobalt

Interaktionsfarbe für CTAs, Fokus und Links.

#061B45

Tiefblau

Tiefe für dunkle Markenflächen und Footer-Kontrast.

Typografie

Sora setzt die markante Display-Stimme, Inter hält längere deutsche Erklärtexte ruhig lesbar.

Komponenten

Preiskarten, Case Cards, Prozessbausteine und CTA-Flächen folgen einem dokumentierten Abstandssystem.

Umsetzung

Astro erzeugt statische Seiten aus Content Collections; Docker/Nginx kann den Build auf dem VPS ausliefern.

Ausgangslage

Die neue Agentur brauchte eine Website, die nicht nur Leistungen behauptet, sondern Design- und Engineering-Qualität selbst beweist.

Ziel

Eine schnelle, hochwertige, dokumentierte Website schaffen, die später nachvollziehbar weiterentwickelt werden kann.

Designansatz & Umsetzung

Research-backed Conversion-Struktur, klare Preise, echte Case-Study-Routen, Design Tokens, offene Design-Dokumentation und statischer Astro-Build.

Ergebnis

Ein launchfähiges Website-System mit klarer Architektur, wiederverwendbaren Komponenten und dokumentiertem QA-Prozess.

Das eigene Website-System dient als echter Proof für die Arbeitsweise von Formmut. Die Seite verbindet eine klare Angebotsstruktur mit einem statischen Astro-Setup, lokalen Markenassets, Content Collections und dokumentierten Qualitätsregeln.

Der Case ist bewusst als eigenes Projekt gekennzeichnet. Er ersetzt keine Kundenreferenz und behauptet keine erfundenen Business-Metriken. Externe Kundenprojekte werden erst ergänzt, wenn reale Inhalte und Freigaben vorliegen.

Die technische Grundlage bleibt schlank: Astro erzeugt statische Dateien, Docker/Nginx kann den Build auf einem VPS ausliefern, und die Kontaktstrecke nutzt ein separates SMTP-Relay statt Astro-SSR oder Client-Secrets.

Kontakt

Bereit für eine Website, die zur Qualität deiner Arbeit passt?

Sag kurz, was die Website können soll — du bekommst meist binnen eines Werktages eine persönliche Einschätzung und ein Festpreis-Angebot.