Projects

UI Design

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
Moon Store, cover

(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)

The Moon Store case-study board: the cover on a laptop and phone, the about and features copy with a research-ideate-design timeline, the Sora and Krona One type specimens beside a white, black and grey palette, the homepage interface, the product page with the oversized tees and retro flannel rails, the hoodies rail and mobile view beside the LunarLook configurator and the Customise screen, the six onboarding and shopping screens, two product previews, the women, men, sneakers and oversized tees category pages, a desktop mockup, a bento of every screen, and the closing frame.
The full case study, in the order it was laid out.

(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

aayushvisuals