E-Commerce Honey-Shop
Bee Good Web-App
Watch my Portfolio
Download my CV
Background
Bee Good ist eine Honigmarke, die Umweltfreundlichkeit und lokale Produktion als zentrale Werte vertritt. Das Ziel ist es, durch einen intuitiven und ansprechenden online Webshop mehr Kundinnen zu gewinnen. Die Zielgruppe sind 25–45-jährige gesundheitsbewusste Nutzerinnen mit Online-Shopping-Erfahrung.
Problem Statement
Viele lokale Imkerinnen verkaufen noch nicht online – das erschwert den Zugang zu nachhaltigem Honig für moderne Konsumentinnen.
User pain points:
- Nicht mobilfreundliche Websites
- Unübersichtliche Navigation
- Kein Vertrauen in die Marke / Herkunft
- Komplizierter Checkout
Ein benutzerfreundlicher, vertrauenswürdiger und mobiloptimierter Webshop, der den Kauf von lokal produziertem Honig vereinfacht – mit klarer Navigation, transparenter Produktdarstellung, emotionalem Storytelling und einem einfachen Checkout-Prozess.
Lösungsidee
Alex
Mareike
Hua
Team Intro
Project type: Bootcamp 100% remote projectMy Role: UI/UX Design focus on Design System, after Userability testing UI reparierenTools: Figma, FigJam, Notion, Zoom, SlackDuration: 2 Wochen im April 2025Team: Team von 3 Personen
Honey, Honey!
User Needs
Eine intuitive Navigation
Transparente Produktinformationen
Spaß an der Nutzung der Plattform
Eine effiziente Produktsuche
Möglichkeit zu nachhaltigen Kaufentscheidungen
Als Honigliebhaber:in möchte ich Honig nach meinem Geschmack und von kleinen Imker:innen kaufen können, damit ich weiß, woher mein Produkt kommt und ich die Arbeit der Bienen wertschätzen kann.
User Story
“
User Flow
Lo-Fi Wireframe
Design Principle &
Design Tone
Emotionale Verbindung
Konsistenz
Klarheit
UI Style Guide
Klarheit • Emotionale Verbindung • Konsistenz
Design Principles:
Design Tokens
brand colors/primary - 1
--color-darkblue-500: #0b3c49;
Components
Usability Testing
Helmut (71)
Rentner
Anne (30)
Studentin
Tom (40)
IT-Experte
Test Objectives
Stelle dir vor, du hast richtig Lust auf einen süßen Akazien-Honig und möchtest dir ein entsprechendes Produkt kaufen. Wähle hierzu bitte über den Geschmack das Produkt aus, schaue dir die Produktdetails an und füge es deinem Warenkorb hinzu, bis du zur Bestellbestätigung gelangst.
“
Test Objectives
Prioritätsbewertung
Auswertung
Optimierungspotenzial mit hoher Priorität
Navigation:Home schneller erreichbar | Zurück-Button ergänzen | Topseller besser sichtbar machen
Filter & Auswahl:1x Klicken vom Geschmack zum Produkt | | Blütenskala entfernen | Mengenangabe ergänzen | CO₂-Ersparnis klarer | Text auf Produktseite besser gliedern
interation in
short time
Documentation
Keylearnings
Next Step
Alle Elemente & Components sinnvoll benennen
Wirklich alles gut zu strukturieren
Klare Aufgabenverteilung und dadurch die Zusammenarbeit optimieren
Erweiterung um Filterfunktion (nach Geschmack, Herkunft)
Integration von Zahlungsanbietern wie Klarna & PayPal
Erweiterung zum Abo-Modell („Honigbox jeden Monat“)
Let’s work together
