~/mohammed← Back to selected work
CASE STUDY · E-COMMERCE · 2026

NAQSHA

A custom-printing commerce experience where product selection, personalization, proof approval and operations need to behave as one connected workflow.

ROLEFull-Stack Product Builder
FOCUSE-commerce UX · Product Logic · Customization Workflows
STACKNext.js · React · TypeScript · Responsive UI · Vercel

Customization adds application logic to what looks like a simple store.

A standard product page can stop at variant and checkout. NAQSHA needed ready-made designs, user uploads, product-dependent options, proof approval and custom requests without turning the journey into a confusing form.

I approached it as a product-state problem: define what data exists at each step, what the customer can change, what requires confirmation, and what the operator needs to fulfil the order correctly.

01

Model

Translate products, variants, customization and proof approval into explicit application states.

02

Build

Shape storefront and admin flows around understandable customer and operator actions.

03

Validate

Test product-dependent options, pricing, order states and edge cases across the journey.

04

Iterate

Extend support, returns and custom-design workflows without fragmenting the experience.

01Choose productCategory-specific options and variants
→
02CustomizeSelect design, upload artwork or describe an idea
→
03Approve proofConfirmation gate before fulfilment
→
04FulfilProduction, support, delivery and returns
Next.js + React

Storefront and workflow interfaces designed around fast, understandable customer actions.

TypeScript

Product and customization logic with clearer states, options and validation rules.

Responsive UI

Flows designed to stay usable across desktop and mobile shopping contexts.

Vercel

Deployment and iteration around a production-oriented web application workflow.

Stateful UX

Kept the customer aware of what was selected, what was editable and what needed approval.

Product rules

Structured product-dependent attributes, pricing logic and customization requirements.

Responsive flows

Designed the experience to remain understandable across storefront and mobile contexts.

QA & edge cases

Reviewed implementation behavior and refined cases around files, options, proof states and support.

BACK TO FEATURED PRODUCTTAWADUD ↗