Why
Barbour needed a first digital chapter for Vietnam that introduced 130 years of heritage without reducing the brand to nostalgia.
Barbour / Vietnam
130 years.A first chapter.
A digital first chapter carrying British utility, material character and quiet confidence into Vietnam.
View live website- Client
- Danhgia Fashion HCM
- Brand
- Barbour
- Scope
- Campaign landing page / UX/UI / Responsive front-end
- Market
- Vietnam / 2026
What
A mobile-first campaign landing page that connects provenance, material craft, product storytelling, and a new retail context.
How
Editorial pacing, restrained typography, tactile imagery, forest accents, and an image-context-action sequence translate the brand across screens.
Heritage is not a styling cue.
It is the system.
The task was to introduce Barbour in Vietnam without flattening its history into nostalgia. Every design choice needed to feel useful, tactile and composed.
The result treats the launch as an opening chapter: recognisably Barbour, paced for digital reading and designed from the smallest screen outward.
Keep the heritage. Change the reading.
The experience translates established brand codes into a measured visual rhythm built for a new retail context.
Begin with provenance
Let origin, utility and material craft establish the story before the interface asks for attention.
Frame the product honestly
Use restrained typography and close detail to keep the garments, finishes and construction in focus.
Build a local first chapter
Create a clear mobile journey for Vietnam while preserving the confidence of the British brand world.
The digital chapter
A landing story with the pace of an editorial.
Large image fields establish atmosphere. Product detail and concise copy then bring the story back to utility, craft and place.
Material before decoration.
Forest green acts as a signal, not a surface treatment. Bone type, off-black space and tactile imagery carry the rest of the identity.
The first chapter begins in the hand.
The mobile sequence keeps the same atmosphere while simplifying the reading order into image, context and action.
- One clear idea per screen
- Readable product context
- Touch targets built for intent
