Case Studyheycater! auf Wachstumskurs

Der Kunde

Die 2015 gegründete Plattform heycater! gehört zur Hey Group GmbH, die zur führenden Catering-Plattform im deutschsprachigen Raum geworden ist. Sie verfügen über ein großes Partnernetzwerk von 500+ zertifizierten Caterern. Das Start-up sitzt mit seinen inzwischen rund 40 Mitarbeiter:innen in Berlin und betreut von dort aus die Catering-Anfragen ihrer Kund:innen, die über die Webplattform in wenigen Minuten gestellt werden können. Innerhalb von vier Stunden erhalten die Kund:innen passende Angebote über den Accountbereich der Website, wo diese auch gleich angenommen werden können. 

Unsere Leistung

Zur Verbesserung der Plattform und Steigerung der Leads unterstützte prepend das hauseigene Entwicklerteam von heycater!. Für dieses Projekt setzten wir das Team aus Entwicklern und Experten für UX-/UI-Design zusammen, die bereits über jahrelange Erfahrung aus zahlreichen Projekten in diesem Bereich verfügen. Im Folgenden geben wir Einblicke in unsere Aufgaben.

#1 - Analyse des Ist-Zustandes der Plattform aus Sicht der User Experience

Unsere UX/UI-Expert:innen analysierten die einzelnen Bereiche der Plattform, um Probleme bei der Benutzung aufzudecken und führten eine expertenbasierte Evaluation durch. Zusätzlich wurden Interviews mit User:innen und Kund:innen durchgeführt. Ein Augenmerk bei der Analyse wurde u.a. auf den Userflow gelegt, der die potentiellen Kund:innen im Idealfall schnell und ohne Umwege ihr Ziel erreichen lässt. Sei es das Einholen von Informationen oder die Anforderung eines Angebots für ein Catering. Eine gute Struktur innerhalb der Plattform und die optimale Aufbereitung der Inhalte ist ebenfalls wichtig, wodurch sich die User:innen besser orientieren können. Auch Punkte wie Lesbarkeit, Copywriting, Kontraste, Verortung, Feedback, Konsistenz (visuell und bei der Interaktion) sind hier entscheidend für eine gute Usability. Die aufgedeckten Probleme innerhalb der Analyse wurden von uns in Textform sowie visuell dokumentiert und für den Kunden priorisiert.

#2 - Verbesserung der User Experience für zufriedene User:innen und Usability-Tests

Auf Basis der Analyseergebnisse wurden von uns Optimierungsvorschläge in Form von Konzepten, Wireframes und Designentwürfen angefertigt. Ziel war es u.a. mehr Vertrauen auf Seiten der User:innen aufzubauen, klarer die Benefits der Plattform zu kommunizieren, die Absprungrate zu minimieren und mehr erfolgreiche Leads zu generieren. Um die Optimierungen vor der Implementierung zu validieren, wurden Tests mit potentiellen User:innen durchgeführt, aber auch einige Live-Experimente mit A/B-Testing gestartet.

#3 - Auffrischung und Erweiterung des Designs

Zu einer guten User Experience gehören auch visuelle Aspekte. Das Design muss zur jeweiligen Zielgruppe passen, die Identität der Marke widerspiegeln, aktuellen Trends bzw. Anforderungen gerecht werden und die User:innen emotional ansprechen. Nur so bleibt eine Marke oder ein Produkt in Erinnerung und es können Leads generiert werden. Daher haben wir genau bei diesen Punkten angesetzt und behutsam das bestehende Design in enger Zusammenarbeit mit dem Kunden weiterentwickelt. Für diverse neue Features wurden neue Designelemente eingeführt und die Farbpalette des Designsystems erweitert. Durch den besseren Einsatz von Farben und einer visuellen Strukturierung der Inhalte werden die User:innen nun besser über die Website geführt. So sind beispielsweise auch CTAs klar erkennbar und heben sich von weniger relevanten Elementen ab.

#4 - Technische Unterstützung bei der Umsetzung von neuen Features 

Unser Entwicklerteam unterstützte bei der Implementierung diverser neuer Features und bei der Umsetzung der UX-Optimierungen. Der eingesetzte Tech Stack umfasste ReactJS, NextJS, MaterialUI und Styled Components für das Frontend, sowie Ruby für das Backend. 

Außerdem wurden neue Inhaltstypen und Sektionen zur Verbesserung der Kommunikation mit den User:innen eingeführt, die mit dem verwendeten Headless Content Management System Contentful verknüpft werden mussten. Darunter sind beispielsweise auch Slides mit Catering-Empfehlungen, damit die User:innen Anregungen für ihre eigenen Events erhalten.

#5 - Verbesserung der Performance 

Entscheidend für ein gutes Ranking bei Suchmaschinen und für eine gute User Experience ist auch die Geschwindigkeit einer Website. Lange Lade- und Wartezeiten erhöhen die Absprungrate bei User:innen. Die Plattform muss auf allen Endgeräten schnell und für diese optimiert verfügbar sein. In diesem Zusammenhang wurden Ladezeiten durch eine automatisierte Optimierung von Bildmaterial auf der Website verbessert und Bundle Sizes reduziert.

Das Ergebnis

Die Catering-Plattform präsentiert sich nun mit einem optimierten Look, einer besseren User Experience und steht flexibler für zukünftige Kampagnen dar. Der gesamte Anfrageprozess für die User:innen ist klarer und schneller geworden. Dadurch stieg die Anzahl der erfolgreichen Leads an und Absprünge von User:innen während des Bestellprozesses konnten minimiert werden. Die Plattform ist nun auch schneller aufrufbar, egal ob am Notebook im Büro oder unterwegs im Mobilfunknetz.

Wir werden auch zukünftig heycater! bei der stetigen Weiterentwicklung und Beratung als zuverlässiger Partner begleiten.