05 / 09 — Work
Client Project — Premium gifting
Moire Co.
- Type
- Web design & development
- Industry
- E-commerce
- Year
- 2026
- Location
- Kuala Lumpur
- Live site
- moire-co-website.vercel.app
- Status
- Client preview — payments in test mode until the client’s gateway is connected
Overview
Curated gift boxes for families and companies. The brief: light, warm and refined — and still a real store underneath, with a bag, a checkout flow, corporate orders and an admin the client runs.
- Role
- Art direction
UI / UX design
Full-stack development - Built with
- Next.js
React
Tailwind CSS
Supabase-ready data layer
Store
The home page of the live store, scrolled: a seasonal chapter, year-round gifts, wine gift boxes and corporate orders — every box with its name and price.
Screen recording of the live site · 26s
Direction
Light and warm: ivory and cream, champagne used sparingly, a warm ink. Hairlines, sharp corners and one brand device — the moiré, two offset sets of fine rings, tone on tone.
- Pearl#FBF8F3
- Cream#ECDFC9
- Sand#D9C8B2
- Champagne#C79C5A
- Ink#1F1C18
- HeadlinesBodoni Modaone italic word per headline
- Text & interfaceJost
On a phone — collections, product, corporate orders.
Product — a version, a name and a card message · Festive collection
Product
On a phone: choose a version, add a personalised name or a gift message, and the bag stays at the thumb.
Screen recording of the live site · 17s
Commerce
Bag, guest checkout and order pages, built on a payment layer that takes the client’s gateway (FPX, card, e-wallet) at launch — until then it runs in test mode, as the store’s own footer says. An admin manages products, orders, enquiries and the festive season.
Corporate
Semi-customised or fully customised gifts for a company, each an enquiry away.
Light and warm on the surface, a real store underneath.
A website like this starts from the E-commerce Website plan (from RM1,599). Complex animation and interactions are quoted separately.
