Case study 04 · Hibee5 min read

Groceries, delivered
by the neighbours.

Hibee sells groceries to people living in apartment complexes in Bengaluru. Rather than employing riders, it lets any resident of the building take a delivery and earn from it.

I designed both halves: the platform operations runs the business on, and the app residents order from.

RoleProduct designer
ClientHibee, via Moshi Moshi
ScopeSuper Admin web + Android app
When2022
Super Admin · Inventory dashboard
Hibee Super Admin inventory dashboard
Hibee app home screen

Both halves, as designed in Figma: the inventory dashboard operations runs, and the home screen a resident opens.

2 days

down from 3 weeks

To open a new building: catalogue, prices, offers and homepage, set up by one person in operations.

500+

products in the catalogue

Read four ways from one dashboard: running out, expiring, returned, ordered.

Prototype

the complete flow

Every resident screen, prototyped end to end for the dev team to build from.

Part one

The platform

Super Admin, the web console operations uses to set up and run every building.

Web · 1440

Every building is a different shop

One person opens a new building. No engineers.

One apartment complex buys organic vegetables and imported cheese. Another two kilometres away buys rice, oil and detergent. So Hibee isn’t one store serving a city: each building needs its own catalogue, prices, offers and homepage, and the people setting that up work in operations.

That made the admin platform the real product. The Homepage Modifier is where it shows: the resident’s home screen, as a list someone in operations can reorder and switch on or off, section by section, then category by category.

Homepage Modifier
Homepage Modifier: sections of the app home screen with reorder handles and visibility toggles
Homepage Modifier › Category
Category level of the Homepage Modifier with per-category visibility
A · Reorder
Drag handles and order numbers
A

Order is the layout. Drag a section up and it moves up on that building’s home screen. Banners, categories, promotions, products.

B

Visibility per section. A toggle hides a section without deleting it, so a seasonal shelf can sleep until it’s needed.

C

Same pattern, one level down. Open a section and its categories behave the same way. Learn it once, use it everywhere.

Inventory

Four reports, one screen.

The catalogue holds over 500 products, and four people need to read it differently: what’s running out, what’s expiring, what keeps coming back, what’s selling.

Those were four reports, each requested from someone else and each a day old on arrival. Here they’re four panels on one screen, above the full catalogue.

A

Low on stock. Quantity left, with Order more on the row.

B

Expiring soon. Sorted by days left, so the nearest is first.

C

Most returned. Frequency over the last month: a quality signal, not a sales one.

D

Most ordered. What to never run out of.

Inventory · Dashboard
Inventory dashboard: totals, then Low on stock, Expiring soon, Most returned and Most ordered

Products and orders

Built for someone standing in a warehouse.

Adding a product produces its own barcode and QR code alongside the form, because the person doing it is next to a crate rather than at a desk.

Orders show status and whether they’re Superfast, so one person can triage a screen without opening anything. An order carries the tax numbers and a downloadable invoice. None of it is glamorous; all of it is the difference between a demo and something a warehouse runs on.

Inventory › Add product
Add product form with barcode, QR code and product image
Barcode + QR, per product
Generated barcode and QR code
Orders
Orders list with status pills and a Superfast column
Order #141189
Order detail with price breakdown and invoice

Add a product, triage orders, open one. Status and Superfast sit in their own columns; the invoice and GST numbers sit beside the order.

Part two

The app

The Android app residents order from: onboarding, browsing and checkout. It follows the same structure as Blinkit.

Android · 360

Onboarding

Society first, then the flat.

Most delivery apps start with a pin on a map. Inside an apartment complex a pin is useless: hundreds of homes share it. Hibee asks which society you live in, then your flat number.

The flat is the whole identity: address, account and order history at once. Name comes last and email is optional, and a society that isn’t on the list gets a way to ask for Hibee.

Select your society
Enter your flat number
Add your details
Step 01

Society. Picked from a list near you.

Step 02

Flat number. The resident’s real address.

Step 03

Details. Name, optional email, skippable.

The store

A store stocked for one building.

What the resident sees is what operations arranged in the Homepage Modifier: the banner, the category grid, the offers, in that building’s order.

Categories open into a two-pane browser, subcategories down the side and products beside them, and every card carries the discount and an add button so the cart fills without leaving the list.

Category browser
Home screen
Product detail
CategoryHomeProduct

Checkout

Rewarding the off-peak order.

Everyone wants delivery between six and eight. Charging more at peak reads as a penalty for ordering at a normal hour.

So the delivery sheet discounts both. Delivery now shows ₹35 struck through to ₹25. Delivery later is ₹15, with a save badge beside it. The cheaper slot is a reward, not a fine.

The cart behind it does the same quiet work: savings first, a coupon, last-minute add-ons, and a running bill.

Review cart
Select a delivery option

Results

What changed.

Opening a new building3 weeks, with engineering  → 2 days, one person in operations
Reading the cataloguefour reports, a day old  → four panels, live
Logging a batchevery item entered one by one  → one QR per carton, scanned once

Looking back

What I’d do differently

The resident-as-courier side is the whole premise, and it got the least design attention. If I rebuilt Hibee, that would be the first surface I designed, rather than something bolted onto an ordering app.

Create a free website with Framer, the website builder loved by startups, designers and agencies.