NOIR
A premium online store with cash-on-delivery checkout to every wilaya, and a dashboard that runs orders, stock and customers in one place.
- Client
- Concept store — how I think a brand's website should look
- Industry
- Fashion e-commerce
- Year
- 2026
- Role
- Design, full-stack development, testing, security review
- Duration
- July – October 2026
Results at a glance
-
Every wilaya
cash-on-delivery checkout with delivery fees per wilaya and commune
-
Security-tested
price tampering, forged sessions and cross-site orders blocked
-
2 roles
admin and staff, with revenue data protected
-
Unit + E2E
automated tests before every release
The challenge
Most Algerian fashion brands sell through Instagram DMs and cash on delivery. Orders get lost in chats, stock is tracked by hand, and fake orders waste the delivery team's calls.
A premium brand also needs a website that feels premium — not a generic template.
The solution
NOIR is my answer to how a brand's website should look and work. A calm, editorial storefront sells the product; behind it, a dashboard runs the business.
Checkout is built for cash on delivery: delivery fees by wilaya and commune, stock reserved the moment an order is placed, and every order tracked from new to delivered.
-
Luxury storefront
Editorial design with smooth scroll animations.
-
Variants & live stock
Sizes and colours with stock reserved in real time.
-
Cash-on-delivery checkout
Delivery fees by wilaya and commune, plus one-click Buy now.
-
Order pipeline
Every status change recorded, from new to confirmed to delivered.
-
Admin dashboard
Orders, products, customers, team roles and revenue charts.
-
Built secure
Server-side price checks, protected admin routes and security headers.
How it was built
-
Brand & storefront
Designed an editorial look that lets the products speak.
-
Checkout for Algeria
Built cash-on-delivery checkout with wilaya and commune delivery fees and stock reservation.
-
Admin dashboard
Built order, product, customer and team management with sales charts.
-
Testing & security
Added unit and end-to-end tests and reviewed every route for security.
Screenshots
Tech stack
- Next.js
Fast pages with server-side security checks
- React
- TypeScript
- Tailwind CSS
A custom luxury look, not a template
- PostgreSQL
Reliable orders and stock
- Prisma
Typed, safe database queries
- Cloudflare R2
Product photos served fast
-
Recharts
Sales overview charts
-
Lenis
Smooth, premium scrolling
- Vitest
Logic tested on every change
-
Playwright
Checkout tested end to end
- Vercel
Fast global hosting
Want your brand to look like this?
Tell me about it on WhatsApp — I reply within 24h.
Let's talk on WhatsApp (opens WhatsApp in a new tab)Next project
Tartib
Freelancers replace Excel with one place for clients, projects, quotes and invoices — and send professional PDF invoices in seconds.
Read the case study