← Zurück zu Projekten
Case 01 · B2B · Lead-Generierung

Wie kommuniziert man, was eine Kreativagentur einzigartig macht?

Kunde Playful Experiences
Rolle Lead UX/UI Designerin
Dauer 10 Wochen · 2024
Team Ich · Gründer · Developer
Playful Experiences — Homepage-Redesign, 'We create connections with people'
01 — Kontext

Eine Kreativagentur, deren Wert nicht ankam.

Playful Experiences ist eine Kreativagentur, die Strategie, Technologie und Erlebnisse kombiniert, um KMU und Marken dabei zu helfen, ihre Identität auszudrücken und mit ihrem Publikum in Verbindung zu treten.

Das Problem: Die bestehende Website hat diesen Wert nicht erfasst. Die Geschichte war über Social Media und Kampagnen-Posts verstreut, was die Conversion erschwerte. Besucher wussten in den ersten 30 Sekunden nicht, was die Agentur tat — und das Team verbrachte Stunden damit, dieselben Fragen per DMs und Anrufen zu beantworten.

02 — Geschäftsziele

Drei messbare Ziele, mit dem Gründer abgestimmt.

Vor jedem Sketch einigten sich der Gründer und ich auf drei Ziele. Jede Design-Entscheidung danach musste mindestens einem davon dienen.

Ziel 01

Digitale Identität konsolidieren

Die Markennarrative vereinheitlichen, um den Wert der Agentur klar zu kommunizieren — und die Zersplitterung zwischen Social Media und Website beseitigen.

Ziel 02

Qualifizierte Leads generieren

Einen B2B-Conversion-Funnel entwerfen, der Kundenbedürfnisse vom ersten Kontakt an filtert — und die Zeit reduziert, die mit unqualifizierten Leads verbracht wird.

Ziel 03

Kanäle optimieren

Die Abhängigkeit von DMs und Anrufen durch eine Informationsarchitektur reduzieren, die Fragen zu Prozess, Timeline und nächsten Schritten autonom beantwortet.

03 — Meine Rolle

Drei Hüte in einem Projekt.

Die Marke der Agentur hatte einen mystischen Ton, es fehlte aber an Klarheit. Meine Arbeit bestand darin, diesen Ton in eine scanbare Narrative zu übersetzen, ihr Struktur zu geben und die Website nach dem Handoff wartbar zu machen.

Rolle 01

UX Writing

Die abstrakte Mission der Marke in eine klare Narrative übersetzt, die ohne Reiseführer auf der Homepage leben kann.

Rolle 02

IA & Visual Design

Die Informationsarchitektur strukturiert, die visuelle Oberfläche gestaltet und die Einhaltung der Barrierefreiheits-Standards (WCAG 2.1) sichergestellt.

Rolle 03

CMS & Betriebsfähigkeit

Die CMS-Logik definiert und Erklär-Videos mit Benutzerhandbuch aufgenommen, damit der Kunde die Website eigenständig betreiben konnte.

04 — Research

Wo das aktuelle System Wasser ließ.

Ich habe die bestehenden Kanäle auditiert und einen Benchmark gegen Agenturen gezogen, die das gut machen. Drei Muster zeichneten sich ab:

Erkenntnis 01

Kanal-Mismatch

Hohes Interesse auf Social Media, aber die Website konvertierte diese Aufmerksamkeit nicht. Besucher scannten, fanden keinen klaren nächsten Schritt und verließen die Seite.

Erkenntnis 02

Kein CMS vorhanden

Das Team brauchte ein CMS und redaktionelle Guidelines, um die Website aktuell zu halten — sonst würde sie innerhalb von Wochen veralten.

Erkenntnis 03

Lücke bei Referenzen

Erfolgreiche Agenturen nutzen starkes visuelles Storytelling, klare Vorher-/Nachher-Beispiele, Social Proof und spezifische CTAs. Die aktuelle Website hatte nichts davon.

05 — Prozess

Von der Discovery zu zehn Wochen Launch.

Die Timeline war eng. Ich arbeitete in Zwei-Wochen-Sprints mit klaren „Fertig"-Kriterien für jede Phase — damit der Kunde Fortschritt sehen konnte, ohne in endlosen Revisions-Loops stecken zu bleiben.

Schritt 01

Discover

Audit der aktuellen Kanäle, Conversion-Lücken und Wettbewerbsagenturen.

Schritt 02

Define

IA auf die drei Geschäftsziele abgestimmt. Content-Prioritäten vereinbart.

Schritt 03

Design

Narrative-First-Home, Flow für das Diagnose-Formular und Self-Service-FAQ.

Schritt 04

Validate

Prototyp-Review mit potenziellen Kunden und dem internen Team.

Schritt 05

Ship

Handoff, CMS-Schulungsvideos und Post-Launch-Anpassungen auf Basis von Daten.

06 — Schlüsselentscheidungen

Drei Design-Entscheidungen, die die Zahlen bewegten.

Narrative-First-Homepage

Der erste Abschnitt erklärt in einem Satz, was die Agentur macht. Der zweite geht tiefer auf das Wie ein. Der dritte ist ein interaktives Grid, das Kampagnen unter den Kernkonzepten der Marke gruppiert: Erwartung, Aktivierung, Erlebnis. Kein Mysterium, keine Absätze. Scannen, verstehen, scrollen.

Playful Experiences — Narrative-First-Homepage-Design

Schnelles Diagnose-Formular

Statt eines generischen Kontaktformulars beantworten Nutzer eine kurze Sequenz von Fragen vor dem Absenden: Sind Sie ein Unternehmen, eine Einzelperson oder ein Kreativprojekt? In welcher Phase befinden Sie sich? Was möchten Sie aktivieren?

Ja, das fügt Friktion hinzu. Aber es ersetzt Stunden von E-Mail-Ping-Pong durch eine einzige gut umrissene Anfrage. Der Kunde bekommt Kontext. Der Nutzer bekommt eine nützlichere Antwort. Beide Seiten gewinnen.

Playful Experiences — Flow des Diagnose-Formulars

Self-Service-FAQ als Architektur

Ich habe die sechs häufigsten DM-Fragen direkt in die Informationsarchitektur überführt — mit ehrlichen Antworten, nicht mit Sales-Copy. Das Ziel war, dass das FAQ wie die echte Stimme des Teams klingt, denn die Nutzer, die sich nach dem Lesen trotzdem meldeten, waren die, mit denen es sich zu sprechen lohnte.

Playful Experiences — Self-Service-FAQ-Bereich
07 — Geschäftsauswirkung

Was sich nach dem Launch änderte.

Zahlen gemessen 90 Tage nach dem Launch, verglichen mit den drei Monaten davor.

+20–30%
Lead-Conversion von Social zu Landing
+25%
Verweildauer auf Home / Services / Cases
2–5 / Tag
Ausgefüllte Diagnose-Formulare
−30%
DMs / Anrufe zu Grundfragen
Zuerst die Geschichte, dann das Design. Ohne eine klare Narrative ist eine Website nur ein Katalog.
08 — Was ich gelernt habe

Wenn ich dieses Projekt noch einmal machen würde.

← Zurück zu Alle Projekte

Wollen Sie über Ihr Produkt sprechen?

Verfügbar für Vollzeit-, Teilzeit- und Freelance-Rollen in Deutschland, und remote in Europa, USA und LATAM.

angie.varelab7@gmail.com