Simplifying complex fintech flows
HyperBot – Zero-to-one UX for fintech
HyperBot – Zero-to-one UX for fintech
Simplified complex cross-network crypto trading within Telegram’s limited UI, achieving a 22.4% higher task completion rate than the MVP.
Company
Pomerium
Period
2024.12-2025.04
Ｍy Role
Lead product design · UX design · Specification definition
Category
Conversational Interface
Fintech
Chatbot UX
Simplifying complex fintech flows
HyperBot – Zero-to-one UX for fintech
Simplified complex cross-network crypto trading within Telegram’s limited UI, achieving a 22.4% higher task completion rate than the MVP.
Company
Pomerium
Period
2024.12-2025.04
Ｍy Role
Lead product design · UX design · Specification definition
Role & Team
Product designer | 1 PM, 4 Developers, 1 Product designer
Category
Conversational Interface
Fintech
Chatbot UX
1/
1/
Background
Background
Cross-network Web3 crypto trading needed a more convenient, seamless solution.
This project aimed to enable cross-network crypto trading through a Telegram-based bot, as users found it difficult and time-consuming to transfer coins between different networks like Solana and Hyper, and needed a more convenient way to trade seamlessly.
Cross-network Web3 crypto trading needed a more convenient, seamless solution.
This project aimed to enable cross-network crypto trading through a Telegram-based bot, as users found it difficult and time-consuming to transfer coins between different networks like Solana and Hyper, and needed a more convenient way to trade seamlessly.
2/
2/
Goal
Goal
Simplify complex financial tasks into a clear, conversational flow for all user levels.
The challenge was to simplify a complex cross-network crypto trading flow into a concise, conversational experience that both beginners and advanced users could confidently navigate.
Simplify complex financial tasks into a clear, conversational flow for all user levels.
The challenge was to simplify a complex cross-network crypto trading flow into a concise, conversational experience that both beginners and advanced users could confidently navigate.
3/
3/
Process
Process
UX to Dev handoff process
Feature definition & scoping
Chat flow design
Wireframing & Prototyping
Agile Dev collaboration
QA testing & Iteration
UX to Dev handoff process
Feature definition & scoping
Chat flow design
Wireframing & Prototyping
Agile Dev collaboration
QA testing & Iteration
4/
4/
My Role
My Role
Designed and tested trading bot flows to enhance usability and streamline key interactions.
Team size
7, including 1 PM and 4 developers. Served as the Lead Product Designer, responsible for end-to-end UX and design direction.
My role
Trading Experience Design
Designed and refined key trading workflows with a focus on speed, clarity, and intuitive navigation. Balanced user needs with platform constraints to streamline decision-making under pressure.
User Story & Interaction Design
Partnered with product and engineering to define user stories, edge cases, and system behaviors. Designed conversational flows for bot interactions that guided users through complex trading actions.
Quality Assurance & Usability Optimization
Led usability testing and QA efforts to validate designs in real-world scenarios. Identified usability gaps and rapidly iterated based on user feedback and behavioral insights.
Designed and tested trading bot flows to enhance usability and streamline key interactions.
Team size
7, including 1 PM and 4 developers. Served as the Lead Product Designer, responsible for end-to-end UX and design direction.
My role
Trading Experience Design
Designed and refined key trading workflows with a focus on speed, clarity, and intuitive navigation. Balanced user needs with platform constraints to streamline decision-making under pressure.
User Story & Interaction Design
Partnered with product and engineering to define user stories, edge cases, and system behaviors. Designed conversational flows for bot interactions that guided users through complex trading actions.
Quality Assurance & Usability Optimization
Led usability testing and QA efforts to validate designs in real-world scenarios. Identified usability gaps and rapidly iterated based on user feedback and behavioral insights.
5/
5/
Challenge
Challenge
Telegram’s limited UI, where buttons serve as menus, CTAs, or inputs, made it challenging to design clear flows without overwhelming users.
When we launched the MVP, we quickly realised that performance issues were limiting the user experience, so we switched to a new development language. Designing for Telegram bots also posed challenges, as its limited UI space and multi-purpose buttons (menus, CTAs, inputs) could easily overwhelm users and break the conversational flow. We needed to prioritise actions for complex tasks like wallet management while keeping the interface clear, intuitive, and easy to navigate.
Telegram’s limited UI, where buttons serve as menus, CTAs, or inputs, made it challenging to design clear flows without overwhelming users.
When we launched the MVP, we quickly realised that performance issues were limiting the user experience, so we switched to a new development language. Designing for Telegram bots also posed challenges, as its limited UI space and multi-purpose buttons (menus, CTAs, inputs) could easily overwhelm users and break the conversational flow. We needed to prioritise actions for complex tasks like wallet management while keeping the interface clear, intuitive, and easy to navigate.
6/
6/
UX Solution
UX Solution
Refined user flows and interactions by optimising button layouts and improving functional specs to create a smoother experience.
I improved core functionalities and redesigned user flows for a smoother, more efficient experience. Working closely with development and business teams, I updated functional specs and created detailed user flows and storyboards to align everyone on feature requirements.
Solution (Wallet Management Example)
Optimised button layout:
Removed the Home button from task flows, keeping only Back to maintain focus while allowing exits via the quick menu.
Increased wallet add limit:
Expanded from 3 to 10 to give users more flexibility in managing their wallets.Refined deletion rules:
Prevented deletion of system or default wallets to ensure users always have an active wallet for seamless transactions
Refined user flows and interactions by optimising button layouts and improving functional specs to create a smoother experience.
I improved core functionalities and redesigned user flows for a smoother, more efficient experience. Working closely with development and business teams, I updated functional specs and created detailed user flows and storyboards to align everyone on feature requirements.
Solution (Wallet Management Example)
Optimised button layout:
Removed the Home button from task flows, keeping only Back to maintain focus while allowing exits via the quick menu.
Increased wallet add limit:
Expanded from 3 to 10 to give users more flexibility in managing their wallets.Refined deletion rules:
Prevented deletion of system or default wallets to ensure users always have an active wallet for seamless transactions
7/
7/
QA test & Iteration
QA test & Iteration
Conducted comprehensive QA covering UI, flows, and exceptions across seven menus to refine the UX.
Before launch, the product required thorough testing to ensure a smooth user experience. To achieve this, I split seven menus into user and function menus and conducted two rounds of QA in Month 3, checking UI details, verifying end-to-end flows, and testing exception cases to ensure robustness.
As a result, QA covered 97% of scenarios, revealed errors and UX improvements for a clearer, more intuitive experience, and post-launch bug tracking ensured continuous enhancement.
Conducted comprehensive QA covering UI, flows, and exceptions across seven menus to refine the UX.
Before launch, the product required thorough testing to ensure a smooth user experience. To achieve this, I split seven menus into user and function menus and conducted two rounds of QA in Month 3, checking UI details, verifying end-to-end flows, and testing exception cases to ensure robustness.
As a result, QA covered 97% of scenarios, revealed errors and UX improvements for a clearer, more intuitive experience, and post-launch bug tracking ensured continuous enhancement.
Connect to Content
Add layers or components to swipe between.
8/
Impact & Takeaway
Usability testing showed a 22.4% increase in task completion rate compared to the MVP prototype tested three months earlier.
This project highlighted the importance of designing smooth flows within limited UI constraints. By emphasizing UX writing and flow design, we made a complex financial product accessible to both beginners and experienced users. Continuous testing and close collaboration ensured better comprehension, faster task completion, and ultimately delivered a more user-friendly and complete product.
8/
Impact & Takeaway
Usability testing showed a 22.4% increase in task completion rate compared to the MVP prototype tested three months earlier.
This project highlighted the importance of designing smooth flows within limited UI constraints. By emphasizing UX writing and flow design, we made a complex financial product accessible to both beginners and experienced users. Continuous testing and close collaboration ensured better comprehension, faster task completion, and ultimately delivered a more user-friendly and complete product.
