Mobile-first shopping
Make categories and product details available without beginning with a one-to-one enquiry.
Browse & chooseCASE STUDY / CROSS-BORDER RETAIL · E-COMMERCE
Let customers order.
Let the system handle complexity.
From product questions, chat orders and payment screenshots to a clearer storefront and order journey. For Kema Shop, we designed an independent commerce experience that supports international product sourcing and Australian local retail.
Visit client website Cross-border catalogue Shipping & bundle rules Payments & order flow
SYDNEY / CROSS-BORDER RETAIL
Choose well. Buy clearly.
Curated everyday essentials.
Baby
Wellness
Skincare
From browsing to order handling ↗
01 Cross-border catalogue
02 Shipping & bundle rules
03 Payments & order flow
01 / BUSINESS CHALLENGE
A growing retail business
should not live inside chat threads.
The opportunity was not simply another online shop. It was one set of understandable rules connecting customer checkout and back-office order handling.
Kema Shop is a Sydney-based retail business offering curated baby-care, wellness and skincare products for Australian and cross-border shoppers. As product and order scenarios became more varied, chat and spreadsheet-based order intake created operational friction.
01
Scattered order details
Product questions, payment details and delivery addresses were spread across messages and spreadsheets.
02
Complex delivery terms
Fulfilment from different origins, promotions and tiered freight needed repeated manual explanation.
03
Post-purchase enquiries
Customers needed order and parcel updates, leaving staff to answer similar questions repeatedly.
02 / FROM MESSAGE TO CHECKOUT
Bring the answers customers need
into the buying journey.
Let shoppers browse, understand delivery and payment conditions, and leave with a usable order record. The interactive panel below illustrates the intended journey; it is not a screenshot of Kema’s live system.
Catalogue & product
Browse curated baby care, wellness and skincare categories without starting with a chat enquiry.
Concept illustration · not client UI KEMA / SHOPPING FLOW 01 / 03
Find the right product.
Concept illustration · not client UI
03 / WHAT WE BUILT
The valuable custom work
lives in the business rules.
The original case draft describes a mobile store, shipping and promotion rules, payment methods and order tracking. The design below groups those capabilities around buying and operations.
Shipping & order rules
Design processes for mixed origins, bundled offers and delivery conditions.
Calculate & confirmPayment handoff
The source draft describes card, WeChat Pay and Alipay integration; current provider and merchant details require verification.
Pay & recordOrder self-service
Help customers find their own order and shipping-related information without a new message.
After purchase04 / ORIGINAL STOREFRONT REFERENCE
The project’s original storefront capture.
This section references the existing screenshot in Coco’s repository. The standalone preview attempts to load that image when online and shows a clearly marked illustration when offline. The Astro version uses the repository asset directly.
Historical project imagery. Products, prices, payment acceptance and delivery policy should be checked against the merchant’s current operation.
kema.shop / Storefront
KEMA ✳
Illustration · original image available in Astro repository 
05 / WHAT CHANGED
From messages and spreadsheets
to a repeatable buying process.
The case supports discussing workflow and delivered capabilities, not an unverified growth percentage.
Previously
Chats, screenshots and spreadsheets meant staff reassembled order details by hand.
With the storefront
Catalogue, checkout and order details became part of a more consistent customer and operational journey.
Evidence limit
The old case draft claims order and brand-count metrics without audit-ready source data. They are deliberately omitted here, along with an unapproved quote.
RELATED WORK / CASES
Similar problems. Different operations.
LET’S WORK FROM THE BUSINESS
Still managing more orders
through chats and spreadsheets?
A full replatform may not be necessary. Start by mapping how buyers order, how your team handles it and where errors occur.
Discuss my retail workflow ↗