Projects using Figma in Special Region of YogyakartaProjects using Figma in Special Region of YogyakartaWhat if an e-commerce app didn’t look like every other e-commerce app?
I’ve been working on this concept for a fashion e-commerce mobile experience, exploring how a few intentional design decisions can give a familiar product a completely different personality.
Instead of falling back on the usual neutral palette, rounded cards, and predictable product grid, I wanted the UI to feel more like an editorial fashion experience.
⚫ Near-black as the foundation
Not just “dark mode.” The warm near-black background creates depth and lets the content and products take center stage.
🟢 One accent color, used intentionally
Electric lime appears only where interaction or attention matters — active states, prices, CTAs, filters, badges, and navigation.
✦ Typography creates the personality
Mixing an editorial serif with a functional sans-serif separates the expressive parts of the experience from the operational UI.
▦ Breaking the predictable grid
The featured product gets more visual weight instead of forcing every item into an identical two-column layout. It makes the catalog feel curated rather than generated.
🖼️ Products come alive through interaction
Images begin slightly desaturated and transition toward full color during interaction, adding subtle feedback without relying on excessive animation.
The goal wasn’t to make something different just for the sake of being different.
It was to explore how color, typography, hierarchy, imagery, and interaction can work together as one system — while keeping the experience practical enough to translate into a real mobile application.
As a mobile developer, this is the kind of work I enjoy: not only implementing screens from a design, but thinking about how the design translates into reusable components, responsive layouts, interactions, accessibility, and maintainable production code.
Built as an exploration for a modern fashion e-commerce experience.
Would you use this direction for a real shopping app?
#MobileDevelopment #MobileDesign #UIDesign #UXDesign #Ecommerce #AndroidDevelopment #iOSDevelopment #ProductDesign #AppDevelopment #Figma