ZWOEINS Landingpage – Prototyp

Anweisung

V3 war inhaltlich gut, aber visuell eintönig und langweilig. Jede Section hatte den gleichen Rhythmus. Mehr Abwechslung, mehr Spannung, weniger Vorhersehbarkeit.

Was sich geändert hat

• Hero: Full-height mit Hintergrundbild + Gradient-Overlay statt 50/50-Grid
• Probleme: Bento-Grid (7/5 + 5/7) statt gleichförmigem 2x2, ein Card in Buttermilk als Farbakzent
• Differenzierung: Soft Violet als Hintergrundfarbe statt Light Grey
• Zahlen: Buttermilk-Hintergrund, monumentale Schriftgrößen, animierter Counter beim Scrollen
• Projekte: Horizontaler Scroll-Carousel statt Grid
• Team: Masonry-Layout mit versetzten Bildern
• Kundenstimmen: Featured-Testimonial (groß, dunkel) + gemischtes Grid
• Münsterland: Fullwidth-Bild mit dunklem Overlay statt Grid
• Wendepunkt: Große transparente Nummern (01, 02, 03) als visueller Layer
• ZWOEINS.GO: Cards mit Buttermilk-Topline-Akzent
• Animationen: Reveal-Varianten (fadeUp, slideLeft, slideRight, scale), Bento-Hover, Floating Badge

Anweisung (Feedback zu V2)

• Navigation fehlt
• Münsterland-Bezug zu schwach – es ist eine Landingpage fürs Münsterland, keine Startseite
• Alles zu gequetscht – Hero, Sektionen, Gaps
• Visuelle Hierarchie schwach – "Kommt dir das bekannt vor?" alles gleich groß, weiß auf grau
• Zu viel Text
• Verpixelte Bilder – hochaufgelöste JPGs aus Drive nutzen
• Generische Testimonials ersetzen durch echte von zwoeins.de
• Showreel-Video einbauen
• Mehr Assets von zwoeins.de nutzen (Kundenlogos, Projekte)
• Kompetenzen verständlicher – Strategie/Marke/Plattform versteht keiner, konkrete Einfallstore

Was sich geändert hat

• Desktop-Nav + Mobile-Hamburger-Menü
• Münsterland im Hero-Subline, "Werbeagentur Münsterland" als Label, eigene Regional-Section
• Probleme-Section auf Anthracite mit Border-Cards statt weiß auf grau
• Text überall gekürzt
• Hochauflösende JPGs aus Drive-Ordner statt verpixelte PNGs
• 6 echte Testimonials von zwoeins.de (Lichte, Energieversum, Heckmann, Voss Telekom, IRSF, St. Franziskus)
• Showreel-Video (fullwidth, autoplay, muted, loop)
• 6 echte Projektvorschauen mit Bildern
• Leistungen konkret: Positionierung, Markenentwicklung, Website, Performance, Kommunikation, Dashboards

Daniels Bewertung: "Hundert mal besser als V4-Versuch mit Typografie-System, aber visuell langweilig." → Basis für V4.

Anweisung (Feedback zu V1)

• Korrekte Farben: Buttermilk #F6FC94, Violet #E1D9F2, Anthracite #272727, Light Grey #F7F7F7
• Korrekte Schrift: Switzer (fontshare.com), nicht Space Grotesk + Inter
• Abgerundete Buttons (rounded-full), nicht eckig
• Unterstreichungen als Hervorhebung, nicht farbige Textakzente
• Linien: 1.5px, nur innenliegend, nie als oberer/unterer Abschluss
• Keine Preise auf der Website
• Konsistente Zahlen (nicht "fast 20" und dann "20")
• Bilder und Logo einsetzen

Was sich geändert hat

• Kompletter Farb-Switch auf korrekte Brand-Palette
• Switzer-Font statt Google Fonts
• Alle Buttons rounded-full
• ze-highlight = Unterstreichung, nicht text-color
• 1.5px Linien als Strukturelement
• Preise komplett entfernt
• Echtes Logo, echte Team-Fotos, echte Kundenlogos

Design deutlich besser Aber: keine Nav, gequetscht, generische Testimonials, verpixelte Bilder

Anweisung

Conversion-optimierte Landingpage für ZWOEINS im Raum Münsterland. Zielgruppe: Geschäftsführer mittelständischer Unternehmen an Wendepunkten. Quellen: Kommunikationskonzept (Notion), Strategiekonzept (Notion), Figma Designsystem, zwoeins.de.

Was gebaut wurde

• Single HTML mit Tailwind CDN
• Problem-Lösung-Ergebnis-Schema
• 3 Säulen (Strategie, Marke, Plattform) mit Preisen
• ZWOEINS.GO Timeline
• DU-Ansprache, Wendepunkt als Kernbotschaft

Feedback von Daniel

• Design: 5+ / 4- Brand Guidelines komplett verfehlt
• Falsche Farben (#CCFF00 statt #F6FC94), falsche Schrift (Space Grotesk statt Switzer)
• Kein Logo, keine Bilder, keine Assets von zwoeins.de genutzt
• Eckige Buttons statt abgerundet
• Farbige Textakzente statt Unterstreichungen
• Preise auf der Website (verboten)
• Copy: 3- Grundstruktur okay, aber Preise, Inkonsistenzen, zu vage

Detailliertes Feedback: version-1/FEEDBACK.md