Glob Payment

Portal Design Docs

Internal · Draft v1 · For review

Customer portal & backoffice

Scope and navigation for the corporate cross-border payment portal that payment.weglob.net currently only promises. Two documents, one design system.

01 — Scope

Scope Proposal

Architecture, both portals module-by-module, phasing, risk & fraud detection, and the blocking risks — plus a plain-English briefing for non-technical readers. 61 screens across two apps.

02 — Navigation

Menu Structure

Both sidebars fully expanded, side by side. Naming decisions and a kept/moved/cut mapping against Epay.

03 — Journey

Customer & System Journey

One client followed end to end — what they see through the glass, and the machine, AI agents, and humans working under the hood. Twelve scenarios, twelve agents, one rule.

04 — Design system · proposal

Design System — v2 Bento

Bento-style identity on a slate canvas: loud numerals, white tile cards, three signal colors — green for money, blue for identity, orange for risk. Colors, type, components and a dashboard preview, rendered live. Awaiting approval; prototype unchanged until then.

05 — Design system · proposal

Design System — v3 Neumorphic

Second direction from the private-banking reference, done as true neumorphism: one molded surface, raised vs pressed-in relief, one blue accent. Includes the analysis, the account rail, and a v2-vs-v3 comparison table.

06 — Design system · CLIENT PICK

Design System — v4 Mint

The direction the client chose — the light TrustVest-style console reproduced exactly: Poppins with fading cents, mint pill actions, teal stepped chart with hatch and mint edges, white tree-menu rail, currency row with limits and status chips. Build target for the portal re-skin.

07 — Prototype · live

Customer Portal

Fully working UI: payment wizard, maker–checker, bulk CSV import, FX quotes with countdown, live settlement, exports on every table.

08 — Prototype · live

Backoffice

Ops console: screening queue, detection alerts with AI briefs, KYB, unmatched payins, recon, four-eyes adjustments. Clear an alert here — watch the customer portal release the payment.

Not the live product Reference: payment.weglob.net · UI ref: Epay 易派