CS04 / 2026Self-initiated interactive prototype

CAFG

One commercial identity, carried from five product formats into responsive buyer journeys and a demo product layer.

Brand identity · Packaging direction · Website UX/UI · Art direction · Demo client portal

Five Central Asia Food Group packages for apricots, walnuts, honey, tea and meat snacks

Fig. 00 — Five-SKU packaging familyCAFG / 2026

01Commercial brief

Provenance, made useful.

CAFG is a self-initiated proposition for a Central Asian food sourcing and export group. The system had to communicate regional origin, premium product quality and complex B2B services without leaning on generic export imagery or unearned claims.

Role

Brand identity, packaging direction, UX/UI and art direction

Scope

Five SKUs, responsive commercial site and demo portal

Status

Interactive presentation prototype; not a live customer system

Prototype disclosure

CAFG is a self-initiated interactive prototype. Business data, standards, certifications, customer records and integrations shown in the experience are illustrative or simulated. No live company operations or production systems are claimed.

02Packaging system

Five formats. One shelf rhythm.

Forest green, natural cream and brass connect structurally different packs. A shared mountain-and-field illustration creates recognition across pouch, jar, cylinder and carton formats while leaving each category easy to identify.

Dried apricots

Pouch

Walnuts

Pouch

Mountain honey

Jar

Herbs & tea

Cylinder

Meat snacks

Carton

Dried apricots in the CAFG dark, tactile product world — Fig. 01 — Product-world art direction

Mountain honey product art direction — Fig. 02 — Product-world art direction

Herbs and tea product art direction — Fig. 03 — Product-world art direction

03Responsive system

From regional story to commercial action.

The website moves from provenance and range into private label, quality, process and conversion. Desktop and mobile preserve the same decision path, but navigation, cards, maps and calls to action are recomposed rather than merely reduced.

Full desktop homepage for the Central Asia Food Group responsive prototype — Fig. 04 — Desktop commercial narrative

Mobile homepage for the Central Asia Food Group responsive prototype — Fig. 05 — Mobile hierarchy, rebuilt for the viewport

04Buyer journeys

Complex services, sequenced clearly.

Product discovery, private label, quality assurance, the seven-stage working process and sample requests are treated as one connected commercial journey. Each page answers a buyer question and creates a clear next action.

Desktop product-category overview with six food sourcing categories — Fig. 06 — Product architecture designed to expand

Private-label service page in forest green, cream and brass — Fig. 07 — Private-label service journey

Seven-stage sourcing, packaging and delivery process page — Fig. 08 — Seven-stage operating narrative

Structured request-samples journey and enquiry form — Fig. 09 — Sample-request conversion path

05Demo product layer

The relationship continues after enquiry.

A clearly labelled demo portal extends the visual system into orders, shipments, documents and support. Fictional records demonstrate information architecture, responsive behaviour and interaction logic; no real customer data or live integration is connected.

Demo client portal dashboard with fictional shipment data — Fig. 10 — Demo account dashboard

Demo desktop shipment tracking screen with fictional records — Fig. 11 — Illustrative shipment tracking

Mobile version of the fictional demo shipment tracker — Fig. 12 — Mobile tracking state

Prototype and review

Built as a complete interactive presentation prototype, with responsive routes, keyboard flows, forms and portal separation reviewed across the system.

This evidence describes the scope of the prototype review. It does not claim live infrastructure, real commercial performance or authorised certification.

Brand system → product experience

Need one system to carry the whole commercial journey?

Start a project→All work →