Redesigning a customer identity verification portal to increase finance operators task completion rates,helping businesses verify faster and reduce costs.

Product

Product

Amani Studio KYC Portal

Amani Studio KYC Portal

Type

Type

AI-Powered B2B Web Application

AI-Powered B2B Web Application

Industry

Industry

Banking, Crypto, Fintech

Banking, Crypto, Fintech

Why a redesign ?

Why a redesign ?

A redesign of the successful first product was essential to meet new compliance regulations and evolving industry standards, while a smoother and faster verification experience was needed amid increasing fraud threats.

Problems

Problems

Limited scalability → The existing Quasar structure restricted certain UI revisions, making it difficult to adapt to evolving business needs.

Outdated UI & missing features → Reducing competitiveness and client acquisition.

Inefficient document processing → Slowing task completion times for operators.

Growing demand for AI tools → Requiring backend and UI enhancements for seamless integration.

Compliance with evolving KYC regulations → Mandating structural updates.

Complex customer navigation → Verification workflows needed optimization for efficiency.

Discovering Pain Points

Discovering Pain Points

I reviewed the first user flow submission, pinpointing task bottlenecks where customer requests were most concentrated.

Large Project Gallery Image #1
Large Project Gallery Image #1

Customers List

The main page that operators access all profiles

Search customers Add a new customer Filter and Scan customers

Customers List

The main page that operators access all profiles

Search customers Add a new customer Filter and Scan customers

Customers List

The main page that operators access all profiles

Search customers Add a new customer Filter and Scan customers

Customer Profile

Ongoing monitoring, status and documents are controlled here

Change status Edit profile Upload/request documents

Customer Profile

Ongoing monitoring, status and documents are controlled here

Change status Edit profile Upload/request documents

Customer Profile

Ongoing monitoring, status and documents are controlled here

Change status Edit profile Upload/request documents

Discovering Pain Points

Discovering Pain Points

I collaborated with customer support & sales teams to extract repeated complaints, identifying patterns in user struggles.

A structured UI/UX audit revealed usability issues impacting efficiency. I documented these findings and presented them to stakeholders.

Large Project Gallery Image #2
Large Project Gallery Image #2
Large Project Gallery Image #3
Large Project Gallery Image #3

Power of Collaboration

How I Used Sketches, Wireframes, and Rapid Prototypes to Streamline Collaboration and Drive Feedback-Based Decisions, Working Closely with Dev Teams and Stakeholders During Iterations

To define the project scope, I;

Compiled customer feedback and reported issues.

Created quick hand-drawn wireframes for early brainstorming before digital prototypes.

Used sketches to guide discussions, shaping content structure, functions, and technical feasibility.

I developed low-fidelity wireframes based on key priorities, refining them through:

Iterative cycles incorporating management & client feedback.

Design stand-ups focused on navigation & structural improvements.

Prototyping helped gather quick insights by:

Demonstrating user flows to developers & stakeholders.

Collecting immediate feedback from B2B clients.

Testing interactions & documenting usability challenges.

After internal testing, we focused on improving:

Reevaluating problematic areas based on observed user behavior.

Customer search & filtering options to streamline workflows.

Version 2 ✅

Version 1 ➡️

To define the project scope, I;

Compiled customer feedback and reported issues.

Created quick hand-drawn wireframes for early brainstorming before digital prototypes.

Used sketches to guide discussions, shaping content structure, functions, and technical feasibility.

I developed low-fidelity wireframes based on key priorities, refining them through:

Iterative cycles incorporating management & client feedback.

Design stand-ups focused on navigation & structural improvements.

Prototyping helped gather quick insights by:

Demonstrating user flows to developers & stakeholders.

Collecting immediate feedback from B2B clients.

Testing interactions & documenting usability challenges.

After internal testing, we focused on improving:

Reevaluating problematic areas based on observed user behavior.

Customer search & filtering options to streamline workflows.

Version 2 ✅

Version 1 ➡️

Power of Collaboration

After multiple iterative cycles—validating decisions and refining versions—I delivered the first redesign: a modern, sleek UI that incorporated the new company branding and improved user interactions.

To define the project scope, I;

Compiled customer feedback and reported issues.

Created quick hand-drawn wireframes for early brainstorming before digital prototypes.

Used sketches to guide discussions, shaping content structure, functions, and technical feasibility.

To define the project scope, I;

Compiled customer feedback and reported issues.

Created quick hand-drawn wireframes for early brainstorming before digital prototypes.

Used sketches to guide discussions, shaping content structure, functions, and technical feasibility.

I developed low-fidelity wireframes based on key priorities, refining them through:

Iterative cycles incorporating management & client feedback.

Design stand-ups focused on navigation & structural improvements.

I developed low-fidelity wireframes based on key priorities, refining them through:

