Primary user
The shopper
Browses on a phone between other things. Needs product detail, price, and a checkout that finishes in a few taps.
Pain
Forms and steps that stall a purchase.
Case study / E-commerce / Web
DriftColony
An e-commerce platform that carries DriftColony's entire sales flow — from first product view to a paid, shipped order.
Web appE-commercePayments
01 / The problem
Where it started
Selling online meant stitching tools together.
DriftColony's products sold, but the sales flow did not live anywhere. Catalog questions arrived by chat, orders were tracked by hand, and shipping details were retyped for every sale.
The team needed one platform where browsing, buying, and fulfilment could happen in a single flow — without custom work for every order.
What success had to look like
One flow, from catalog to delivery.
- 01
A product catalog that is easy to browse and simple to maintain.
- 02
A shopping experience that carries a visitor to checkout without friction.
- 03
Orders, shipping, and payments handled in one system.
- 04
A store the team can run without a developer on call.
02 / Who it is for
Built around the shopper and the operator.
Two sides of the same sale. The platform has to serve both.
Store operator
The DriftColony operator
Confirms payments, arranges shipping, and answers questions. Needs one queue with the full picture of every order.
Pain
Orders scattered across chats and spreadsheets.
03 / The process
From first sketch to first sale.
Discovery, design, build, and launch — one team, regular releases.
Phase 01
Map the sales flow
We walked the current selling process and turned it into screens and flows.
Phase 02
Design the storefront
Catalog, product detail, and checkout designed and tested before any build.
Phase 03
Build the platform
Storefront, order management, shipping, and payment gateway, released in stages.
Phase 04
Launch and operate
Go-live, monitoring, and a handover plan for the store team.
04 / What we built
Four pieces that run the store.
Catalog, checkout, orders, and shipping — the full flow from the brief, in one platform.
01 / Storefront
The catalog, in one place.
A structured product catalog with detail pages for every item, easy for the team to maintain.
W Wavra Research BS
Discovery / Week 1
Project map
Interviews 12 Done
Workflows 8 Mapped
Risks 4 -2
Where time is lost Today
Line status Now
Reports High
Handover High
Checks Med
02 / Checkout
A payment flow customers finish.
A payment gateway built into checkout, so a purchase ends with a paid order — not an abandoned cart.
09:41
Checkout · DriftColony
Payment
Order total Rp 2.4m Paid just now
AllOpenLate
CoffeeToday · 08:12 -48k
TransferYesterday +820k
Invoice12 Oct -1.2m
Home Orders Reports You
03 / Order management
Every order in one queue.
Orders arrive with their status, items, and customer details attached. The operator works one list, not five inboxes.
W Wavra Week 6 BS
Delivery / Project
Product roadmap
Sprints 03 On plan
Features 24 +8
Risks 2 -3
Delivery pace Today
Line status Now
Discovery Done
Design Done
Build Now
04 / Shipping
Tracked to the door.
Shipping is part of the flow, so every order leaves with the right details and a status the customer can follow.
09:41
My route · Today
Deliveries
Output so far 12 4 stops left
AllOpenLate
Stop 04Petisah · 09:30 Next
Stop 05Polonia · 10:15 Open
Stop 06Merdeka · 11:00 Open
Home Orders Reports You
05 / Results
The numbers after launch.
Placeholder — fill in DriftColony's real metrics here.
—
orders processed—
checkout conversion—
repeat customers—
hours saved per week“Add a client quote about working with Wavra here.”Name — Role, DriftColony
Next project / Event ticketing
Melophile Festival Vol.1
Digital ticketing for a festival in Aceh, from online purchase to gate verification.
Open project
Your buildcould benext.
Start
Reply within one business day