Interactive Catalogue
Customers can browse apparel categories including General, Sport, Fishing, Team Building, Event, Gaming, and Familyday before starting an order.
Interactive Apparel Catalogue & Order Management System
Monakie Printing
A digital catalogue and ordering platform for a Kuching-based printing service, designed to help customers browse apparel designs, customize orders, make payment, and track job progress.
7+Catalogue categories
8-stepCustomer order flow
3Payment options
SoloStrategy, UI, build
Overview
More than a website: a digital workflow for custom apparel orders.
Monakie Printing is a printing service based at Metrocity Height, Matang, Kuching. The business focuses on sublimation shirts, banners, bags, mugs, pens, and other digital print products. This project turns the shop experience into a practical online catalogue, customization flow, payment path, and order tracking system.
- Client
- Monakie Printing
- Location
- Metrocity Height, Matang, Kuching
- Service
- Catalogue, ordering, admin system
- Status
- Ongoing in 2026
Challenge
Move a traditional printing workflow into a simple digital experience.
Before this project, Monakie had no website and relied mainly on existing repeat customers. New customers had limited ways to discover the shop, browse available designs, or understand the ordering process before visiting. The main challenge was to support online ordering without making the workflow difficult for walk-in customers or shop staff.
Solution
An interactive catalogue with ordering, payment, and tracking built in.
I built the system with Next.js and Fabric.js, creating a catalogue where customers can explore apparel designs, customize logos, names, and numbers, submit orders, pay online or at the counter, and track progress using an order number.
Canvas Customization
Fabric.js powers a lightweight apparel configurator where customers can upload multiple logos, drag them into position, and add names or numbers.
Admin Workflow
Orders are saved to the system database and displayed in an admin dashboard for payment review, customization checks, and job status updates.
Customer Flow
A guided path from product discovery to order tracking.
The ordering path is split into small decisions so customers can move from design browsing to checkout without needing staff to explain every step first.
- 01
Choose apparel type or category
- 02
Select a design
- 03
Pick from available color options
- 04
Customize with logo, name, and number
- 05
Select size and quantity
- 06
Submit order
- 07
Pay online or at the counter
- 08
Track order status using order number
Payment & Admin
Order management for staff, tracking visibility for customers.
Orders are submitted directly into the system database and displayed inside an admin dashboard. When staff update job progress, the customer-facing tracking page updates too, reducing repeated status questions through chat or phone.
Design Direction
Clean, minimal, and practical for everyday shop usage.
The visual direction follows the owner's preference for a simple interface. The goal is clear categories, easy customization, simple order submission, and transparent tracking while positioning Monakie as a modern custom apparel provider.
Staff Tools
- View full order details
- Review customer customization
- Check selected payment method
- Mark payment status
- Update job progress
- Sync customer-facing tracking status
Build Scope
- Frontend: Next.js
- Canvas editor: Fabric.js
- Core features: digital catalogue, customization, order submission, customer tracking
- Admin system: order management, payment status, job status updates
- Payment options: Stripe, FPX, and pay-at-counter
Impact
From manual ordering to a scalable digital workflow.
Monakie Printing is being transformed from a traditional print shop into a digital-first custom apparel ordering platform.
- Attract more walk-in customers
- Make product discovery easier
- Reduce manual back-and-forth with customers
- Improve order tracking
- Support larger team, event, and government-related jobs
Current Status
The main catalogue and ordering experience is already structured.
The project is ongoing in 2026. Further refinements are being made before full launch, and final project photos/screenshots can be added later.