UI/UX & product design · Portfolio 2026

Interfaces people want to use.

We design mobile apps, websites, SaaS products and enterprise software — and we build them. This page is a cross-section of our concept work, from consumer apps to the complex, custom software enterprises run on. Every concept screen is live interface, not a flat mock-up: hover it, switch the tabs, click through.

32Designs across the portfolio
12Complex-software patterns
22Concept screens
01Team that designs and builds

Contents

  1. 01Mobile appsPocket banking · Circle community app · Huddle team chat +7Explore page
  2. 02Websites & e-commerceLedgerly · Oak & Loom · Haven property search +2Explore page
  3. 03SaaS & dashboardsAccounts console · Live operations · Automation builder +3Explore page
  4. 04ERP & enterpriseFinance command centre · Inventory & warehouse · Sales & distribution +7Explore page
  5. 05Complex & custom softwarePattern library · Huddle team chat · Dark-store order console +2Explore page
  6. 06IndustriesFintech · Travel · Community · Retail · ManufacturingSee all
  7. 07Design system & processHow we workRead
Chapter 01Mobile apps

Mobile

Apps designed for a thumb and a few spare seconds. Two concepts in two very different moods — a money app that has to feel safe, and a travel app that has to feel like the trip already started.

Use casesExplore all 10 mobile designs

01 — Mobile · Fintech

Pocket banking

A personal finance app for people who check their balance more than their email. Balance and this week's spending sit on the first screen, card controls are one tap away, and sending money is a keypad and a name — nothing else.

9:41●●● 5G
Good morning
Maya Lindqvist
ML
Total balance
$12,480.32
▲ 2.4% this month
↑Send↓Request+Top up⋯More
This week$342 spent
MTWTFSS
RecentSee all
☕
Blue Bottle Coffee
Today · Food
−$4.50
$
Salary — Northwind
Yesterday
+$3,200
9:41●●● 5G
Cards+ Add
PocketVISA
•••• •••• •••• 4821
MAYA LINDQVIST09/29
Freeze card
Block all payments instantly
Online payments
Shops and subscriptions
Contactless
Tap to pay up to $100
Monthly limit$1,240 / $2,000
9:41●●● 5G
← BackSend money
LH
Leo Hartmann
•• 2290 · Pocket user
$120.00
For: concert tickets 🎟
123456789.0⌫
Send $120.00
ML
In real life · user scenarioMaya, 29, product managerChecks her money on the tram to work
Before

Opened three banking apps to work out whether she could afford a weekend away, then gave up and guessed.

With this design

Sees her balance and this week's spending before the tram reaches the next stop — and freezes a lost card in one tap.

ABalance, then behaviour

The first screen answers "how much do I have" and "where is it going" before anything is tapped.

BSafety in reach

Freezing a card is the first control, not buried in settings — the moment someone needs it, they're stressed.

COne decision per screen

The send flow is a person and an amount. Confirmation happens on the button itself.

02 — Mobile · Travel

Stayfinder

A booking app for small, characterful stays. Photography leads, prices are shown per night with the total one line below, and once booked, the trip screen becomes the one thing a traveller needs at the door.

9:41●●● 5G
CabinsBeachLakesCity
♡Guest favourite
Cabin by the fjord★ 4.92
Ålesund, Norway · 14–16 Nov
€180 night · €412 total
9:41●●● 5G
Cabin by the fjord
Entire cabin · 2 guests · 1 bedroom · sauna
IA
Hosted by Ingrid
Superhost · 6 years
Check-inFri 14 Nov
Check-outSun 16 Nov
€180 night
€412 total
Reserve
9:41●●● 5G
Trip in 27 days
Your stay in Ålesund
Check-in
Fri 14 Nov · after 15:00
Self check-in
Key box code arrives 24h before
Check-out
Sun 16 Nov · by 11:00
⌖Directions12 min from town
✉Message IngridReplies in 1 hour
Add to Wallet
JL
In real life · user scenarioJonas, 34, planning a long weekendBooks on his phone in the evening
Before

Fell for a cabin, reached checkout, and found fees that doubled the price. Closed the app.

With this design

Sees the full price on every card, books in three taps, and has the key-box code waiting on the trip screen.

ATotal price, early

The full price sits under the nightly rate on every card, so nobody feels tricked at checkout.

BA sticky decision bar

Price and Reserve stay pinned while the guest scrolls photos and reviews.

