Direction 1
Catalogue-first grid: efficient browsing, but less room for brand character.
Web Design & E-Commerce / Independent concept
Atelier Objects
An editorial storefront for considered objects
A premium homeware storefront concept connecting editorial storytelling, focused product presentation and a simple shopping journey.
- Brief
- An editorial storefront for considered objects
- Design approach
- A premium homeware storefront concept connecting editorial storytelling, focused product presentation and a simple shopping journey.
- Skills demonstrated
- Responsive Web · Art Direction · Product UI · E-Commerce
- Sample scope
- Self-initiated portfolio concept with an original visual sample. The brand is fictional; this is not commissioned client work or evidence of measured business results.
Inside the design process
Pair editorial product storytelling with a direct shopping action. Product information remains visible without competing with the object's form.
Direction 2
Editorial product focus: selected to balance art direction with a clear add-to-bag action.
From brief to interface
- 01Establish the collection story and product hierarchy.
- 02Sketch a two-column desktop composition and a stacked phone layout.
- 03Explore warm neutral surfaces, large type and concise specifications.
- 04Prototype colour selection, quantity and bag feedback with fictional products.
Mobile composition
Collection
Product
Selection
Bag
Desktop composition
Collection
Product
Selection
Bag
Layout explorations: content hierarchy remains consistent as the grid changes.
Try the concept
From product to bag
Illustrative demo. No payments, accounts or orders are created.
Stoneware vessel
R 680 · Hand-finished ceramic
Your sample bag is empty.
Have a similar challenge?
Let’s shape a clear identity and a useful digital experience for your project.
Start a conversation ↗Explore services