Archive
A campaign that leads directly to the garment.
Archive presents a small fashion collection through two architectural campaign studies. A full-frame photograph sets the mood, with a compressed vertical identity at the edge and a quiet filmstrip for changing looks. Each look connects directly to the garments worn in the campaign: a sculptural charcoal coat, an ivory jacket, a tailored black trouser, and a cherry silk accent. The catalogue follows with material details, size choices, category filters, and a shopping bag. Unequal close studies of wool and silk extend the collection's point of view. The identity balances direct condensed typography with measured cataloguing details, warm stone surfaces, and a restrained cherry accent.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
Fashion imagery can establish a mood while leaving the garment difficult to find. Each selected campaign needs a direct path into its matching clothes, materials and sizes.
What I built
A fashion presentation with two linked campaign looks, a responsive garment catalogue and a local shopping bag.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
Architectural photographs open at full scale. An edge-set identity and quiet two-look filmstrip provide navigation without breaking the atmosphere.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Let the campaign fill the frame
Architectural photographs open at full scale. An edge-set identity and quiet two-look filmstrip provide navigation without breaking the atmosphere.
Connect the look to the collection
Changing the campaign changes its matching garment set. The catalogue then provides category filters, material details, size choices and a shopping bag.
An archive open to new forms
Three staggered archival shelves turn storage into a graphic rhythm, with an open middle shelf pointing toward new discoveries.
From start to finish.
- Choose a campaign look
- Inspect its matching garment
- Select a size and build a bag
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- Fashion
- Ecommerce
- Editorial
- Monochrome