CThe trip as a timeline

After booking the app switches from shopping to logistics — when, where, and the key-box code.

Mobile appsSee all 10 mobile designs

A selection is shown here. The Mobile apps page has every concept, with its use case and the design decisions behind it.

Explore all 10 mobile designs
Chapter 02Websites & e-commerce

Web

Pages whose job is to convert. A SaaS landing page that explains a product in one scroll, and a product page that sells a €649 chair to someone who can't sit in it.

Use casesExplore all 5 web designs

03 — Web · SaaS landing page

Ledgerly

A marketing site for an accounting automation product. The headline states the outcome, the product shot proves it, and pricing is on the same page — because finance buyers want the number before the demo.

ledgerly.example
New · AI bank reconciliation →

Close the books in hours,
not weeks.

Ledgerly matches every bank line to an invoice, flags what doesn't fit, and hands your accountant a clean month — automatically.

Start free trialBook a demo
14-day trial · no card required
Matched1,168
Needs review23
Days to close2.4
Hollis Packaging BVINV-20931Matched€4,820.00
Ferro IndustrialINV-20944Matched€18,400.00
Unknown — "STRIPE PAYOUT"—€2,310.55
Delta FastenersINV-21002Matched€960.00
Trusted by finance teams atNORTHWINDHalden RetailKESTRELvale&coOsprey
⇄Auto-matching

Bank lines matched to invoices with 98% accuracy, learning from every correction.

⚑Exceptions inbox

Only the lines a person needs to see, with a suggested fix for each.

↧Accountant-ready

Export to Xero, QuickBooks or DATEV with one click at month end.

Starter€29/mo

1 bank account
500 transactions

Start free
Growth Most popular€89/mo

5 bank accounts
5,000 transactions
Exceptions inbox

Start free
ScaleCustom

Unlimited accounts
SSO & audit log
Dedicated manager

Talk to sales
RK
In real life · user scenarioRina, CFO of a 60-person companyEvaluating accounting tools between meetings
Before

Read five vendor sites that all said "streamline your workflow" and never mentioned a price.

With this design

Understands the outcome in one headline, sees a real product screen, and knows the price before she books a demo.

AOutcome as the headline

"Close the books in hours" is what a CFO repeats in a meeting; the feature list comes second.

BProof above the fold

A real-looking product shot, including a messy "Unknown" line, makes the claim believable.

CPricing on page one

Finance buyers qualify themselves on price; hiding it costs more leads than it protects.

04 — Web · E-commerce

Oak & Loom

A product page for a furniture brand. Big imagery, upholstery swatches that recolour the product as you pick them — try it — and delivery, returns and dimensions answered before anyone has to ask.

oakandloom.example/halden-lounge-chair
Living / Lounge chairs / Halden
New colour · Moss
Designed in Copenhagen

Halden Lounge Chair

★★★★★ 4.8 · 212 reviews
€649 or €54/mo for 12 months
Upholstery — Oat bouclé
Frame
Oiled oakSmoked oakWalnut +€80
− 1 +Add to bag — €649
🚚 Free delivery · ships in 2–3 weeks↺ 100-night home trial✓ 10-year frame guarantee
Dimensions W 78 · D 82 · H 76 cmMaterials & care +Reviews +
SA
In real life · user scenarioSara, furnishing her first flatBuys big-ticket items online, cautiously
Before

Couldn't picture the chair in moss green and worried about delivery dates and returns.

With this design

Recolours the chair herself, sees delivery and the 100-night trial under the button, and pays monthly.

ASee it in your colour

Swatches recolour the product itself, not a tiny chip — the step that most often stalls a furniture purchase.

BObjections answered inline

Delivery time, trial and guarantee sit under the button, where hesitation actually happens.

CPrice made smaller

The monthly option is beside the price, not in a footnote, for buyers comparing against their budget.

Websites & e-commerceSee all 5 web designs

A selection is shown here. The Websites & e-commerce page has every concept, with its use case and the design decisions behind it.

Explore all 5 web designs
Chapter 03SaaS & dashboards

Dashboards

Dense, dark consoles for power users — sales ops, analysts, operations leads. More rows per screen, an icon rail instead of a sidebar, keyboard-first everything, and colour used as data: every hue in a tag or a chart means something.

Use casesExplore all 6 saas designs

05 — Dashboards · CRM

Accounts console

