Beyeler Finefoods
Beyeler Fine Foods ist eine Premium-Feinkostmarke mit Vertrieb über D2C, Retail und Amazon. Das Projekt umfasste den kompletten Neuaufbau der Website: von UX Research und Informationsarchitektur über UI Design bis zur technischen Umsetzung in Webflow. Ziel war eine klar strukturierte Markenplattform, die Produkte hochwertig präsentiert, Storytelling und Rezepte ermöglicht und redaktionell einfach pflegbar bleibt.
Rahmenbedingungen & Zielbild
Ausgangslage
Die bestehende Website basierte auf Wix und war inhaltlich wie visuell nicht mehr zeitgemäß. Die Produktdarstellung war funktional, aber wenig differenziert, Inhalte wirkten fragmentiert und es fehlte eine klare Informationshierarchie. Die Bildwelt konnte die Qualität der Produkte nicht ausreichend transportieren, und die Seite bot kaum Raum für Storytelling, Rezepte oder vertiefende Inhalte. Zudem war das System nur eingeschränkt erweiterbar und erschwerte die Pflege sowie die Vorbereitung für weitere Vertriebskanäle wie Amazon und Retail.
Zielsetzung
Ziel war der Aufbau einer klar strukturierten, visuell starken Markenwebsite, die Produkte hochwertig präsentiert und gleichzeitig Raum für Storytelling, Rezepte und Content-Formate bietet. Die Seite sollte als zentrale Markenplattform fungieren, den Verkauf über externe Kanäle unterstützen und technisch so aufgebaut sein, dass Inhalte einfach pflegbar und langfristig erweiterbar bleiben. Besonderer Fokus lag auf einer konsistenten Visual Language, klaren Produktlogiken und einer sauberen Trennung von Inhalt, Design und System.
Meine Rolle & Verantwortlichkeiten
Ich war im Projekt ausschließlich für UX Research, UX-Strategie, UX-Konzeption und UI Design verantwortlich. Mein Fokus lag auf der Analyse der bestehenden Seitenstruktur, der Bewertung von Informationshierarchien sowie der Definition zentraler Nutzungsszenarien als Grundlage für klare Content- und Navigationslogiken. Visuelle Entscheidungen wurden erst nach Abschluss dieser UX-strategischen Arbeit getroffen.
Die Umsetzung erfolgte in enger Zusammenarbeit mit einem interdisziplinären Team aus Marketing, Content und Fotograf:innen. Meine Aufgabe bestand darin, Research-Erkenntnisse und strategische UX-Überlegungen in ein konsistentes, markengerechtes UI-System zu übersetzen, das Inhalte klar priorisiert und langfristig erweiterbar bleibt.
UX / UI – Konzept & Entscheidungen
Vor dem UI Design habe ich gezielt UX-Research- und Strategie-Methoden eingesetzt, um belastbare Grundlagen zu schaffen. Dazu gehörte die Definition und Analyse zentraler Userflows, um typische Wege von der Orientierung über Produkt- und Inhaltsnutzung bis zur Kaufweiterleitung nachvollziehbar abzubilden. Ergänzend habe ich die bestehende Informationsarchitektur überprüft und neu strukturiert, um klare Hierarchien und Entscheidungspunkte zu definieren.
Mit Low-Fidelity-Wireframes und strukturellen Skizzen wurden Seitenaufbauten und Inhaltsgewichtungen früh validiert, bevor visuelle Gestaltung eine Rolle spielte. Parallel dazu habe ich Inhalte über ein Content-Mapping systematisch den jeweiligen Nutzungsphasen zugeordnet. Erst auf Basis dieser UX-strategischen Entscheidungen wurde das UI Design entwickelt.
UI Design – Umsetzung der Konzepte
Das UI Design wurde konsequent aus der zuvor erarbeiteten UX-Struktur abgeleitet und dient nicht der reinen Ästhetik, sondern der klaren visuellen Übersetzung von Hierarchien und Inhalten. Der Fokus lag auf einer hochwertigen, sportlichen Gestaltung, die die Qualität der Produkte und die Markenhaltung sichtbar macht, ohne Inhalte zu überladen. Typografie, Farbigkeit und Bildflächen wurden so eingesetzt, dass Orientierung und Lesbarkeit jederzeit gewährleistet bleiben. Besonderes Augenmerk lag auf der konsistenten Darstellung über alle Seiten hinweg sowie auf einem modularen Designsystem, das unterschiedliche Content-Formate wie Produkte, Rezepte und redaktionelle Inhalte visuell zusammenführt und gleichzeitig flexibel erweiterbar bleibt.
Web & Development
Die technische Umsetzung erfolgte in Webflow mit dem Ziel, die zuvor entwickelte UX- und Content-Struktur sauber, wartbar und langfristig erweiterbar abzubilden. Inhalte wurden konsequent modular und CMS-basiert aufgebaut, sodass Produkte, Rezepte und redaktionelle Inhalte dynamisch gepflegt und flexibel ausgespielt werden können. Ein zentraler Fokus lag auf der Definition klarer Inhaltsformate und Datenstrukturen, um dem Kunden eine einfache, konsistente Verwaltung zu ermöglichen und gleichzeitig gestalterische Kontrolle zu behalten. Die technische Umsetzung unterstützt die visuelle Hierarchie und das Storytelling, ohne zusätzliche Komplexität zu erzeugen, und schafft eine stabile Grundlage für zukünftige Erweiterungen sowie die Anbindung externer Vertriebskanäle.
Ergebnis & Wirkung
Das Ergebnis ist eine klar strukturierte, visuell hochwertige Markenwebsite, die die Qualität der Produkte deutlich besser transportiert und Inhalte nachvollziehbar priorisiert. Durch die saubere UX- und Content-Struktur wurde die Orientierung für Nutzer:innen verbessert und gleichzeitig die redaktionelle Pflege für den Kunden vereinfacht. Die neue visuelle Sprache stärkt die Markenwahrnehmung und schafft Konsistenz über alle Seiten hinweg, während die technische Umsetzung in Webflow eine stabile, erweiterbare Basis für zukünftige Inhalte, Kampagnen und Vertriebskanäle bildet.
Fazit
Das Projekt hat gezeigt, wie entscheidend eine klar definierte UX-Strategie als Grundlage für visuelle Gestaltung ist – insbesondere bei markengetriebenen Websites mit mehreren Content-Ebenen. Die frühe Fokussierung auf Nutzerflüsse, Inhaltspriorisierung und Systemlogik hat spätere Designentscheidungen deutlich präziser und konsistenter gemacht.
Besonders wertvoll war die enge Verzahnung von UX-Arbeit und inhaltlicher Zusammenarbeit mit Marketing und Content, da dadurch Gestaltung nicht isoliert, sondern als Teil einer ganzheitlichen Markenkommunikation gedacht werden konnte.
weitere Projekte
A curated collection of my most impactful projects, showcasing my approach, creativity, and the results delivered for clients.
