← Index 09 / 22 — Selected Work Pedro Rodrigues — Treze413
Project № 09

HSBC

Redesigning signatory workflows for global business banking — compliance-native, cross-regional, customer-first.

Role
UX Designer · CMB Mandates
Location
London, UK · Remote (US, CA, HK)
Year
2021
Engagement
UX · Service design · Design systems
01 — The engagement

Signatories, signing rules, and the quiet weight of banking compliance.

HSBC's Commercial Banking (CMB) Mandates product is the surface where every legal signatory on a business account is added, edited, and removed. Every limited company, LLP, sole trader and partnership eventually touches it — and every change has to survive a compliance regime built on KYC, PEP screening, beneficial ownership and multi-jurisdictional sign-off.

I joined as the UX designer to redesign the mandate management journey end-to-end: user flows, wireframes, pixel-perfect interfaces, and the workshops that turned fragmented stakeholder conversations across the UK, US, Canada and Hong Kong into one coherent design direction.

02 — The challenge

Compliance as a first-class design material, not a bolt-on.

Most banking tools treat compliance like a form gate: screens of disclosures bolted onto the end of a flow, disconnected from the actual work. That was the default for CMB Mandates too — and it was failing both sides of the transaction.

Business customers were abandoning half-completed requests. Internal operations teams were reworking submissions by hand. Regulatory requirements around politically exposed persons, identity verification, and beneficial ownership were being manually reconciled across regions because the product didn't encode them natively.

The design question I had to answer was not "can we make this prettier" — it was "can compliance itself be the primary UX, and still feel like a calm service". Every entity type behaves differently. Limited Companies and LLPs need board resolutions. Sole Traders need simpler flows with third-party mandates. Partnerships need unanimous member consent. One screen, six legal structures, four countries of regulators.

The success bar set by the product owners was explicit: one consistent experience globally, without sacrificing the regional obligations of any jurisdiction.

03 — The approach

Listen across regions. Map the work. Design the compliance.

/01
Cross-regional research

Remote interviews and workshops with stakeholders in London, New York, Toronto and Hong Kong to surface regulatory edge cases, language mismatches, and the real shape of each entity's signatory model. No assumption about "the UK flow" survived contact with the US KYC team.

/02
User story mapping

Story-mapping sessions with product, legal, and ops — building the complete journey for each of the six entity types in parallel, so the team could see where flows converge and where they must diverge. This became the single source of truth product and engineering argued against for the rest of the engagement.

/03
Wireflows & sketches

Low-fidelity wireflows to test the logic of the whole service before any pixel was set. Specific attention to cognitive load around the signing rules builder — the riskiest screen, where finance thresholds and multi-signatory approvals get authored.

/04
Visual design & handoff

Over 30 pixel-perfect wireframe and visual design pages covering signatory add / modify / delete, SCA, errors, empty states, tooltips, and the delete confirmation flows. All built against HSBC's CMB Corporate Browser Toolkit so engineering could consume components directly.

The solution had to be secure, scalable, and globally consistent — while still handling the specific needs of every business entity we serve. — HSBC CMB Mandates · Product direction
04 — Artefacts

The work, in its own language.

Selected pages from the user story mapping series, wireframe library, and the master wireflow that held the whole service together.

CMB Mandates user story mapping — primary users and entity-type workstreams
User story mapping · sheet 1Primary users × entity types
CMB Mandates user story mapping — signatory sub-flows
User story mapping · sheet 2Sub-flows & edge cases
CMB Mandates wireframe — signatories list with 20+ entries
Signatories list20-signatory view
CMB Mandates wireframe — custom signing rules builder
Signing rules builderThresholds, approvals, entity logic
CMB Mandates wireframe — review and submit state
Review & submitSummary, expectations, next steps
CMB Mandates master wireflow v5 — full service journey
Master wireflow · v5End-to-end service map for all entity types
05 — Outcomes

A single global experience, for six legal structures.

Qualitative outcomes — the product shipped into a regulated environment where public metrics aren't disclosed. What follows is what the engagement actually delivered.

6
Legal entity types supported by one unified mandate flow — Ltd, LLP, sole trader, partnership, association, SCA
4×
Regions aligned on a single design direction — UK, US, Canada, Hong Kong — via remote workshops
30+
Pixel-perfect wireframe and visual design pages delivered, consumed directly by the CMB Corporate Browser Toolkit
06 — Toolkit

What was on the desk.

Figma FigJam Miro User story mapping Service blueprinting Wireflows CMB Corporate Browser Toolkit RBWM Browser Toolkit Remote workshops Design critique KYC / PEP JIRA Confluence
07 — Reflection

Compliance is the experience.

The lesson CMB Mandates taught me is the one I carry into every regulated-industry engagement since. In banking, compliance is not the tax on the design — it is the design. The best work I did on HSBC was to stop treating KYC, PEP, and beneficial ownership as gates in the flow and start treating them as the shape of the flow itself.

The second lesson was about listening at distance. Four time zones, five regulators, dozens of stakeholders, zero in-person sessions. The story mapping series was the thing that held everyone together — not because it was beautiful, but because it was the one surface where every region could argue in the same grammar.

This project sits on my shelf as a reminder that calm, patient service design is what modern banking actually needs. Read 4 referrals for this role on LinkedIn →