16 screens - 72 states - 305 actions

Shopper Web Storefront

The web face of the multi vendor marketplace: discovery, escrow protected checkout, order tracking and returns. Phase 1 (Rwanda) scope only. Every control on every screen leads somewhere, and the States picker on the prototype bar reaches each state without hunting for it.

Walkthroughs

All portals
8 steps

Shop and pay with escrow

Browse, add to cart, pay into escrow, then confirm delivery to release payment.

Start walkthrough
5 steps

Buy now, pay later at checkout

Pay a shortfall with a wallet loan taken at checkout: prequalify, accept, e-sign.

Start walkthrough
4 steps

Sign in and manage orders

Register or log in, view the account, track orders and reach support.

Start walkthrough
4 steps

Return an item and open a dispute

Request a return inside the 7 day window, then escalate to buyer protection.

Start walkthrough

Screens

SHP-01-home

Homepage

Dynamic hero, flash sales strip, trending products, category tiles

5 states18 actions7 use cases
Open screen
SHP-02-login-register

Login and Registration

Phone or email OTP login, social login, Turnstile bot protection

6 states19 actions4 use cases
Open screen
SHP-03-search-results

Search Results

Autocomplete open state, faceted filters, relevance sort

3 states27 actions3 use cases
Open screen
SHP-04-category

Category Browse

Category and brand browsing grid with filter rail and breadcrumbs

4 states27 actions4 use cases
Open screen
SHP-05-product-detail

Product Detail

Gallery, variants, installment and wallet financing price, delivery estimate, reviews and Q&A

2 states26 actions11 use cases
Open screen
SHP-06-store-page

Seller Storefront

Store banner, ratings, follow button, product grid for one merchant

7 states26 actions3 use cases
Open screen
SHP-07-flash-sales

Flash Sales Hub

Countdown timers, deal tiers, stock meters, upcoming sales

3 states20 actions2 use cases
Open screen
SHP-08-cart

Cart

Multi-seller grouped cart, save for later, voucher entry, totals

5 states30 actions7 use cases
Open screen
SHP-09-checkout

Checkout: Address and Delivery

Address form with province hierarchy, delivery options, tax-inclusive summary

3 states9 actions4 use cases
Open screen
SHP-10-checkout-payment

Checkout: Payment

Wallet, MTN MoMo, Airtel Money, card, BNPL (a wallet loan at checkout), escrow note, cashback

11 states27 actions10 use cases
Open screen
SHP-11-order-confirmation

Order Confirmation

Success state with escrow explainer and track order call to action

3 states5 actions1 use cases
Open screen
SHP-12-account-dashboard

My Account

Profile, saved addresses, language preference, optional KYC gate banner

2 states14 actions1 use cases
Open screen
SHP-13-orders-list

Order History

Orders with status chips, filters and reorder action

2 states13 actions5 use cases
Open screen
SHP-14-order-detail

Order Tracking

Delivery timeline, delivery OTP note, cancel and return panel

10 states26 actions13 use cases
Open screen
SHP-15-wishlist

Wishlist and Saved Searches

Saved items with price drop notes, move to cart, saved searches

2 states7 actions1 use cases
Open screen
SHP-16-support

Help Center

Live chat, AI chatbot, ticket form, callback request, FAQ and knowledge base

4 states11 actions5 use cases
Open screen
81 of the 81 Phase 1 backend use cases that the module registers bind to this portal are represented on these screens, and the prototype verifier checks that on every build.