Moon Clothing
Fashion & commerce
Storefront concept
An editorial menswear storefront connecting a bold campaign, a browsable catalogue, and product enquiries.
The local Moon Clothing homepage. Campaign imagery is illustrative; the catalogue also includes original store photography.
01 / The idea
A wardrobe with a point of view.
Moon Clothing is a local storefront concept for a menswear brand with shops in Casablanca and Berrechid. A sky-blue campaign leads into collections, outfit stories, product pages, and store information.
The storefront connects the atmosphere of a fashion campaign with practical browsing: discovering a collection, inspecting a piece, and finding the next step towards an enquiry.
My contribution
Scope shown: the public storefront interface, responsive catalogue, editorial pages, and product enquiry preparation.
Built with
- Astro
- TypeScript
- GSAP
- AVIF / WebP
02 / The process
How I built it.
Start with the campaign
An oversized wordmark, blue sky, and layered imagery establish the visual direction. The homepage carries that identity into arrivals, collections, outfit stories, and store locations. Campaign scenes are illustrative; selected catalogue pieces use original Moon photographs.
Keep browsing coherent
Astro and TypeScript connect the catalogue, collection routes, and product pages through shared content. Responsive AVIF and WebP assets support desktop and mobile layouts, while GSAP adds motion to the homepage.
Make the next step clear
Product pages let visitors inspect imagery and choose a preferred size before opening an editable WhatsApp enquiry draft. Prices remain on request, and availability is confirmed by the store.
03 / The result
What it brings together.
A working local storefront demo with a complete visual journey from campaign to product enquiry. The screenshots show the implemented interface; the project is not presented as a launched store, and no checkout or payment processing is connected.
- Responsive desktop and mobile storefronts
- Collections and individual product pages
- Size preferences and editable WhatsApp enquiry drafts