Skip to main content

Mind Information Technology

The 0.001% you can't see,
magnified until you decide.

Custom systems · Websites and e-commerce

Talk about a project
Illustrative screen: an order management back office for a jewellery retailer, where the shop floor and the web store read one stock ledger. It is a mock-up rebuilt in the browser; every order, name and figure on it is fictional.

Scale: from a whole company down to one 0.5 px line

Scale

A measurement fan built from 441 nodes. Four concentric rings run from the inside out: ×1 company, ×200 floor, ×2000 data, ×15000 field. As you scroll, the aperture travels outward along the fan, and wherever it lands the nodes in that band resolve into detail you can actually read.

Scale 1 : 1 · Company×1

From the outside every company looks the same. A sign, a counter, a few computers.

Scale 1 : 200 · Floor×200

That machine on the counter gets pressed a few hundred times a day. Nobody ever photographs it.

Scale 1 : 2000 · Data×2000

Zoom in again and the company becomes a table. One of those rows is the order taken at 10:14 this morning.

Scale 1 : 15000 · Field×15000

In the end all that is left is the line under one field. Whether the whole system holds is decided at this level.

0.5 px

This line was 0.5 px off. We changed it three times.

Mind = the people who take 0.5 px seriously.

Selected Work

What we shipped, not what we could

Ten projects: eight running, one in build, one advisory. Client names appear as industries, under confidentiality.

  1. 01

    Jewellery retailer

    Jewellery POS + web store

    One till sold a piece; another still had it in stock. Every till now reads one ledger, and margin uses the sale-date gold price.

    One stock ledger across tills · Sale-date gold costing · PayUni · LINE order alerts

    Live
  2. 02

    Beauty and supplement brand

    E-commerce + back office

    The brand sold through tiered distributors, prices scattered across spreadsheets. Customers now order direct and staff run the orders.

    Order back office · Shipping and payment status · Accounts · CSV export · ECPay integration

    Live
  3. 03

    Meal delivery operator

    Online meal ordering

    Orders sat in a POS, runs sorted in Excel, prep on a whiteboard. Now orders arrive online, and the prep sheet and routes follow them.

    Prep sheet from orders · Route auto-sorting · Deliver and return scans · LINE order alerts

    Live
  4. 04

    Dance school

    Multi-campus administration

    One absence moves three numbers: lessons left, free absences, expiry. Students file leave online and see what the desk sees.

    Auto-settled lesson balance and expiry · Online leave and make-ups · Access by campus

    Live
  5. 05

    Event organiser

    Event management

    The desk verifies guests, blocks repeat scans and takes payments; the draw must skip no-shows. Staff scan in parallel from one list.

    QR check-in · On-site payments · Draw exclusion lists · Live voting · Winner data backup

    Live
  6. 06

    Performing arts agency

    Quoting and cost management

    Swap a musician on a show and the kit list and costs both change. The call sheet now fills both, and project margin shows as you go.

    Quote versions, signed copies · Call sheet fills kit and costs · Amount due and profit

    Live
  7. 07

    Venue and events operator

    Bookings and order finance

    A booking is paid in stages, with add-ons on the day. One figure now shows what is owed, and reminders go out three days ahead.

    Staged payments and add-ons in one figure · Locked once closed · No cross-page overwrites

    Live
  8. 08

    Investment advisory platform

    Fund calculator rebuild

    On old proposals, every seven- and twenty-year return was extrapolated. The rebuild marks each period computed, extended or missing.

    Per-period estimated-vs-actual flags · Total-return adjustment · Automated NAV sync

    In build
  9. 09

    Electronics manufacturer

    System adoption review

    Before signing, there was no telling which promises about an AI platform would hold. Not a build: a risk review, question by question.

    Adoption risk review · Data residency rules · Existing ERP limits · Exit and IP terms

    Advisory
  10. 10

    Discount store operator

    Multi-store POS + inventory

    More than a hundred thousand products. Each shop prices and counts its own, but it all hangs off one master file a new shop inherits.

    Who repriced and why · Stock-count gaps · Margin per sale · Purchase and supplier records

    Live

Measured

6.0s → 1.3sInventory page load · 78.3% faster
0Order overwrite incidents · since optimistic locking shipped
7,181 / 0
Records migrated / lost · one cell = 100 records

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Supabase
  • PostgreSQL
  • Vercel
  • ECPay
  • PayUni
  • 鯨躍 e-Invoice
  • LINE Login
  • Google Calendar API
  • Web Push
  • pg_cron

How We Build

Every stage ships something

Five stages, from scoping to operations. The chart below is the real delivery weighting: stages across, what you receive down.

Deliverable
01ScopeAgree what we will not do
02ModelDraw the tables before the code
03BuildSomething you can click every two weeks
04LaunchA runbook for switchover day
05RunSomeone picks up when it breaks
Scope and requirements
Table structure
Screens and flows
Integrations and payments
Testing and acceptance
Monitoring and handover
Output weightLowMidHigh

The horizontal scale is stage order, not duration.

Self-Measured

We measure our own site first

These five scores are this site's own measurements. You can run them yourself.

  • ToolLighthouse
  • ModeDesktop
  • Date2026-08-01
  • Targethttps://mindsite-orcin.vercel.app — the five paths below
  • /HomePerf95A11y100LCP1.2s

    The first screen is the heaviest; the hero back office has the most nodes.

  • /servicesServicesPerf100A11y100LCP0.7s
  • /aboutAboutPerf100A11y96LCP0.7s

    That 96 was sampled while the entrance animation was still playing; measured at rest the ratios are 6.13:1 and 18.73:1.

  • /notesNotesPerf100A11y100LCP0.6s
  • /notes/ecpay-vs-payuniNotePerf100A11y100LCP0.7s

Best Practices is 100 on all five pages, and CLS is 0 on all five.

How

  • 0Third-party requestsBefore we self-hosted the fonts: 2 domains, 18 sharded requests, 129 KB of cross-origin CSS.
  • 0Image filesThe interfaces, thumbnails, matrix and instrument are all DOM and SVG. Canvas is 0 as well.
  • 263.9 KBSelf-hosted font subsetOnly the characters this site actually puts on screen.
  • 79.5px → 0Layout shift (CLS)It was 79.5 px before self-hosted fonts and metric overrides.

Two Lines

Depth, or speed

The difference is not budget. It is how deep the problem goes.

A

Custom system development

Stock that never reconciles, orders overwritten, invoices still issued by hand. We redraw it from the data model up, then stay with you for three months after it goes live.

B

Websites and e-commerce

It takes orders, lists products, and lets you edit your own copy. Payments, e-invoicing and accounts are wired up, so you can start selling on handover day.