Redesigning the digital storefront for a premium New Zealand Manuka honey brand in the Moroccan market — transforming a low-trust shopping experience into a conversion-driven platform.
The mobile homepage leads with origin — De Nouvelle-Zélande à chez vous — puts the free-delivery threshold above everything, and gives the hero a single clear action.
manukaqueenbee.ma — mobile homepage
ManukaQueenBee.ma is a Moroccan e-commerce store selling certified New Zealand Manuka honey — a high-value product that demands trust, clarity, and education. The existing Shopify store used a default theme that failed to communicate product quality, UMF certification differences, or brand credibility.
The challenge: How do you sell a €50–€200 jar of honey online to a market unfamiliar with the product — and make them confident enough to buy?
Heuristic evaluation of the existing Shopify store — identified 23 usability issues across navigation, content, trust, and conversion flow.
Competitive analysis of premium honey brands. Restructured information architecture around user decision-making patterns.
High-fidelity mockups in Figma — homepage, product page, collection page, and checkout. Dark premium palette with gold accents.
Built the UMF grade switcher as a production-ready HTML/CSS/JS component, integrated into the Shopify theme.
The centerpiece of the redesign: an interactive component that lets users compare Manuka honey grades (UMF 5+ to UMF 20+) side by side. Each grade displays potency, health benefits, price, and certification — solving the #1 user confusion point identified in the audit.
Built as a standalone HTML/CSS/JS component with smooth transitions, ready for Shopify Liquid integration. Designed for touch, tested on mobile-first.
The redesign transformed a generic template into a premium shopping experience that educates and converts. Key improvements delivered: