Archive · Original
New forms with a direct retail rhythm.
Archive is a fashion destination for people who dress with intention. The collection brings together expressive outerwear, everyday foundations, and considered accessories, selected for their shape, material, and lasting presence. Its visual language is direct: compressed display typography, strong monochrome campaign photography, and a single decisive cherry accent. Editorial compositions introduce the mood of a collection before a clean catalogue makes the pieces easy to explore. The shopping experience stays light and immediate, with category filters, size choices, and a local shopping bag. Archive treats clothes as part of a personal visual vocabulary, giving each silhouette enough room to make its own statement.
- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live
The problem
Expressive fashion needs room to establish a mood while sizes and prices remain easy to find. The collection should move from campaign statement to an immediate garment choice.
What I built
The original fashion website with category filters, size choices, repeat quantities and a working shopping bag.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
Large monochrome fashion photography and Sublime display type define the opening. A decisive cherry accent connects the campaign to the clean product catalogue.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Use a compressed campaign statement
Large monochrome fashion photography and Sublime display type define the opening. A decisive cherry accent connects the campaign to the clean product catalogue.
Keep a size in the bag
Category filters lead to each garment’s details and size selector. The local bag preserves size and quantity, with removal and subtotal updating together.
Shelves with room for discovery
Three staggered archival shelves turn storage into a graphic rhythm, with an open middle shelf pointing toward new discoveries.
From start to finish.
- Explore the campaign and current edit
- Choose a garment and size
- Review the local shopping bag
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- Fashion
- Ecommerce
- Editorial
- Monochrome