Shama Hina All work Next case Email

Matwo

A construction-materials shop designed from nothing: one app for home buyers and verified businesses, and the admin that runs it.

Role
Product Designer, solo
When
Jan to Aug 2025
Surfaces
Customer app, admin web application
Starting point
No product, no design system
Matwo cover

Overview

Matwo sells what a building is made of: cement, pipes, tiles, electrical materials and the rest of the list.

There was no website, no app and no design system to start from. I designed the whole product alone: the shop customers buy from and the admin the business runs on.

One platform

The challenge

A homeowner fixing a bathroom and a contractor pouring a foundation want the same cement, in very different quantities, at different prices, with different paperwork.

Nobody impulse-buys 120 bags of cement. The product had to serve both buyers without making either feel they were in the wrong shop.

How might one platform sell to a household and a construction business, and give the team behind it full control of both?

Process

Scope on this project: Strategy, information architecture, user flows, wireframes, UI design, design system, prototype

  1. Research
  2. Analysis
  3. Ideation
  4. Wire framing
  5. Prototyping
  6. Usability testing
  7. Feedback
  8. UI design
  9. Development handoff
Two buyers

Choose your type

The first decision in the app is who you are. A general user goes straight to the shop.

A business user registers with a GSTIN. Once the business is verified, B2B pricing, offers and bulk buying open up.

  • General user: shop straight away
  • Business user: GSTIN, then verification
  • Business details stay in the account
Choose your type screen with Business User and General User cards
Choose your typeTwo cards, one tap.
Settings screen with Orders, Business Details, Addresses and Saved Cards
AccountOrders, business details, addresses and cards.

From first open to a tracked order

Eight screens, in the order a buyer meets them.
Welcome to Matwo screen
WelcomeFor small projects and bulk orders.
Choose your type screen
ChooseBusiness user or general user.
Set your location screen
LocationAllow access, or type it in.
Home screen with offers, a flash sale and top brands
HomeOffers, a flash sale, top brands and new arrivals.
Product page for a 50 kg bag of cement
ProductPrice, quantity presets and delivery to your pin code.
Cart with address, coupon and price details
CartAddress, coupon, GST and the total.
Order details with a delivery tracker
TrackFour stops from ordered to delivered.
Orders list with delivered, arriving, cancelled and exchanged orders
OrdersEvery order and where it stands.

A product page that expects big orders

Construction materials are bought by the tens and hundreds, so quantity is a row of presets, not a plus button to tap a hundred times.

Delivery date, free delivery, exchange window and pay on delivery sit directly under the price, checked against the buyer’s pin code.

  • Quantity presets: 10, 50, 100, 120
  • Coupon and bank offers on the page
  • Specifications, seller details and reviews below
  • EMI for larger purchases
Product page with quantity presets and delivery details
ProductKeep scrolling: the screen scrolls with you.
Cart with coupon, GST and total amount
CartEvery line of the price, before Place Order.

After the order

Where a shop earns the second purchase.
Order details with return, exchange and invoice download
Return or exchangeBoth buttons on the order, with the window stated.
Orders list
Order historyDelivered, arriving, cancelled and exchanged.
Wishlist with category chips
WishlistSaved items, sorted by category.
Filter screen with brand, cement type, usage and price range
FilterBrand, type, usage, price, discount, rating and delivery time.

The admin

The half of the product customers never see. Hover a number.
Matwo admin dashboard with numbered callouts
  1. 1

    Three headline numbers

    Total sales, total orders and user growth, each with its own month and year filter.

  2. 2

    Business against general

    One chart splits B2B sales from B2C sales, month by month.

  3. 3

    Top sellers

    What is selling most, as shares of the whole.

  4. 4

    Recent payments

    Order, customer, date, payment type and city.

  5. 5

    Visitor report

    Who is visiting, by age group.

Running both sides of the shop

Four of the thirteen admin modules.
Business Request screen with GSTIN details and Accept and Reject buttonsBusiness requests
Add Product form with B2C pricing and B2B pricingAdd product
Business Order table with totals for orders, delivered, cancelled, pending and revenueBusiness orders
Employee table with roles and active togglesRoles and employees

The thirteen modules in the admin sidebar.

My role, 0 to 1

  • Product and UX strategy
  • Information architecture
  • User flows
  • B2C and B2B journeys
  • Wireframes
  • High-fidelity UI
  • Design system
  • Responsive web
  • Admin dashboard
  • Interaction and state design
  • Edge cases and error states
  • End-to-end prototype

Outcome

One connected platform: B2C shopping, verified B2B purchasing, EMI for the larger orders and the admin to run all of it.

There was nothing to redesign. Every screen, flow and component started as a blank file.