02 / Overview
Overview
A small direct-to-consumer fashion store built around a permanent four-piece collection and the essential interactions shoppers expect.
03 / Task
The brief
Demonstrate a complete storefront experience without relying on a framework or backend.
04 / Role
My Role
Concept, product UI, visual design, front-end development, and responsive implementation.
05 / Build
The Build
A monochrome catalog keeps attention on the products. Filtering, product detail, size selection, bag management, totals, and a clearly labeled demo checkout form one compact journey.
- Separate collection and editorial journal pages
- Catalog filters
- Required size selection
- Add, remove, total, and demo checkout bag states
06 / Technology
Tech Stack
- HTML
- CSS
- JavaScript
07 / Development
Development
Product data and cart state are handled in plain JavaScript. The catalog remains fully usable from desktop to narrow mobile layouts.
- Fit a credible purchase flow into a static front-end demo
- Keep product imagery consistent across cards, details, and the bag
08 / Result
Outcome
A compact working store demo that proves the core browsing and cart interactions rather than showing a static shop mockup.
See the published project in context.
View live website