Two hundred accounts, one screen. Segment tags, owner, pipeline and win probability sit in a single row so a sales-ops lead can scan, select and re-assign in bulk without opening a record.

app.northwind.example/crm/accounts
CRM / Accounts

Accounts 218

Sort Pipeline valueOwner AllStage AnyActivity 90 daysRegion EMEA+ Filter
AccountSegmentsOwnerOpen dealsPipelineWin probabilityLast activity
3 selected·
DO
In real life · user scenarioDaniel, sales-ops leadOwns territory planning for 200 accounts
Before

Exported the CRM to a spreadsheet every Monday to see which deals were at risk and who owned what.

With this design

Filters, selects twelve at-risk accounts and reassigns them in under a minute, without leaving the console.

ADensity with rhythm

36px rows and tabular numbers keep 12 accounts in view without the table turning into noise.

BProbability as a meter

Ten segments read faster than a percentage, and the colour shifts as a deal warms up.

CBulk bar on selection

Actions appear only when rows are selected, floating where the eye already is.

06 — Dashboards · Analytics

Live operations

The control-room view for fulfilment. Every KPI carries its own 14-day trend, the main chart separates orders from returns and backorders, and a live feed shows exceptions as they happen.

app.northwind.example/ops/live
Operations / Live

Fulfilment — all sites Live

Order volumedaily, all channels OrdersReturnsBackorders

Exceptions feedlast 15 min

Throughput by siteorders shipped today vs target

AB
In real life · user scenarioAnita, head of fulfilmentRuns five warehouses across Europe
Before

Learned about a missed carrier pickup from an angry customer email the next morning.

With this design

Sees the exception in the live feed within minutes and reroutes the parcels before the cut-off.

ATrend inside the number

A sparkline in every KPI answers "is this normal?" before anyone asks.

BGlow for live data

On a dark canvas, a soft glow marks the series that update in real time.

CExceptions, not events

The feed only shows what needs a human — a late carrier, a short pick, a failed payment.

07 — Dashboards · Automation

Automation builder

Accounts-payable teams build their own invoice workflow: capture, extract, three-way match, then either post automatically or route to a person. No tickets to IT, and every rule is readable at a glance.

app.northwind.example/automation/invoice-intake
Automation / Workflows

Invoice intake Published

1,284 runs this month · 91% straight-through
Triggers
⚡Email received
⇪File uploaded
AI
✦Extract fields
✦Classify document
Logic
⇄Match records
◇Branch
Actions
✓Post to ledger
→Assign to person
Step 3 of 6
Three-way match
Compares the invoice with its purchase order and goods receipt before anything is paid.
Purchase order + goods receipt
± 2.0 %
0 units
Flag duplicate invoices
Hold if vendor bank details changed
Last 30 days: 1,168 matched · 116 routed to a person
PK
In real life · user scenarioPavel, accounts-payable leadProcesses 1,200 invoices a month
Before

Keyed every invoice by hand and checked it against the PO and goods receipt in two other systems.

With this design

Built the workflow himself; nine in ten invoices now post on their own and he reviews only the exceptions.

AColour by step type

Triggers, AI, logic and actions each have a hue, so the shape of a workflow reads from across the room.

BNumbers on the wires

Each branch shows how many invoices took it — the canvas doubles as a report.

CPlain-language inspector

Every setting explains itself in one sentence; finance users never see an expression editor.

SaaS & dashboardsSee all 6 saas designs

A selection is shown here. The SaaS & dashboards page has every concept, with its use case and the design decisions behind it.

Explore all 6 saas designs
Chapter 04Enterprise & ERP

Enterprise

ERP software in two visual languages: a light, quiet workspace for the people who live in it eight hours a day — finance, warehouse, HR, procurement — and a navy boardroom view for leadership. Colour is reserved for status and for the one action on each screen.

Use casesExplore all 10 erp designs

08 — ERP · Finance

Finance command centre

Controllers live in this screen for the month-end close. We cut it down to the four numbers they report upward, one cash-flow chart, and the receivables they need to chase today — everything else is one click deeper.

app.northwind.example/finance
Finance / Overview

Good morning, Priya

Cash flow Inflow vs outflow, $k InflowOutflow

Spend by departmentQ3

Receivables to chase

CustomerInvoiceDueStatusAmount
PS
In real life · user scenarioPriya, financial controllerLeads the month-end close
Before

Spent the first week of every month pulling numbers from four reports and chasing overdue invoices by email.

