Moon Store
A Gen-Z clothing store built around one photograph of the moon, where the thing you buy is the thing you configure
- RoleUI Design
- Year2023
- ToolsFigma

(01)
(About)
Moon Store is an online platform for high-end fashion aimed at a Gen-Z shopper: a lunar-inspired storefront where the homepage does the selling, seven category routes keep a wide catalogue navigable, and LunarLook lets a customer specify the fabric, quality and style of the garment before they buy it.
(02)
(Details)
- Brand
- Moon
- Scope
- Web and mobile UI
- Typefaces
- Sora, Krona One
(Challenge)
Gen-Z fashion storefronts all resolve to the same page: a grid of products on white. The brief wanted luxury and exclusivity out of a label with none of a luxury house's budget, which rules out buying the look.
Fashion retail lives or dies on browse. Men, women, sneakers, oversized tees, retro flannels, hoodies and sweatshirts are seven routes into one catalogue, and a shopper who cannot find their aisle in the first screen leaves.
And the differentiator is customisation, which is the hardest thing to fit inside a shopping flow. Fabric, GSM and manufacture are factory questions asked of somebody who just wants a t-shirt.
(Solution)
One photograph carries the whole brand. The moon sits behind the login, the bag, the payment screen and the shipping form, on near-black, at the same scale every time. The palette is three values, so the product photography is the only colour in the room and the clothes read as the expensive thing.
LunarLook is a form, not a factory. The configurator asks five questions on one screen - fabric, manufacture, quality, GSM, style - and then hands off to a separate Customise step for artwork, colour and size. The manufacturing decisions are contained, so they never interrupt the buy.
Two typefaces doing opposite jobs. Krona One is wide and mechanical and used only for section titles; Sora carries everything a shopper actually reads. The contrast is what makes a three-colour page feel designed rather than unfinished.
(03)
(The full case study)












(04)
(More Work)
Got something in mind?
A job, a project, a wild idea. Whatever it is, drop me a message. Let’s see what we can make out of it.
- Looking for my next opportunity
- Open to freelance work
- Always happy to talk design



