Client work · 2025 · Client delivery & narrative-led design
Daichi
Farm-to-shelf traceability for a women's self-help-group food brand — every ingredient in a jar, with its origin, on one scrollable trail.
- Traceability depth
- Farm→shelf
- Accent colour system
- Per-product
- Scan to full trail
- 1
Client engagement. Business specifics are kept generic; everything below describes work that is mine to describe.
The problem
The brand's whole value is provenance: ingredients sourced from a women's self-help group, processed in small batches. On the shelf, that story is invisible — it competes with mass-produced jars that look identical. The client needed the supply chain to become the marketing.
Constraints
- Non-technical admins add batches, so the dashboard has to survive real-world data entry
- Buyers arrive on mobile from a pack QR code, often on slow connections
- Batch records must be tamper-evident to be worth anything as a claim
Architecture
01 Consumer
- Next.js App Router
- Animated vertical timeline
- QR entry point
02 Content
- Per-product accent tokens
- Ingredient trail model
- Image pipeline
03 Admin
- Batch dashboard
- Role-gated writes
- Validation on entry
04 Trust
- Batch hash → ledger
- On-demand verification
- Audit log
- Next.js
- TypeScript
- Tailwind CSS
- MongoDB
- Blockchain ledger
- GSAP
Key decision
Anchored batch records to a ledger, kept the read path off-chain
A traceability claim nobody can verify is a marketing claim. Writing every batch on-chain makes it verifiable but makes page loads slow and costly. The build hashes each batch record to the ledger for tamper-evidence, while the consumer page reads from MongoDB — so verification is available on demand and the trail still loads instantly on a 3G phone in a shop aisle.
What it cost
Verification is a deliberate extra step rather than automatic on page load. Most buyers will never tap it; the ones who do — and auditors — get proof. Trust for everyone else rests on the brand.
Outcome
- The vertical timeline is scroll-linked — each stage of the trail draws in as the buyer scrolls, which makes a supply chain read like a story instead of a table.
- Each product carries its own accent colour token, so the same components render a distinct identity per SKU with no per-product code.
- Delivered to a real client with an admin dashboard non-technical staff run unaided.