With this design

Opens one screen with the four numbers she reports upward and sends overdue reminders straight from the list.

AExceptions first

Overdue receivables sit above the fold with bulk reminders, so the screen ends in an action, not a report.

BTwo colours, one meaning

Neutral for money in, accent for money out — the same rule on every chart in the product.

CKeyboard-first

⌘K reaches any invoice, vendor or report. Finance teams type faster than they click.

09 — ERP · Inventory

Inventory & warehouse

Planners need to know what will run out before it does. Stock cover is shown in days, not units, and the bin map turns a 2,000-row spreadsheet into a picture of where the warehouse is full.

app.northwind.example/inventory
Inventory / Stock levels

Warehouse — Rotterdam DC

Stock levels

SKUItemOn handCoverStatusReorder

Bin occupancyAisles A–F

EmptyPartialFull

Inbound today

KS
In real life · user scenarioKenji, inventory plannerKeeps 2,000 SKUs in stock
Before

Found out a product had run out when the pickers did.

With this design

Sees "2 days of cover" in red and raises the purchase order from the same row.

ADays of cover

"6 days left" is a decision; "412 units" is a lookup. Status chips use text and colour, never colour alone.

BReorder in the row

Raising a PO happens from the table that surfaced the shortage — no context switch into another module.

CSpatial view

The bin heat-map answers "where is there room?" for the receiving team in a glance.

10 — ERP · Sales

Sales & distribution

One board from first quote to delivered order. Account managers see value per stage at the top of every column, and every card shows the one thing blocking it from moving right.

app.northwind.example/sales/pipeline
Sales / Pipeline

Q4 pipeline — EMEA

LV
In real life · user scenarioLena, account managerRuns a weekly pipeline stand-up
Before

Spent stand-ups explaining why deals were stuck instead of unsticking them.

With this design

Opens the board, sees the blocker on every card and the value per stage, and ends the meeting early.

ATotals in the header

Stage value sits on the column, so the forecast reads left to right without opening a report.

BThe blocker on the card

"Awaiting credit check" or "Stock short" tells the owner what to do next.

CBoard ⇄ list

Same data, two views — the board for stand-ups, the list for bulk edits.

11 — ERP · People

People & leave

Shift managers approve leave against real coverage. The calendar shows who is out across the next two weeks, and the request panel tells them whether approving it leaves the floor short.

app.northwind.example/people/leave
People / Leave

Team calendar — Operations

Who's out13 – 26 Oct

Pending request

TM
Tomás Mendes
Forklift operator · Shift B
Dates
20 – 24 Oct
Type
Annual leave
Balance after
9 of 25 days
Shift B drops to 3 of 4 certified forklift operators on 22 Oct.
AR
In real life · user scenarioAisha, shift managerApproves leave for a 40-person floor
Before

Approved leave, then discovered the shift had no certified forklift driver that day.

With this design

Sees the coverage warning before she clicks approve, and decides in seconds.

ACoverage, not just dates

The warning ties a request to the skill it removes from the shift — the real reason managers hesitate.

BWeekends recede

Non-working days are tinted so the eye lands on the days that need staffing.

CLabelled bars

Leave type is written on the bar as well as colour-coded, so it survives print and colour-blindness.

12 — ERP · Procurement

Procurement approvals

An inbox for approvers. Click any request on the left — the drawer shows the budget impact and the approval chain, so a sign-off takes seconds instead of an email thread.

app.northwind.example/procurement/approvals
Procurement / Approvals

Waiting on you

EV
In real life · user scenarioElena, finance approverSigns off purchase requests
Before

Approved requests from email threads without knowing what was left in the budget.

With this design

Works down an approval inbox with budget impact and the approval chain beside every request.

AInbox pattern

List and detail side by side — approvers move down the queue without losing their place.

BBudget in context

Every request shows what it does to the remaining budget before anyone signs.

CVisible chain

The step tracker shows who approved, who's next, and which steps only apply above a spending threshold.

13 — ERP · Mobile

Warehouse mobile

Pickers work with gloves on and one hand free. Big targets, a scanner that's always ready, and a pick list that orders itself by walking route.

