MOD — Afro-Inspired Fashion Commerce
A full-stack fashion and skincare commerce platform exploring personalized shopping through curated collections, identity-driven design and a custom React + Node architecture.
MOD explores a different vision of fashion commerce by bringing skincare and fashion together into one curated experience inspired by Afro aesthetics.
Instead of treating products as isolated purchases, the platform introduces concepts like Glow Drip, Matte Mode, and Bare Rebel, allowing users to discover complete looks that reflect both style and self-care.
Glow Drip
A vibrant visual language inspired by healthy skin, editorial lighting and bold colour.
Matte Mode
A quieter interface with reduced distractions for focused browsing.
Bare Rebel
An experimental shopping model where skincare recommendations influence fashion discovery.
Discover
Browse curated fashion and skincare collections inspired by Afro aesthetics.
Explore
Use fuzzy search and intelligent filtering to quickly narrow products.
Personalize
Combine skincare recommendations with fashion pieces through Bare Rebel.
Save
Build wishlists and compare products across sessions.
Purchase
Complete checkout through a streamlined responsive shopping experience.
Intelligent Search
Users can search naturally using fuzzy search, making product discovery forgiving even with spelling mistakes or incomplete queries.
Instead of exact keyword matching, the interface prioritises discoverability and exploration.
Advanced Filtering
The filtering experience was designed from scratch, allowing combinations of category, colour, brand and price to be applied simultaneously.
Wishlist System
Persistent wishlists encourage users to build collections over multiple visits rather than treating shopping as a single session.
A visual walkthrough
Built at a glance
Key takeaways
Design Before Features
Building a distinctive visual identity early made later design decisions much easier and gave the application a stronger sense of personality.
Search Is Core UX
Fuzzy search dramatically improved product discoverability and made the experience feel more forgiving and intuitive.
Think in Systems
Building authentication, wishlists and ordering as separate modules made the project easier to extend and maintain.
What's Next
Future iterations will explore AI-powered outfit recommendations and deeper personalization across skincare and fashion.
Under the Hood
Explore the architecture, engineering decisions, backend systems and implementation details behind this project.
Continue to Part II