+12 % Conversion durch Daten statt Bauchgefühl

„Wir arbeiten schon lange bei mehreren Projekten mit WebFolks zusammen – die Leute sind großartig. Außergewöhnliche Liebe zum Detail, hohe Qualität und erstklassiger Support. Wir setzen die Zusammenarbeit fort, während Breef wächst, und sie sind ein zentraler Teil unserer Wachstumsstrategie. Vor allem aber: tolle Menschen, mit denen die Zusammenarbeit leichtfällt.“

Überblick

Breef ist die führende Plattform, die Marken mit Top-Agenturen für digitale und kreative Projekte zusammenbringt. Nach fünf Jahren Zusammenarbeit und mehreren erfolgreichen Redesigns kam Breef erneut auf uns zu: Die Website sollte aufgefrischt und um neue Funktionen erweitert werden, passend zu einem schnelllebigen Markt.

Unser Ziel: die neuesten Figma-Designs in Webflow umsetzen, komplexe Abläufe aus der Hauptanwendung auf die Marketing-Website holen und einem nicht-technischen Team ein flexibles, komponentenbasiertes System übergeben, das es selbst pflegen und ausbauen kann.

Aufgaben

• Die neuesten Figma-Designs Seite für Seite in Webflow umsetzen
• Das Onboarding von einem Slide-Aufbau auf eine komplett seitenbasierte Architektur umstellen
• Den Karrierebereich neu gestalten und auf die Hauptdomain verschieben
• Eine wiederverwendbare, komponentenbasierte Struktur bauen, die sich ohne Technikwissen pflegen lässt
• Den Breefing Room um Filter, Suche und Pagination erweitern
• Ein interaktives Quiz für den Breefing Room mit Google-Sheets-Anbindung entwickeln
• A/B-Tests, Analytics, GTM und Formular-Automatisierung über Zapier einrichten
• Die Website auf allen Geräten responsiv, schnell und SEO-freundlich halten

Lösungen

Fünftes Redesign = Vertrauen des Kunden

Über fünf Jahre sind wir mit Breef gewachsen und haben fast jedes Jahr eine neue Version der Website geliefert. Der Relaunch 2025 ist unser fünftes komplettes Redesign: der Beweis für eine Partnerschaft, in der jedes Redesign auf dem letzten aufbaut. Marke und Nutzererlebnis werden schärfer, und das Vertrauen zwischen den Teams wächst weiter.

Design-Überblick

Wir haben die neue Designvision Seite für Seite nach Webflow gebracht: Startseite, „How it works“, Fallstudien, Agenturverzeichnis und die weiteren Seiten. Durch die schrittweise Umsetzung konnte das Breef-Team jeden Abschnitt prüfen, anpassen und veröffentlichen, sobald er fertig war. Einen großen Launch am Ende brauchte es nicht.

Onboarding-Flow

Wir haben das Onboarding von einem Slide-Aufbau auf eine echte mehrseitige Architektur umgestellt. Jeder Schritt hat jetzt eine eigene URL. Das Team kann einzelne Schritte flexibel bearbeiten, den Ablauf verzweigen und genau nachvollziehen, wie Nutzerinnen und Nutzer durch den Flow gehen.

Onboarding-Erlebnis

Der überarbeitete Ablauf führt neue Nutzer von der Frage „Wie möchten Sie starten?“ über die Auswahl des Agenturtyps bis zur Buchung eines Gesprächs mit einem Breef-Experten. Eigene Logik, Validierung und Fortschrittsanzeige halten den Weg angenehm. Dank der seitenbasierten Struktur lässt sich jeder Schritt leicht testen und verbessern.

Breefing Room

Breefs Content-Hub hat ein großes Upgrade bekommen: erweiterte Filter, Sofortsuche und Pagination. Besucher finden sich in einer wachsenden Bibliothek aus Artikeln leicht zurecht. Das Team kann weiter frische, gut sortierte Inhalte für Marken und Agenturen veröffentlichen.

Breefing-Room-Quiz

Wir haben ein interaktives Quiz „Questions of the Month“ gebaut, mit Umfragen, Schiebereglern, Multiple Choice und Bewertungen. Jede Antwort landet direkt in Google Sheets, wird dort automatisch ausgewertet und visualisiert. So werden Interaktionen zu sauberen, sofort nutzbaren Daten für das Breef-Team.

Responsive

Jede Seite, jeder Ablauf und jede Komponente fühlt sich auf Smartphone, Tablet und Desktop natürlich an. Vom Onboarding bis zum Breefing Room bleibt die Website schnell, gut lesbar und mühelos bedienbar, egal wo Besucher landen.

Integrationen

Jedes Formular der Website hängt an Zapier. Aus einer einzigen Anfrage wird ein vollständig automatischer Ablauf: Der Lead wird formatiert, direkt an HubSpot übergeben, in Google Sheets protokolliert und per Slack ans Team gemeldet. Pfadbasierte Logik leitet jede Anfrage je nach Typ an das richtige Postfach, damit Kunden-, Agentur- und Partneranfragen sofort bei der richtigen Person ankommen.

Webflow Analyze

Mit Webflows eingebauter Analyse verfolgen wir Sitzungen, einzelne Besucher, Absprungrate, Verweildauer und die am häufigsten geklickten Ereignisse direkt im Editor. So sieht das Breef-Team genau, wie jede Seite abschneidet und worauf es als Nächstes achten sollte.

Webflow Optimize

Mit Webflow Optimize haben wir A/B-Tests laufen lassen, um Designentscheidungen mit echten Daten zu prüfen. Eine Hero-Variante mit Suchfunktion gegen das Ausgangslayout: Die neue Version hob die Conversion-Rate auf 2,77 %, eine Steigerung um 12 %. Damit konnte Breef die Gewinner-Variante mit Rückendeckung ausrollen.

GTM + Performance

Mit dem Google Tag Manager erfassen wir Conversions und wichtige Ereignisse entlang der gesamten Customer Journey. Danach haben wir den Build auf Tempo und Suchmaschinen getrimmt: Lighthouse zeigt 100 Punkte bei SEO, dazu gute Werte bei Performance, Barrierefreiheit und Best Practices. Beim ersten Laden sinken die Daten von Drittanbietern von 4,56 auf 0,49 MB, die Zahl der Anbieter von 30 auf 10 und die der Domains von 48 auf 12.

Ergebnis

Die fertige Website bringt alles zusammen: eine aufgefrischte Marke, seitenbasierte Abläufe, ein flexibles Komponentensystem und einen ausgebauten Content-Hub. Das Ergebnis ist ein schnelles, responsives Erlebnis auf Desktop und Smartphone.

Fazit

Mit dem fünften Design-Refresh, vollständig migrierten Onboarding- und Karriere-Abläufen, einem komponentenbasierten Webflow-Build, erweiterten Content-Werkzeugen und datenbasierter Optimierung haben wir eine Website geliefert, die sich leichter pflegen und schneller weiterentwickeln lässt und nachweislich konvertiert. Die Partnerschaft hält Breef in einem sich ständig verändernden Markt vorn.

Live-WebsiteLive-WebsiteLive-Website(öffnet in neuem Tab)