9:41●●● 5G
Wave 14 · Aisle C
Scan to pick
Pallet wrap 500mmPickedC-04-2 · 6 rolls
Safety gloves, L0 / 24C-07-1 · next stop
Cable ties 300mm0 / 10C-11-3
Confirm 24 picked
9:41●●● 5G
Today
My waves
Wave 14In progress18 lines · Aisle C–D
Wave 15Queued9 lines · Aisle A
Wave 13Done22 lines · 41 min
Wave 12Done15 lines · 28 min
Shift progress
37 of 64 lines
Resume wave 14
A48px minimum targets

Every tap target clears 48px so it works with work gloves and on a moving forklift.

BRoute-ordered picks

The list sorts by bin location, so the next item is always the next shelf.

COne primary action

A single full-width button at thumb height. The rest of the screen is information.

14 — ERP · Leadership

Executive overview

One overview, three lenses. Switch between CFO, COO and Sales views and the KPIs change to what that role reports on — try it. AI-written insights on the right explain the movement and link to the fix.

app.northwind.example/executive
Thursday, 15 October

Good afternoon, Elena

Revenue vs expenses€k, last 12 months RevenueExpenses

Insightsupdated 08:00

EV
In real life · user scenarioElena, CFOPrepares the board pack every quarter
Before

Asked an analyst for the same numbers every month and waited two days for them.

With this design

Switches to her CFO view, reads three written insights, and exports the board pack herself.

ARole lenses

Same data model, different first screen — leaders never wade through someone else's metrics.

BInsights end in a link

Every AI note names the cause and a next step, so it's a to-do list, not a commentary.

CBoard-pack ready

The layout prints to A4 landscape as-is; export is one click from the header.

15 — ERP · Manufacturing

Plant floor

Machine health for the plant manager. Each asset shows its OEE as a ring, the shift timeline shows exactly when each line ran, idled or stopped, and maintenance work orders sit beside the cause.

app.northwind.example/manufacturing/eindhoven
Plant floor / Eindhoven

Shift A · 06:00 – 14:00

Shift timeline RunningIdleStoppedPlanned

06:0008:0010:0012:0014:00

Work orders3 open

RM
In real life · user scenarioRahul, plant managerResponsible for four production lines
Before

Heard about line 3 stopping at the end-of-shift meeting, hours after it happened.

With this design

Sees the stop on the shift timeline as it happens, with the work order already raised.

AOEE as a ring

One shape per machine, comparable across the row; the number sits inside it.

BTime, not totals

The timeline shows when a stop happened, which is how a manager links it to a changeover or a shift handover.

CCause beside the fix

Work orders reference the machine card that raised them, so nobody has to cross-reference IDs.

16 — ERP · Projects

Rollout planner

An ERP rollout tracked inside the ERP. Phases, owners, progress and milestones on one timeline, with a today line so the steering committee sees what is late in the first second.

app.northwind.example/projects/erp-rollout
Projects / ERP rollout — Benelux

Timeline

Overall progress
58%
Go-live
23 Nov
On track
Tasks at risk
2
Data migration
Budget used
€412k
of €690k
SC
In real life · user scenarioSunita, programme directorSteering an ERP rollout
Before

Built a status slide every Friday that was out of date by Monday.

With this design

Shares the live timeline with the steering group; late tasks show in red on their own.

AProgress inside the bar

The lighter fill shows how much of each task is done, so plan and reality share one line.

BLate is loud

Only tasks behind the today line turn red. Everything else stays in its phase colour.

CMilestones as diamonds

Steering-committee gates are their own shape, readable even in a black-and-white print.

17 — ERP · Customers

Customer 360

Everything the business knows about one customer, on one page: credit position, open invoices, order trend and every touchpoint from sales, support and finance in a single timeline.

app.northwind.example/customers/halden-retail
HR
Customers / Key accounts

Halden Retail Group Key account

OverviewOrders · 148Invoices · 12Contacts · 6ContractsFiles

Credit position

€186,400 of €250,000
75% used · review due 30 Nov

Account

Customer since
2019
Payment terms
Net 30
Avg. days to pay
41 days
Account owner
Sofia Russo
Region
Nordics
Price list
Wholesale B

Activity

Orderslast 12 months

€1.42M +18%

Open invoices

SR
In real life · user scenarioSofia, key-account ownerLooks after the company's largest customer
Before

Took a new order without knowing the customer was 32 days overdue on an invoice.

With this design

Sees credit use, open invoices and every touchpoint on one page before she says yes.

AFinance meets sales

Credit use and slow payment sit next to the order button, before the next order is placed.

BOne timeline

Emails, calls, tickets and reminders from every department, filterable but never split up.

