ACE CONSUMER ACCOUNT
ACE UNION — One Product, Multiple Versions.
PLATFORM
Mobile App · Desktop Website · Responsive Website
SCOPE
Multi-version Product
CATEGORY/ INDUSTRY
Fintech
STATUS
Released
TOOLS
Figma · Figjam · Jira · Excel
01 - INTRODUCTION
Rebuilding a live product into a complete design source of truth
The available Figma source did not fully represent the application or its user flows. I worked with the live product to understand how everything worked, then recreated the application structure in Figma.
This included rebuilding screens and user flows, creating interactive prototypes, designing the responsive website, and keeping the designs updated as new features and product versions were released.
02 - APPROACH
How the work
got done.
01
RECONSTRUCT THE SOURCE OF TRUTH
I explored the live application systematically and rebuilt it screen by screen in Figma. This created a complete application file that could be used by the team for design discussions, flow reviews, prototyping, and testing.
02
KEEP VERSION ORGANISED
As new versions were released, I maintained a structured repository for each version. This made it easier to track what had changed, compare previous and current designs, and keep the product history organised.
03
DESIGN HANDOFF & COMMUNICATION
I kept the relevant designs updated as new features and changes were introduced, and then shared them with the IT team for implementation. Once a version was released, I shared the updated Figma file with the company to keep everyone aligned on the latest changes.
04
VALIDATE THE EXPERIENCE
I tested the implemented features to make sure they matched the intended design and user flows. This included functional, user-flow, UI, responsive, and regression testing, along with bug reporting and fix validation.
03 - MY ROLE
My contribution
My contribution covered both product design and quality validation, allowing me to look at the product from both a design and user-experience perspective.
PRODUCT
Product Re-Design
User Research
Competitor Analysis
User Flows
INTERFACE
Product / UI Design
Mobile App Design
Responsive Design
Interaction Design
PROTOTYPING
Figma Prototyping
Interactive Prototypes
QUALITY
Manual QA
User Flow Testing
Functional Testing
Regression Testing
Responsive Testing
UI Validation
Bug Reporting
Fix Validation
— DELIVERABLES
Complete Application Figma File
Complete User Flows
Interactive Prototype
Features Re-design
Responsive Website Design
Website Prototype
Version Repository
04 - OUTCOME
Final result
The project turned an incomplete design source into a structured and maintainable product repository.
01
A COMPLETE PRODUCT RECREATED IN FIGMA
The live application was mapped and reconstructed into a structured Figma file covering its screens and user flows.
02
CLEAR VERSION HISTORY
Each released version had its own organised design repository, making changes and design history easier to track.
03
DESIGNS KEPT IN SYNC WITH THE PRODUCT
As the product evolved, the corresponding designs and flows were continuously updated to reflect the latest version.
04
DESIGN & QA WORKING TOGETHER
Because I worked across both design and manual QA, I could validate not only how the product looked, but also how the actual flows and features worked.
— CONTACT
Have a product worth designing?
Whether it's shaping a new idea, improving an existing experience, or simply talking about thoughtful digital products — I'd love to hear from you.
Saboor Fatima
“Designing experiences, questioning the details.”
© 2026 Saboor Fatima