SimpleTouchPOS — wireframes & flow

A low-fidelity walkthrough of the cashier workflow: sign in, land on the day's overview, open the register, and ring up an order. Built to communicate structure and intent before pixels.

Wireframe · v01
ProjectSimpleTouchPOS — café & restaurant POS
SurfaceCounter touchscreen, 16:10
Scope3 screens · 1 happy path
AuthorPortfolio submission
How to read these wireframes
Hatched block = body copy / paragraph text
Crossed box = image, icon, or product photo
Solid orange = primary action (the goal of the screen)
Soft blue = secondary or navigational tap target
00
User flow at a glance
Three screens, one task. Anything more is friction for a busy counter.

① Sign in

Cashier authenticates at the start of a shift. Station is remembered.

→

② Dashboard

Day's pulse + a single, obvious door into the register.

→

③ Point of sale

Build the order, take payment, open a fresh ticket. Repeat.

01
Sign-in screen
Brand-forward, single card, station identity surfaced so the cashier knows they're at the right register.
Why a station identity?
A wrong-register login at 7:30 a.m. ruins the morning. Surfacing "Station WEAPONX" up-front makes it obvious before the password is even tapped.
One CTA only.
The card has exactly one place to go forward. Forgot-password is a quiet link, not a competing button.
02
Dashboard / Today's overview
A landing page should answer two questions: how is the day going, and where do I go next?
1280 × 800
Home / Dashboard
🔍 Search…
Ready when you are

Open the register to start ringing up orders

Quick, calm, and out of your way.

Today's overview
Here's what's happening today — Sat, May 9
Today's revenue
$1,284
↑ +12% vs yesterday
Transactions
47
↑ +8 since open
Avg ticket
$27.32
↑ +$2.10
Low stock
3
Cold Brew, Nitro, Brownie

Quick actions

View all →
New sale
Open register
Add item
Menu builder
Daily report
Z-out summary
Open drawer
No-sale
Add customer
CRM
Settings
Preferences

Recent transactions

View all →
Sale #INV-0047
2 items · 2 min ago
+$18.50
Sale #INV-0046
3 items · 8 min ago
+$42.10
Sale #INV-0045
1 item · 15 min ago
+$6.00
Sale #INV-0044
5 items · 22 min ago
+$54.75
The hero banner is the path.
80% of dashboard sessions exist to get into the register. So the register CTA is loud, orange, and impossible to miss — competing with nothing.
KPIs are quiet on purpose.
They answer "how is the day going?" in 2 seconds, then get out of the way. No charts, no detail — those live in Reports.
03
Point of sale — the register
The whole job: scan or tap to add, see the running total, charge. Designed for thumbs at speed.
1280 × 800
SimpleTouchPOS
Invoice #INV-0048
9:42 AM · Sat May 9
A
Admin
Sub Total$24.50
Tax (8.25%)$2.02
Total$26.52
● INV-0048
Cash drawer · Open
Item NameQtyPrice
Cappuccino · Large
2
$11.00
Almond Croissant
1
$4.50
Avocado Toast
1
$9.00
↑
+
#
−
↓
Clear
Delete
Hold
Recall
Price
Manual
Exit
Options
Payout
Cust. Items
Discount
English
🔍 Search items or scan barcode…
Customer
Cash Customer · Walk-in
Change →
Categories
Coffee 12
Tea 8
Pastries 14
Sandwiches 9
Cold drinks 11
Breakfast 7
Lunch 10
Items · Coffee
Cappuccino L
$5.5024
Espresso
$3.50∞
Latte
$5.0018
Cold Brew
$5.253
Macchiato
$4.2512
Mocha
$5.759
Americano
$3.7522
Flat White
$4.7514
Nitro
$6.002
Drip Coffee
$3.00∞
Decaf
$3.258
Affogato
$6.505
▢ Charge $26.52
F2Drawer· F3Clear· F4Recall· F5Finish· F6Print· F7Customer· F8Price Station WEAPONX · v2026.3.0
The screen is divided into halves.
Left = the order being built (totals, lines, edits). Right = the menu (search, customer, catalog, charge). The cashier's eyes never have to hunt.
The biggest button is "Charge."
Bottom-right thumb zone, full-width, always shows the live total. It's the one button that ends every transaction.
F-keys still matter.
Counter staff who came from legacy POS muscle-memory the function keys. The status bar exposes them so power users stay fast.
04
Principles guiding every screen
What I optimized for, in plain language.

One screen, one job

Every screen has a primary action and a secondary path. Nothing else competes for attention. Cashiers don't browse — they execute.

Color is for meaning

Orange = the goal of the screen. Blue = where I am / what I picked. Red = destructive. Yellow = needs attention. Everything else is paper.

Built for thumbs

Tap targets are 44px+. The Charge button lives in the bottom-right thumb zone. Numpad sits beside the order list, not under it.