Back to work
Fashion · E-commerce UIConcept2025

NOOR Clothing

A quiet luxury fashion brand built for editorial e-commerce.

Client

NOOR (Concept)

Category

Fashion · E-commerce UI

Year

2025

Status

Concept

NOOR Clothing cover

01 · Overview

NOOR is a concept identity for a minimal womenswear label. The system feels like a magazine cover at every touchpoint — from the homepage hero to the Instagram grid — while keeping the storefront genuinely shoppable.

02 · Client goal

Design an identity restrained enough to feel premium, plus a UI structured enough to drive add-to-cart.

03 · The challenge

Minimal fashion brands often look so 'quiet' that they fail to convert. The brief needed restraint without losing commercial intent.

04 · The solution

Generous negative space, a single editorial serif, and one disciplined neutral palette. Product pages put the garment at full-bleed scale with one accent color reserved exclusively for Add to Bag.

05 · Design process

Designed the brand system, lookbook layout and PDP in parallel so they shared the same vertical rhythm. Built an Instagram grid template (12 posts) so launch content felt unified from day one.

06 · Development process

Concept built in React + Tailwind with a focus on PDP performance, prefetched cart route, and accessible color contrast on every state. Image budget under 250KB per fold.

07 · Final result

A complete editorial e-commerce system that proves a quiet brand can still sell — ready to plug into Shopify or a headless backend.

Stack

Built with.

  • React
  • Tailwind CSS
  • Figma
  • Illustrator
  • Node.js

Gallery

Hero — full-bleed editorial campaign image.
Hero — full-bleed editorial campaign image.
Product page — single accent reserved for Add to Bag.
Product page — single accent reserved for Add to Bag.
Social grid — editorial templates reading as one system.
Social grid — editorial templates reading as one system.

What I delivered

Outcomes.

A complete editorial e-commerce system that proves a quiet brand can still sell — ready to plug into Shopify or a headless backend.

Generous negative space, a single editorial serif, and one disciplined neutral palette. Product pages put the garment at full-bleed scale with one accent color reserved exclusively for Add to Bag.

Designed the brand system, lookbook layout and PDP in parallel so they shared the same vertical rhythm. Built an Instagram grid template (12 posts) so launch content felt unified from day one.

Concept built in React + Tailwind with a focus on PDP performance, prefetched cart route, and accessible color contrast on every state. Image budget under 250KB per fold.

Start a project

Want something like this for your brand?

Brief me