01 / The welcome
A door opens. A day begins.
The arch, rising sun and arriving wordmark turn a first launch into a small moment of anticipation.
Loading...
Loading...
Fresh groceries for your home. The next restock for your shop. A Moroccan neighbourhood store, reimagined as one connected mobile experience.
Explore the productA household buying a kilo of clementines and a shop ordering cases need different prices, quantities, delivery options and payment terms. The challenge was to make both feel at home in the same app.
Hanout pairs an inviting retail experience with a focused wholesale workspace. One catalogue, two distinct modes, and a complete journey from browsing to the delivery at your door.
Motion is part of the product’s personality. Watch the actual app recordings, from its first hello to a completely different way to shop.
The arch, rising sun and arriving wordmark turn a first launch into a small moment of anticipation.
The product stays in context while a toast confirms the addition and offers a direct route to the bag.
A circular reveal carries the familiar retail storefront into a dark wholesale workspace with saffron accents.
Actual app recordings · Sound off · Playback controls available
Seasonal stories, warm bread and everyday essentials sit together in a welcoming storefront. Search the catalogue or explore an aisle, then narrow the selection with useful filters.
Colour gives each aisle its own identity. Product photography stays on clean white plates, keeping the food at the centre of the experience.
Origin, price, ratings and pack information make each product easy to understand. Choose a quantity, see the total and add it to the bag with immediate visual feedback.
The wholesale invitation lives alongside the retail price. People buying for a shop can discover a better fit without leaving the product.
Review quantities, choose a delivery slot and confirm the payment method in one flow. The summary separates products, delivery and the final total before the order is placed.
The free-delivery threshold and sticky order button keep the next decision visible. Confirmation turns that decision into a clear order record.
Confirmed, packing, on the way, delivered. The order journey keeps progress visible, introduces the rider and ends with a delivery rating. A live card on Home keeps the order close even while browsing.
The captured order follows the actual staging workflow through every status. The timeline and rider card turn fulfilment into something the customer can follow.
Wholesale changes more than the palette. Case quantities, tiered pricing, next-day delivery and pay-on-account options turn the same catalogue into a business purchasing tool.
The dark workspace and saffron actions signal a new context. Pricing tiers explain how quantity changes the unit price before a shop commits.
English, French and Arabic interfaces support the neighbourhood’s different shoppers. Arabic mirrors the navigation and buying controls, while profiles keep household and business preferences within reach.
Localisation extends to layout, not just labels. In these captured Arabic screens, catalogue names and promotional content still come from the English staging data.
A familiar Moroccan identity, two carefully considered shopping modes and one continuous commerce journey. Hanout brings everyday shopping and business restocking together without losing what makes each one different.
Explore the complete captured experience. Choose a chapter, then open any screen for a full-size view.
20 screens · Retail
Captured from the staging app. Product names and promotions in the Arabic views use the English catalogue data.
A better way to get going.
Have a product in mind?
Let’s build it together