CCounts on tabs

"Invoices · 12" tells you whether a tab is worth opening before you open it.

ERP & enterpriseSee all 10 erp designs

A selection is shown here. The ERP & enterprise page has every concept, with its use case and the design decisions behind it.

Explore all 10 erp designs
Chapter 05Complex & custom software

Patterns

The parts of enterprise software nobody screenshots for Dribbble — and the parts that decide whether a custom system gets adopted. Each tile below is a working pattern we reuse and adapt for bespoke builds: grids, permissions, rules, imports, audit trails and dispatch.

Use casesExplore all 5 custom designs

18 — Patterns · Complex software

Pattern library

Twelve patterns for data-heavy, multi-role, regulated software. Every tile is live — sort the grid, tick permissions, switch environments, open the command palette.

IT
In real life · user scenarioAn operations team adopting custom softwareMoving off spreadsheets and email
Before

Trained new staff for weeks on a bespoke system nobody enjoyed using.

With this design

Uses grids, rules, imports and permissions that behave like the best SaaS tools — so training takes days.

Purchase ordersSaved view: My open POsColumnsGroup: VendorExport
POVendor ↕Amount ↕StatusDue ↕Owner
01 · Advanced data grid — pinned key column, sortable headers (click them), inline-editable cells, saved views and grouping. The workhorse of every back-office tool.
Roles & permissionsUnsaved
ModuleViewCreateApproveDelete
Role: Warehouse supervisor · 14 users inherit this
02 · Permission matrix — role-based access as a grid, with the blast radius ("14 users") shown before saving. Click a box.
Automation ruleActive
WhenInvoiceiscreated
IfAmount>€10,000andVendoris new
orBank detailschanged in last30 days
ThenRequire CFO approvalNotify #finance
Matched 7 invoices last month · preview them
03 · Rule builder — conditions read as a sentence, so business users write logic without a developer, and see what it would have caught.
Import customerscustomers_q4.csv · 1,284 rows
UploadMap fieldsReviewImport
cust_name→Company name
email_addr→Billing email
vat→VAT number
terms→Choose field ▾
23 rows have invalid VAT numbers — fix later or skip
04 · Bulk import & field mapping — the migration moment every custom system has; auto-mapped where possible, errors that don't block.
Activity & audit logFilter
MB
Marco Bianchi changed Credit limit
€200,000 → €250,000
Today 09:41 · Customer Halden Retail · IP 10.2.4.18
SYS
Automation held INV-21090
Rule "New vendor over €10k" · 08:12
EV
Elena Varga approved PR-3388
Yesterday 17:05 · via mobile
05 · Audit trail with diffs — who changed what, from what to what, and from where. Non-negotiable for finance, healthcare and any regulated client.
haldenesc
Records
HRHalden Retail Group Customer
ININV-20931 · Halden Retail Invoice
Actions
+Create order for Halden ⌘ ↵
06 · Command palette — ⌘K to any record or action across every module. Power users stop hunting through menus on day two.
Sandbox — changes here don't affect live data
Workspace
NB
Northwind Benelux
EUR · 412 users
✓
NN
Northwind Nordics
SEK · 168 users
NU
Northwind UK
GBP · 95 users
07 · Multi-entity & environments — switch legal entity and currency in one place, and never mistake the sandbox for production. Toggle it.
New supplierStep 2 of 4 · autosaved
✓Company2Compliance3Banking4Review
ISO 9001 · ISO 14001
Passed · 15 Oct Clear
Drop file or browse
08 · Long-form wizard — complex onboarding split into checkpoints, autosaved, resumable, with third-party checks inline.
Notifications
SLA breach in 2h — Job #4471, Kestrel Logistics
Assign · Snooze 1h
Approval needed — PR-3391 €18,400
Approve · Open
@Elena mentioned you on Halden Retail
"Can we raise the limit before Q1?"
Nightly sync with bank finished · 2,140 lines
06:00
09 · Actionable inbox — notifications you can act on in place, ranked by consequence, with snooze for the rest.
Dispatch boardThu 16 OctField service · 6 technicians · 14 jobsMap view
10 · Resource scheduling — a custom-build staple: people on rows, time across, jobs as blocks with travel time, skills and SLA risk visible before dispatch.
Contract · Halden Retailv3 draft
v3 · draftv2 · signed 2025v1
Payment termsNet 45Net 30
Annual volume€1.1M€1.4M
Price listWholesale B
Auto-renewAdded · 12 months
Legal and Sales both must approve before sending.
11 · Versioning & compare — changes between document versions shown as a diff, with the approvals they trigger.
◌No orders yetImport from your old system or create the first one.Import CSV
Couldn't reach the bank feedLast sync 06:00. We'll retry in 5 min — your data is safe.Retry now
12 · Empty, loading & error states — designed, not left to defaults. They're the first thing a new customer sees and the thing they see when it breaks.
Complex & custom softwareSee all 5 custom designs

