Colourmatch — Drei-Säulen-Marketing-Website mit Sanity-CMS

Eine Marketing-Website, die selbst Referenz ist: drei eigenständige Säulen für Tech, Marketing und Design — redaktionell gepflegt, voll typisiert, Lighthouse 100/100/100/96.

Der bestehende Auftritt bildete weder die Bandbreite (Cloud-Software, Marketing-Strategie, Design) noch den Anspruch ab. Anfragen kamen unspezifisch, Cases versteckten sich in Slides, klares Pricing fehlte ganz.

Gefragt war eine Webapp, die jede Disziplin eigenständig erklärt — mit echten Cases inklusive Kennzahlen, transparentem Pricing, redaktionell pflegbarem Content und einer Voice, die sich von Agentur-Floskeln abhebt.

1. Drei-Säulen-Architektur: eigenständige Pillar-Pages für Tech, Marketing und Design — jeweils mit Hero, Positionierung, Services, Process, Stack, Pricing-Tiers und FAQ.
2. Sanity-CMS mit Custom-Schemas (Pillar, Case Study, Ratgeber-Post, Testimonial, Team), Stega-Live-Editing und Tag-basiertem ISR-Revalidate via Webhooks — vom Studio-Edit zu Live in unter zwei Minuten.
3. Voice-Profile v2.0 (Pfad A — Du-Form, anticipatorisch) als Content-Skill in Claude Code, der jeden Text gegen abgegriffene Klischees prüft, bevor er publiziert wird.
4. Pillar-Akzentfarben-System (Tech = Lime, Marketing = Coral, Design = Purple) mit konsistenten Tokens für Typografie, Buttons, Tags und Glow-Decorations — jede Säule visuell eigenständig, ohne den Markenrahmen zu sprengen.
5. Operative Integrationen: eRecht24-API (Impressum & Datenschutz, automatisch aktuell), Calendly (Erstgespräch-Buchung), Resend (transaktionale E-Mails über sebastian@colourmatch.de mit DKIM/SPF/DMARC bei All-Inkl), DSGVO-konformes Vercel-EU-Hosting, IP-anonymisierte Analytics.

Die Website ist gleichzeitig Showcase und Werkzeug: Lighthouse 100/100/100/96, Cases mit messbaren Ergebnissen mit messbaren Ergebnissen, redaktionelle Workflow-Geschwindigkeit auf Studio-Edit-Niveau — und ein Demo-ERP unter /demo/trendy als lebende Referenz für die Tech-Säule.