Selected work / 02 — 04Tagline Traders
Sound is on. Playback starts after the portfolio is ready.
Close

Commerce / Operations

Tagline Traders

Commerce above. Operations beneath.

My contribution

React storefront & management interface

△TAGLINETRADERS
THE EVERYDAY, WELL SOURCED.

Good food.
Better business.

FIELD
↗
TO SHELF
Explore the pantry
Turmeric↗

A little golden warmth.

Chilli powder↗

Full of character.

Coriander↗

Earthy. Fresh. Essential.

A connected commerce experience.CATALOGUE ↗
tt.
BEHIND THE STOREFRONT

The operations desk.

InventoryKnow what is available
ProductionFollow the next step
DispatchKeep orders moving
ONE BUSINESS. CONNECTED WORKFLOWS.
COMMERCE / CULTIVATED
RECREATED INTERFACE · SAMPLE CONTENT
Recreated interface studies based on the two supplied React applications. Product and inventory examples are sample content.

01 / The context

Behind
the interface.

Two connected application experiences

Tagline Traders connects two different working worlds: a customer choosing everyday essentials, and a team managing the products behind that order. I worked on its React storefront and management experience.

The customer side covers catalogue discovery, checkout, addresses, order history and invoices. The management system brings together stock movement, purchase orders, different sales channels, payments and reporting. It also includes spice-production workflows, from ingredients to finished packs and batches.

ReactJavaScriptReduxMaterial UIAG GridExcelJS
The challenge

A retail business needs an approachable buying experience and detailed operational tools, each shaped around very different users.

The approach

Give customers a clear route to their order, while giving each operational responsibility its own focused workspace.

02 / A closer look

Inside the build.06

Small decisions.
A connected experience.

No.CapabilityFocusExplore
01Discovery to checkoutStorefront

Category browsing, catalogue search, product quantities, saved addresses and checkout options.

02The order continuesCustomer

Order history with payment and delivery details, plus downloadable PDF invoices.

03Workspaces by responsibilityOperations

Menu views for administration, finance, warehouse, store, vehicle, driver and production roles.

04Stock with a destinationInventory

Transfers across warehouses, stores and vehicles, including in-transit records and arrival workflows.

05From ingredient to SKUProduction

Spice inputs, finished pack sizes, batch details, manufacturing dates and expiry fields.

06Reports that leave the screenReporting

Filtered sales views, CSV/Excel exports and spreadsheet import/synchronization screens.

A similar challenge?

Let’s talk about it
Next project / 03LogisParcelShipping complexity, made legible.