[
PAYSECURE
]
AI-Accelerated Rebranding of SaaS Payments Dashboard
Paysecure's merchant console had grown one screen at a time- 4 button styles, 3 table patterns, no shared type scale. We started with the 3 highest-traffic surfaces and used them to define the design language for everything that follows.
AI
Harsh
[
PAYSECURE
]
AI-Accelerated Rebranding of SaaS Payments Dashboard
Paysecure's merchant console had grown one screen at a time- 4 button styles, 3 table patterns, no shared type scale. We started with the 3 highest-traffic surfaces and used them to define the design language for everything that follows.
AI
Harsh
[
PAYSECURE
]
AI-Accelerated Rebranding of SaaS Payments Dashboard
Paysecure's merchant console had grown one screen at a time- 4 button styles, 3 table patterns, no shared type scale. We started with the 3 highest-traffic surfaces and used them to define the design language for everything that follows.
AI
Harsh
What do you want to write today?
What do you want to write today?
What do you want to write today?
AI Writer
AI Writer
Brand Voice
Brand Voice
Rewrite
Rewrite
Summarize
Summarize
[
WHAT ARE WE SOLVING
]
Who we are & what we're solving
Built for how you actually create content
Paysecure routes and manages transactions across payment providers, so merchants don't integrate each one separately. Cashier is the console on top of it.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Every method, one console
Every method, one console
Merchants connect once; Paysecure handles routing across cards, wallets and local rails. Cashier decides what a customer sees, and in what order.
Route
Manage
Monitor
One integration, every method.
Merchants connect once; Paysecure handles routing across cards, wallets and local rails.
Merchants shouldn't need a
developer to change how their checkout behaves.
Route
Manage
Monitor
One integration,
every method.
Merchants connect once; Paysecure handles routing across cards, wallets and local rails.
Merchants shouldn't need a
developer to change how their checkout behaves.
[
STATS
]
Where we stand, and what we're moving
Where we stand, and what we're moving
Where we stand, and what we're moving
3 KPIs, measured consistently across all three surfaces before we changed anything.
Create content faster, stay consistent across every channel, and achieve better results with less effort.
Task Success Rate
0%
0%
Merchants who finished a task without hitting an error or contacting support.
TIME TO COMPLETE
0.0min
0.0min
From opening a surface to a saved, correct change.
SUPPORT TICKETS
0%
0%
Share of all merchant tickets tied to these three screens.
Task Success Rate
0%
0%
Merchants who finished a task without hitting an error or contacting support.
TIME TO COMPLETE
0.0min
0.0min
From opening a surface to a saved, correct change.
SUPPORT TICKETS
0%
0%
Share of all merchant tickets tied to these three screens.
Task Success Rate
0%
0%
Merchants who finished a task without hitting an error or contacting support.
TIME TO COMPLETE
0.0min
0.0min
From opening a surface to a saved, correct change.
SUPPORT TICKETS
0%
0%
Share of all merchant tickets tied to these three screens.
What it costs us
Nearly a quarter of all merchant tickets trace back to 3 screens, roughly 200 support hours a quarter spent re-explaining an interface, plus onboarding time lost walking every new merchant through the same confusions.
What it costs us
Nearly a quarter of all merchant tickets trace back to 3 screens, roughly 200 support hours a quarter spent re-explaining an interface, plus onboarding time lost walking every new merchant through the same confusions.
What it costs us
Nearly a quarter of all merchant tickets trace back to 3 screens, roughly 200 support hours a quarter spent re-explaining an interface, plus onboarding time lost walking every new merchant through the same confusions.
Baseline from moderated sessions with merchant and onboarding managers, combined with one quarter of tagged support tickets. Support hours estimated from ticket volume and average handling time.
[
SCOPE & CHALLENGES
]
Choosing the 3 highest-traffic, highest-ticket entry points
Built for how you actually create content
Cashier has 12 settings surfaces. We picked the three with the largest share of merchant sessions and support contacts and used them to set the language for the rest.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Dashboard
001
Dashboard
Where merchants check in daily. The first screen after login — balance, activity, status, all before they've done anything else. Miss this, and every other feature becomes harder to trust.
Dashboard
001
Dashboard
Where merchants check in daily. The first screen after login — balance, activity, status, all before they've done anything else. Miss this, and every other feature becomes harder to trust.
Dashboard
001
Dashboard
Where merchants check in daily. The first screen after login — balance, activity, status, all before they've done anything else. Miss this, and every other feature becomes harder to trust.
002
Thresholds Rules
002
Thresholds Rules
002
Thresholds Rules
003
Customize
003
Customize
003
Customize
[
UNDERSTANDING THE USER
]
Interviewed merchants & onboarding managers to understand their pain points
Built for how you actually create content
2 sides of the same screen, the client-side managers who configure Cashier daily and the Paysecure team who walk every new merchant through it.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
What they Felt
What they Thought
What they said
What they Did
"I'll just ask my developer to do it."
"Where do I even change this?"
"Our EU customers and our high-risk corridors can't run on the same limit."
Assumes a wrong toggle could break live checkout.
Believes the numbers on screen are activity, not money.
Assumes segmented limits must exist somewhere
Opened a support ticket instead of changing the setting.
Waited for the onboarding call to make the first edit.
Set one conservative global limit and absorbed the false declines.
Detached from numbers that never translate to revenue.
Embarrassed asking support where a setting lives.
Frustrated that protecting one segment meant penalising every other.
What they Felt
What they Thought
What they said
What they Did
"I'll just ask my developer to do it."
"Where do I even change this?"
"Our EU customers and our high-risk corridors can't run on the same limit."
Assumes a wrong toggle could break live checkout.
Believes the numbers on screen are activity, not money.
Assumes segmented limits must exist somewhere
Opened a support ticket instead of changing the setting.
Waited for the onboarding call to make the first edit.
Set one conservative global limit and absorbed the false declines.
Detached from numbers that never translate to revenue.
Embarrassed asking support where a setting lives.
Frustrated that protecting one segment meant penalising every other.
What they Felt
What they Thought
What they said
What they Did
"I'll just ask my developer to do it."
"Where do I even change this?"
"Our EU customers and our high-risk corridors can't run on the same limit."
Assumes a wrong toggle could break live checkout.
Believes the numbers on screen are activity, not money.
Assumes segmented limits must exist somewhere
Opened a support ticket instead of changing the setting.
Waited for the onboarding call to make the first edit.
Set one conservative global limit and absorbed the false declines.
Detached from numbers that never translate to revenue.
Embarrassed asking support where a setting lives.
Frustrated that protecting one segment meant penalising every other.
I can see the drop. I just can't tell you what it cost us.
Priya Nair
Merchant Ops Manager
Every onboarding call, I'm explaining what 'CSS Changes' means.
Alex
Onboarding Manager, Paysecure
I only found the threshold setting because support sent me a link.
David Miller
Merchant Ops Manager
I'm never sure if I'm changing a setting or just changing how it looks.
Sarah Chen
Merchant Ops Manager
If I need to change something in Cashier, I usually ask our developer first.
David Miller
Merchant Ops Manager
"We tested several AI writing tools, but Verseo felt the most practical. It's fast, intuitive, and fits naturally into our workflow."
Priya Nair
Merchant Ops Manager
"Verseo cut our content creation time in half. What used to take hours now takes minutes, and the quality is consistently high."
Alex
Onboarding Manager, Paysecure
I only found the threshold setting because support sent me a link.
David Miller
Merchant Ops Manager
"Verseo cut our content creation time in half. What used to take hours now takes minutes, and the quality is consistently high."
Sarah Chen
Merchant Ops Manager
If I need to change something in Cashier, I usually ask our developer first.
David Miller
Merchant Ops Manager
"We tested several AI writing tools, but Verseo felt the most practical. It's fast, intuitive, and fits naturally into our workflow."
Priya Nair
Merchant Ops Manager
"Verseo cut our content creation time in half. What used to take hours now takes minutes, and the quality is consistently high."
Alex
Onboarding Manager, Paysecure
I only found the threshold setting because support sent me a link.
David Miller
Merchant Ops Manager
"Verseo cut our content creation time in half. What used to take hours now takes minutes, and the quality is consistently high."
Sarah Chen
Merchant Ops Manager
If I need to change something in Cashier, I usually ask our developer first.
David Miller
Merchant Ops Manager
Blind
Buried
Foreign
Blind
The dashboard reported sessions, never revenue. Merchants saw something drop but not what it was worth so they escalated instead of acting.
[
SKETCHBOARD
]
We broke down core problems and optimized layouts by hand
Built for how you actually create content
Feature selection and layout structure were decided manually, before anything was fed to an AI model. AI got a locked brief, not a blank page.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Dasboard
Threshold Limits
Customize
Dasboard
Threshold Limits
Customize
Dashboard
Led with outcomes, not counts. Performance, conversion and approval trend anchor the top; revenue moves into its own tab beside session data.
Visibility of System Status
Limits & Thresholds
Gave risk its own destination. Out of Advance Features onto the main nav, with a live risk overview ahead of any edit screen and rules that carry names and priority.
Recognition over Recall
Customize
Named things the way merchants do. Four tabs to three, grouped by intent, each section reporting its own state in one line.
Match Between System & Real World
Dashboard
Led with outcomes, not counts. Performance, conversion and approval trend anchor the top; revenue moves into its own tab beside session data.
Visibility of System Status
Limits & Thresholds
Gave risk its own destination. Out of Advance Features onto the main nav, with a live risk overview ahead of any edit screen and rules that carry names and priority.
Recognition over Recall
Customize
Named things the way merchants do. Four tabs to three, grouped by intent, each section reporting its own state in one line.
Match Between System & Real World
Dashboard
Led with outcomes, not counts. Performance, conversion and approval trend anchor the top; revenue moves into its own tab beside session data.
Visibility of System Status
Limits & Thresholds
Gave risk its own destination. Out of Advance Features onto the main nav, with a live risk overview ahead of any edit screen and rules that carry names and priority.
Recognition over Recall
Customize
Named things the way merchants do. Four tabs to three, grouped by intent, each section reporting its own state in one line.
Match Between System & Real World
[
AI-ASSISTED EXPLORATION
]
Three visual directions on one locked structure
Turn any idea into ready-to-use content in seconds
Same feature list, same layout. Claude Design accelerated three visual treatments in hours fast enough to
compare directions before committing to a system.
No complex tools or long workflows - just describe what you need, and Verseo does the rest.
Direction A
Structured & Professional
Strict grid, sharp/low-radius components, bordered containers, dense tables, compact controls and minimal elevation.
Direction B (Selected)
Guided & Spacious
Light surfaces, rounded containers, clear card hierarchy, generous spacing, soft borders, segmented controls and progressive disclosure.
Direction C
Dark & Expressive
Dark-mode surfaces, rounded cards, pill controls, soft borders, elevated panels, high-contrast data visualisation.
Efficient and familiar, but felt too rigid for the broader rebrand.
Direction A
Structured & Professional
Strict grid, sharp/low-radius components, bordered containers, dense tables, compact controls and minimal elevation.
Direction B (Selected)
Guided & Spacious
Light surfaces, rounded containers, clear card hierarchy, generous spacing, soft borders, segmented controls and progressive disclosure.
Direction C
Dark & Expressive
Dark-mode surfaces, rounded cards, pill controls, soft borders, elevated panels, high-contrast data visualisation.
Efficient and familiar, but felt too rigid for the broader rebrand.
Direction A
Structured & Professional
Strict grid, sharp/low-radius components, bordered containers, dense tables, compact controls and minimal elevation.
Direction B (Selected)
Guided & Spacious
Light surfaces, rounded containers, clear card hierarchy, generous spacing, soft borders, segmented controls and progressive disclosure.
Direction C
Dark & Expressive
Dark-mode surfaces, rounded cards, pill controls, soft borders, elevated panels, high-contrast data visualisation.
Efficient and familiar, but felt too rigid for the broader rebrand.
[
DESIGN LANGUAGE
DESIGN LANGUAGE
]
From a chosen direction to a system
the product can inherit
From a chosen direction to a system
the product can inherit
See what you can create with Verseo
Picking a direction was a taste decision. Making it consistent was an engineering one
semantic tokens in Figma, wired to the React component library so the language holds without anyone policing it.
Picking a direction was a taste decision. Making it consistent was an engineering one
semantic tokens in Figma, wired to the React component library so the language holds without anyone policing it.
From social media posts and email campaigns to product descriptions and ad copy — generate content tailored to any channel in seconds.
Design System
Type -one scale, replacing mixed families
Color -semantic roles, not raw hex
Tables -one density, alignment & empty state
Components -one set, defined states
Components with defined states
Global to semantic to component
Tokenize
Every value named in Figma
Roles, not values: surface, field, action, risk
Light/dark and density variants from one source
Naming reviewed with frontend before build
Connect
Tokens mirrored in the React library
Components consume tokens, never hard-coded values
Un-redesigned pages inherit type, color, spacing
Consistency by default, not by discipline
Consistency enforced in code
Design System
Type -one scale, replacing mixed families
Color -semantic roles, not raw hex
Tables -one density, alignment & empty state
Components -one set, defined states
Components with defined states
Global to semantic to component
Tokenize
Every value named in Figma
Roles, not values: surface, field, action, risk
Light/dark and density variants from one source
Naming reviewed with frontend before build
Connect
Tokens mirrored in the React library
Components consume tokens, never hard-coded values
Un-redesigned pages inherit type, color, spacing
Consistency by default, not by discipline
Consistency enforced in code
Design System
Type -one scale, replacing mixed families
Color -semantic roles, not raw hex
Tables -one density, alignment & empty state
Components -one set, defined states
Components with defined states
Global to semantic to component
Tokenize
Every value named in Figma
Roles, not values: surface, field, action, risk
Light/dark and density variants from one source
Naming reviewed with frontend before build
Connect
Tokens mirrored in the React library
Components consume tokens, never hard-coded values
Un-redesigned pages inherit type, color, spacing
Consistency by default, not by discipline
Consistency enforced in code
[
FINAL UI · DASHBOARD
]
Dashboard
Built for how you actually create content
Eight equal-weight cards become a ranked page. Performance, conversion and approval trend on top, revenue metrics one tab away, and a loss waterfall that names its own biggest drop.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Outcomes above counts
Approval, conversion and trend anchor the page; raw session data moves below the fold. The first thing a merchant reads is a verdict, not a number to interpret.
Revenue as a peer to sessions
Highlight the biggest drop-off
What is Verseo?
Verseo is an AI-powered writing assistant that helps you generate, rewrite, and improve content in seconds. From emails and social posts to product descriptions and marketing copy, it helps you create content faster with less effort.
Who is Verseo designed for?
Highlight the biggest drop-off
What is Verseo?
Verseo is an AI-powered writing assistant that helps you generate, rewrite, and improve content in seconds. From emails and social posts to product descriptions and marketing copy, it helps you create content faster with less effort.
Who is Verseo designed for?
Highlight the biggest drop-off
[
FINAL UI · LIMITS & THRESHOLDS
]
Limits & Thresholds
Built for how you actually create content
One toggle inside a five-tab catch-all becomes its own destination — a live Global Rule Control view showing auto-reject rate, manual-review rate and top risk signals before a merchant edits anything.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
One rulebook became many
Every client ran on a single global rule set. Merchants now build cohorts — grouping by country, currency, payment method and payin/payout limits — so a high-risk corridor and a trusted enterprise account no longer share one ceiling.
Priority made explicit
Overview before edit
What is Verseo?
Verseo is an AI-powered writing assistant that helps you generate, rewrite, and improve content in seconds. From emails and social posts to product descriptions and marketing copy, it helps you create content faster with less effort.
Who is Verseo designed for?
Overview before edit
What is Verseo?
Verseo is an AI-powered writing assistant that helps you generate, rewrite, and improve content in seconds. From emails and social posts to product descriptions and marketing copy, it helps you create content faster with less effort.
Who is Verseo designed for?
Overview before edit
[
FINAL UI · CUSTOMIZE
]
Customize
Built for how you actually create content
The surface every merchant meets first. A single hex-only field becomes seven named colour roles with swatches, and every section collapses to a one-line summary of its current state beside a live checkout preview.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Plain-language tabs
“CSS Changes” becomes “Styling.” Four tabs become three, grouped by intent rather than by the code behind them — Branding, Styling, Post Deposit Messages.
State before detail
Live preview with device toggle
What is Verseo?
Verseo is an AI-powered writing assistant that helps you generate, rewrite, and improve content in seconds. From emails and social posts to product descriptions and marketing copy, it helps you create content faster with less effort.
Who is Verseo designed for?
Live preview with device toggle
What is Verseo?
Verseo is an AI-powered writing assistant that helps you generate, rewrite, and improve content in seconds. From emails and social posts to product descriptions and marketing copy, it helps you create content faster with less effort.
Who is Verseo designed for?
Live preview with device toggle
[
Up close
]
Missed a detail?
Built for how you actually create content
A closer look at what we designed for Cashier.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
[
SCREENS
]
Missed a detail?
A closer look at what we designed for Cashier.
[
IMPACT
]
How the redesign translated into impact
Built for how you actually create content
Same three KPIs we started with, measured consistently.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Before Redesign
After Redesign
Where merchants were getting stuck
Settings changes needed a support contact to confirm they'd applied
Threshold protection often left unconfigured because merchants never found it
One global rule set forced identical limits on every client segment
Four button styles, three table patterns and no shared type scale
41%
Task Success Rate
5.6 min
Time to Complete
23%
Support Tickets
Before Redesign
After Redesign
Where merchants were getting stuck
Settings changes needed a support contact to confirm they'd applied
Threshold protection often left unconfigured because merchants never found it
One global rule set forced identical limits on every client segment
Four button styles, three table patterns and no shared type scale
41%
Task Success Rate
5.6 min
Time to Complete
23%
Support Tickets
[
BRAND COMMUNICATION
]
12 feature explainers. One visual language.
Built for how you actually create content
After the dashboard revamp a series of short animated explainers were created to make Paysecure’s capabilities easier to understand during merchant and client briefings.
After the dashboard revamp a series of short animated explainers were created to make Paysecure’s capabilities easier to understand during merchant and client briefings.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
[
LEARNING → SCALE
]
What we'd improve next
Built for how you actually create content
The first 3 surfaces established the direction. The next step is proving it across the platform and measuring what happens at scale.
The first 3 surfaces established the direction. The next step is proving it across the platform and measuring what happens at scale.
Whether you’re creating content daily or scaling it across a team, Verseo adapts to your workflow.
Build the system, not just the screens
The rebrand started with three surfaces, but the goal was a language the entire product could inherit.
Structure first. System always.
Build the system, not just the screens
The rebrand started with three surfaces, but the goal was a language the entire product could inherit.
Structure first. System always.
Build the system, not just the screens
The rebrand started with three surfaces, but the goal was a language the entire product could inherit.
Structure first. System always.
STRUCTURE BEFORE STYLE
Lock hierarchy and layout before visual exploration.
MAKE THE SYSTEM EARN ITS KEEP
Track adoption, usability and consistency as more surfaces migrate.
Use production signals as the system scales.
EXTEND, THEN EXPAND
Bring the language across more product, marketing and merchant-facing touchpoints.
Scale the visual language across all the touchpoints.
NEXT
More surfaces · More content · Production measurement
STRUCTURE BEFORE STYLE
Lock hierarchy and layout before visual exploration.
MAKE THE SYSTEM EARN ITS KEEP
Track adoption, usability and consistency as more surfaces migrate.
Use production signals as the system scales.
EXTEND, THEN EXPAND
Bring the language across more product, marketing and merchant-facing touchpoints.
Scale the visual language across all the touchpoints.
NEXT
More surfaces · More content · Production measurement
STRUCTURE BEFORE STYLE
Lock hierarchy and layout before visual exploration.
MAKE THE SYSTEM EARN ITS KEEP
Track adoption, usability and consistency as more surfaces migrate.
Use production signals as the system scales.
EXTEND, THEN EXPAND
Bring the language across more product, marketing and merchant-facing touchpoints.
Scale the visual language across all the touchpoints.
NEXT
More surfaces · More content · Production measurement