A selection is shown here. The Complex & custom software page has every concept, with its use case and the design decisions behind it.

Explore all 5 custom designs

By industry

Who we design for

The same craft, tuned to the rules of each business. Every industry has its own page of designs.

  1. 01Fintech & financePocket banking · Finance command centre · LedgerlyExplore page
  2. 02Travel & hospitalityWayfarer AI trip planner · Stayfinder · Disruption rebookingExplore page
  3. 03Community & socialHuddle team chat · Circle community app · Gatekeeper society appExplore page
  4. 04Retail & quick commerceLoom shopping app · Dash — 10-minute grocery · Dark-store order consoleExplore page
  5. 05Manufacturing & logisticsPlant floor · Inventory & warehouse · Warehouse mobileExplore page
Also designing forHealthcareReal estateEducationCustomer supportField serviceResidential communities

Foundation

One system under every screen

Every product we design sits on a system of tokens, components and patterns — delivered as a Figma library and as code-ready tokens — so the fiftieth screen is as consistent as the first and engineering builds from the same source.

Colour tokens

ink
accent
surface
panel
ok
warn
error
focus

Light and dark sets — use the theme switch above.

Type scale · Inter

Aa Display 40

Page title Title 24

Section heading Heading 16

Body and table text Body 13

Column label Label 11

Components

PaidDue soonOverdueDraft
Hollis Packaging BV
€ 0.00
Enter an amount greater than zero.

How we work

From legacy screens to a system people use

ERP redesigns fail when they start in Figma. Ours start on the shop floor and in the finance office, with the people who use the software eight hours a day.

01Discover

Shadow users, map roles, audit the current screens and the spreadsheets people keep beside them.

02Map

Information architecture and task flows per role — what each person needs to see first.

03Prototype

Clickable Figma prototypes for the highest-traffic tasks, built on the design system from day one.

04Test

Moderated sessions with real users on real tasks; we iterate before a line of production code.

05Hand off

Annotated specs, tokens and component docs, plus design QA through the build.

FAQ

Frequently asked questions

Straight answers to what people ask most before starting a design project. Can't find yours? Write to sales@advorize.com — every enquiry is answered within two working days.

What does a UI/UX design agency actually do?

We research how people use a product, map the flows they need, design the screens and the design system behind them, test them with real users, and hand engineers a specification they can build from. Advorize also builds the product, so the design is made to ship rather than to present.

How much does UI/UX design cost?

It depends on the number of user roles, screens and states, and how much research is needed. A focused app or website is usually priced as a fixed-scope project; large ERP or SaaS products are often split into phases. We give a written estimate after a free discovery call, so you know the cost before any work starts.

How long does it take to design an app or a software product?

A focused mobile app or website typically takes four to eight weeks from discovery to developer handoff. Complex SaaS, ERP and custom systems are usually designed module by module over two to four months, with the first module ready for development early.

Do you only design, or do you also build?

Both. Advorize is a design and development studio, so the same team that designs the screens builds the web app, mobile app or internal system — and runs design QA during the build.

Which industries do you design for?

Fintech, travel and hospitality, communities, retail and quick commerce, manufacturing and logistics, plus healthcare, real estate, education and customer support. Each industry page on this site shows designs made for its specific rules.

Do you work with clients outside India?

Yes. We work with clients across India, the USA, Canada and the UAE, plan overlapping working hours with your team, and answer every enquiry within two working days.

What do I receive at the end of a design project?

Figma files with every screen and state, a clickable prototype, a design system with tokens and components, user-flow maps, and annotated specs for developers. You own all of it.

Can you redesign an existing app, website or ERP?

Yes. Redesigns start with an audit of the current product and interviews with the people who use it, so we fix what actually slows them down instead of only changing how it looks.

All designs on this page are by the Advorize design team. Company names, people and figures shown inside the screens are illustrative.