Skip to content

Case study Neighborhood retail · Morocco Launching soon

hanout.Online grocery app for retail and wholesale in Morocco

One neighborhood. Two ways to shop.

Fresh groceries for home. The next restock for the shop. The Moroccan neighborhood grocer, reimagined as a single mobile experience.

hanout — grocery app in Morocco, welcome screen
hanout — grocery app, tracking the order with the delivery driver
hanout — grocery app, shopper home screen
Retail · Wholesale · العربية

Product

hanout.

Industry

Neighborhood grocery, retail & wholesale

Delivered

Product design, mobile app, delivery tracking

Languages

Français · English · العربية

Status

Launching soon

The challenge

The corner shop. With bigger ambitions.

A household buying a kilo of clementines and a grocer ordering by the case don’t need the same prices, the same quantities, or the same delivery and payment options. Both had to feel at home in the same app.

Our answer

A welcoming storefront for shoppers, a dedicated workspace for businesses. One catalog, two distinct modes, and a complete journey from discovery to doorstep delivery.

Product & UX designRetail & wholesale appReal-time trackingFR · EN · AR
hanout — grocery app, shopper modehanout — grocery app, merchant mode

Signature feature

Same shop. Different scale.

One tap takes you from the family basket to restocking the shop. Wholesale mode changes far more than the color palette — try it:

Pricing By the unit, by the kilo or by the piece
Quantities For the home
Delivery In a time slot you choose
Payment Cash on delivery or by card
Style Colorful, welcoming storefront

The journey, screen by screen

From the shelf to your door.

Real app screenshots

hanout — grocery app, store aisles hanout — grocery app, clementines product page hanout — grocery app, cart, delivery and payment hanout — grocery app, delivery tracking hanout — grocery app, tiered pricing in wholesale mode hanout — grocery app, Arabic interface
Design detailEach aisle has its own color; photos stay on a white background to keep the product front and center.

Hover to pause

hanout grocery app — Merchant sign-in
Merchant sign-in
hanout grocery app — Adding to cart
Adding to cart
hanout grocery app — Delivered and rated 5 stars
Delivered and rated 5 stars
hanout grocery app — Business cart: savings by tier
Business cart: savings by tier
hanout grocery app — Product page in Arabic
Product page in Arabic
hanout grocery app — Retail → wholesale transition
Retail → wholesale transition
hanout grocery app — Welcome screen
Welcome screen
hanout grocery app — Wholesale mode home
Wholesale mode home
hanout grocery app — Merchant sign-in
Merchant sign-in
hanout grocery app — Adding to cart
Adding to cart
hanout grocery app — Delivered and rated 5 stars
Delivered and rated 5 stars
hanout grocery app — Business cart: savings by tier
Business cart: savings by tier
hanout grocery app — Product page in Arabic
Product page in Arabic
hanout grocery app — Retail → wholesale transition
Retail → wholesale transition
hanout grocery app — Welcome screen
Welcome screen
hanout grocery app — Wholesale mode home
Wholesale mode home

Results

Ready for the neighborhood.

2 modes

Retail and wholesale, in a single app

3 languages

French, English and right-to-left Arabic

Next project

Cardnd

A better way to hit the road.

Read the case study