WORK / CASE STUDY 01

OPG Charamanga. From first sketch to live shop.

A connected project spanning structure, web design, illustrated labels, product photography and an online store.

Explore the five stages that brought Charamanga’s product world online.

05

PROJECT STAGES

One brand. A story from label to screen.

THE PROJECT JOURNEY

From structure to shelf to screen.

Follow the line through five connected stages of the Charamanga project.

01 / STRUCTURE

A clearer way into Charamanga.

WIREFRAME / USER JOURNEY

We began with the page structure: product discovery, box sets, the maker’s story and a clear route into the shop.

The wireframe follows the hierarchy of the live Charamanga homepage, before colour and visual detail enter the picture.

CONTENT / STRUCTURE / WIREFRAME

Desktop and mobile wireframes for the OPG Charamanga online shop on a wooden table
OPG Charamanga wireframe beside the finished red and black webshop design

02 / WEB DESIGN

A distinctive digital home.

ART DIRECTION / INTERFACE

The web design translates the brand’s illustrated energy into a shop with strong contrast, legible product content and a clear buying path.

The visual system gives the sauces room to stand out while keeping the story and the catalogue connected.

DESIGN / RESPONSIVE UI / ECOMMERCE

03 / LABEL ARTWORK

Characters with flavour.

ILLUSTRATION / PACKAGING

The labels make each sauce recognisable through its own illustrated character and accent colour.

Seen together, they form one family that carries the Charamanga personality from the bottle into the digital experience.

LABELS / ILLUSTRATION / BRAND SYSTEM

Illustrated Charamanga label artwork
Micheta label Ku-Ma label
Dotur bottle Barba bottle Gigec bottle Micheta bottle

04 / PRODUCT PHOTOGRAPHY

Ready for the catalogue.

BOTTLES / PRODUCT IMAGES

The product photographs show the bottles and label details clearly in the store.

Dotur, Barba, Gigec and Micheta demonstrate how the range works together across product cards and the catalogue.

PHOTOGRAPHY / PRODUCT PRESENTATION

05 / LIVE WEB SHOP

The complete experience.

LAUNCH / ONLINE STORE

The finished webshop brings product imagery, illustrated labels, brand story and shopping flow into one responsive experience.

The result is a place to explore Charamanga and choose a sauce directly from the maker.

WORDPRESS / WOOCOMMERCE / LAUNCH

VISIT LIVE SHOP ↗
Final Charamanga webshop on desktop and mobile

NEXT EXPEDITION

Have a project worth bringing to life?

Let’s map the route from the first idea to a finished experience.