Artisan Goods Shop
Desktop e-commerce concept for a cozy artisan goods shop.
Goals
- Problem: Small artisan shops need a way to present handmade products as curated, personal, and trustworthy without looking like a generic marketplace or a mass-produced gift shop.
- Solution: A boutique-style e-commerce concept with editorial layouts, large product photography, brand storytelling, flexible product listing options, and clear shopping paths for handmade goods.
Design Process
The concept started as a template idea for a cozy artisan goods shop. I explored similar websites for visual inspiration, then created wireframes and high-fidelity desktop screens in Adobe XD. The design direction uses natural colors, deep navy accents, serif typography, large whitespace, and product-focused layouts to make the shop feel calm, curated, and more elevated than a standard catalog page.
Screens
* Scroll inside the images to view full screens.
UX Decisions
- Used an editorial-style layout to make the shop feel curated and boutique rather than marketplace-like.
- Designed large product photography and generous whitespace to give handmade items more visual value and breathing room.
- Created two product listing approaches: one for smaller inventories and one for shops that need category or grid-based browsing.
- Separated homepage, product listing, product detail, story/about, FAQ, contact, and navigation screens to keep the template flexible.
- Used brand storytelling sections to make the shop feel personal and trustworthy.
- Chose natural colors, deep navy accents, serif typography, and soft visual details to support a handmade artisan feel.
- Designed desktop screens first, with responsive tablet/mobile layouts planned as a future step.
My Role
- UX/UI Designer
- Visual Designer
- Created the concept, visual direction, wireframes, and high-fidelity desktop screens
- Designed homepage, product listing, product detail, story/about, FAQ, contact, and full-screen navigation screens
- Created two product listing approaches for different inventory sizes
- Designed custom decorative graphics and visual details
- Planned the concept as a future frontend build with responsive layouts and custom shopping flow
Design Toolkit
- Adobe XD
- Wireframing
- UX/UI Design
- Visual Design
- E-commerce Design
Outcome
The final concept presents a polished boutique storefront for handmade goods, with a warm visual system, clear product browsing paths, and flexible page layouts that could be adapted for different artisan shop inventories. The result is a design direction that feels personal and curated while still leaving room for a future responsive frontend build with product data, dynamic routing, cart, and checkout.
Next Steps
- Create responsive tablet and mobile layouts.
- Build the concept as a frontend e-commerce demo.
- Add product data structure, categories, and filtering.
- Connect product and category pages to dynamic routing.
- Design and build a custom cart and checkout flow.