Custom printing online store

Mr Top Shop

An online printing shop for business, event and personal printing, with a full product catalogue, English and Bahasa Malaysia, and an artwork flow from upload to approval.

Visit the live siteLive site Ask about a site like thisAsk us

Type: Custom printing online store
Built with: +4 more: Node.js & Fastify, Prisma, PostgreSQL, Netlify
Fonts: Segoe UI
Website: mrtopshop.com

The goal

Let customers choose a print product, send or request artwork and order online, instead of going back and forth on WhatsApp.

What we built

Inside Mr Top Shop

01
Printing catalogue
Business printing, stickers & labels, wedding printing, apparel, packaging, signage, calendars and ready stock.
02
Search & categories
A large search bar and category menu, so customers find the right product fast.
03
English & Bahasa Malaysia
The whole store switches between English and BM.
04
From artwork to print
Choose a product, send artwork or ask the team to design it, confirm the details, then collect or arrange delivery.
05
Cart & customer accounts
Cart, My Account, order history and voucher codes in the announcement bar.
06
Print guides
Articles on preparing print files, choosing finishes and planning quantities and deadlines.

Brand look

Colours & Fonts

The palette and typefaces used on the live Mr Top Shop website. Tap a colour to copy its code.

Segoe UIHeadings & bodySystem font · shown with your device’s closest match
Custom printing online store

Built with

The Technology

Next.jsStore front
ReactInterface
TypeScriptLanguage
shadcn/uiComponents
Node.js & FastifyBackend API
PrismaDatabase access
PostgreSQLDatabase
NetlifyHosting

Found on Google & AI

SEO, AEO & GEO

Keyword-led titles such as “Printing Shop in Malaysia” and product pages for every print item.
XML sitemap and robots.txt for fast indexing.
Helpful print guides that answer real customer questions.