Iterative cycles incorporating management & client feedback.

Design stand-ups focused on navigation & structural improvements.

Prototyping helped gather quick insights by:

Demonstrating user flows to developers & stakeholders.

Collecting immediate feedback from B2B clients.

Testing interactions & documenting usability challenges.

After internal testing, we focused on improving:

Reevaluating problematic areas based on observed user behavior.

Customer search & filtering options to streamline workflows.

Lorem Ipsum Dolor Amed

Lorem Ipsum Dolor Amed

Version 1

Version 2

Key Challenge

Key Challenge

The biggest challenge of the process was aligning diverse stakeholder needs and ongoing feature requests.

Potential Clients & Businesses

Focused on AI-powered features & enhanced AML workflows.

Potential Clients & Businesses

Focused on AI-powered features & enhanced AML workflows.

Internal Management

Requested UI modernization, branding refresh, and improved interaction design.

Internal Management

Requested UI modernization, branding refresh, and improved interaction design.

Existing Users

Needed faster verification flows & a more intuitive profile page.

Existing Users

Needed faster verification flows & a more intuitive profile page.

Potential Clients & Businesses

Focused on AI-powered features & enhanced AML workflows.

Potential Clients & Businesses

Focused on AI-powered features & enhanced AML workflows.

Existing Users

Needed faster verification flows & a more intuitive profile page.

Existing Users

Needed faster verification flows & a more intuitive profile page.

Internal Management

Requested UI modernization, branding refresh, and improved interaction design.

Internal Management

Requested UI modernization, branding refresh, and improved interaction design.

Key Challenge

Key Challenge

I emphasized validating the first improvements before adding new features, and we decided to launch a beta version for testing and feedback before the official release.

Demo Launch & Test Results

Demo Launch & Test Results

While the beta version successfully addressed core UX/UI issues—improving accessibility, legibility, and workflow efficiency—user feedback revealed critical pain points that weren’t initially apparent.

Feature creep → The addition of too many new functions and AI features overwhelmed users, creating cognitive overload.

Usability gaps → Relying on business goals heavily led to usability gaps, as users struggled to adapt to new features

Misaligned assumptions → Business-driven decisions didn’t fully align with real user needs.

Stagnant Verification Rates: Verification rates remained stuck at 70-76%, indicating unresolved usability issues.

Strategy Change

Strategy Change

Based on data from the beta launch, we pivoted our strategy to prioritize user-driven insights.

Outside-In Perspective

Shifted from business-driven goals to user-driven insights.

Outside-In Perspective

Shifted from business-driven goals to user-driven insights.

Balancing UX & Business Goals

Ensured usability aligned with business objectives while advocating for users.

Balancing UX & Business Goals

Ensured usability aligned with business objectives while advocating for users.

Leveraging Beta Data

This time, we used real user feedback to refine key interactions.

Leveraging Beta Data

This time, we used real user feedback to refine key interactions.

Outside-In Perspective

Shifted from business-driven goals to user-driven insights.

Outside-In Perspective

Shifted from business-driven goals to user-driven insights.

Leveraging Beta Data

This time, we used real user feedback to refine key interactions.

Leveraging Beta Data

This time, we used real user feedback to refine key interactions.

Balancing UX & Business Goals

Ensured usability aligned with business objectives while advocating for users.

Balancing UX & Business Goals

Ensured usability aligned with business objectives while advocating for users.

A user-centric Approach

A user-centric Approach

I conducted direct observational studies with two compliance officers. By observing them using the product in their daily workflows, I gained firsthand insights into their operational needs.

Problem-solving

I translated all the data and discoveries into actionable design solutions. These final UX/UI updates addressed every remaining challenge, delivering a seamless and efficient experience tailored to real user needs.

Problem Solving

Document Filtering: Shifted from a cluttered list to an intuitive multi-select search.

Problem Solving

Date Filtering: Introduced flexible range selection with predefined shortcuts.

Problem Solving

Profile Navigation: Reduced cognitive load by introducing a secondary sidebar for quick access.

Problem Solving

Verification Steps: Implemented a Levels System for clearer AI classification.

Problem Solving

Faster Onboarding: Allowed operators to send verification links upfront, filling in details later.

Final Impact

Final product increased operators' task completion efficiency with a data-driven redesign, user centered redesign based on demo insights, significantly cutting manual check times.

Key Takeaways

Key Takeaways

Relying heavily on business-driven decisions led to usability issues. A data-backed, user-first approach significantly improved efficiency. AI features must be designed with operator workflows in mind, efficiency matters more than showcasing complex AI technology to users.

Explore other launched products and see how I’ve driven measurable business outcomes while creating meaningful, user-centered impact.

  • The image featured in the carousel #1
  • The image featured in the carousel #2
  • The image featured in the carousel #3
  • The image featured in the carousel #4