1
Home
The home page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
<
Fashion Brand E-Commerce Platform
Overview
Built a custom e-commerce platform with editorial design, advanced product filter system, Midtrans & Xendit integration, and automatic stock sync to...
Type
E-Commerce
Role
Commerce Design, UX Direction, Frontend Experience
Tools
Next.js, Strapi CMS, Midtrans, PostgreSQL, Vercel
Skills
Conversion Design, Art Direction, Responsive Commerce, Content Hierarchy
Color Palette
Noir
#171717
Bronze
#B88B5B
Sand
#F0E7DC
Ivory
#FCFAF7
Infrastructure
1
Home
2
Collection
3
Product
4
Story
5
Lookbook
6
Cart
7
Checkout
8
Mobile
1
2
3
4
5
6
7
8
Design
The chosen theme for this project is premium editorial commerce. This theme was chosen so the shopping experience feels aspirational and elevated from the first impression. The selected style is minimal, image-led, and clean luxury. This style keeps the focus on the product, creates breathing room, and supports conversion without feeling crowded.
2
Collection
The collection page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
3
Product
The product page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
4
Story
The story page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
5
Lookbook
The lookbook page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
6
Cart
The cart page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
7
Checkout
The checkout page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.
8
Mobile
The mobile page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.