Context
TI Credit Report
Modernizing an enterprise credit intelligence platform — redesigning complex financial workflows, dense data reports, and multi-step forms into an intuitive, scalable product experience trusted by banking professionals.
Role
Lead UI/UX Designer
Duration
36 Months
Platform
Desktop / Tablet / Mobile
Team
Solo Designer
Platform
FinTech Credit Intelligence
Users
Bank Managers, Financial Analysts
Scope
150+ Screens
Impact
40% Faster Task Completion
Project Overview
At a Glance
Problem
A compliance-heavy enterprise platform used by banking analysts needed a modern, scalable UX system — one that could simplify complex credit workflows, dense data reporting, and multi-step forms without compromising regulatory requirements or data integrity.
Role
Lead UI/UX Designer responsible for UX strategy and end-to-end design execution.
Platform
Desktop-first enterprise platform with tablet and mobile extensions.
Duration
36 months
Leadership
My Role
As the sole designer on this engagement, I owned the end-to-end UX process — from discovery through to engineering handoff — while navigating a complex set of regulatory, technical, and organisational constraints.
Led UX strategy for the credit intelligence platform across all four user journeys
Redesigned core workflows used daily by banking professionals and compliance officers
Established scalable design patterns and a unified component system across 150+ screens
Collaborated directly with product managers and engineering teams through weekly reviews
Ensured every design decision respected enterprise regulatory constraints and audit-trail requirements
Background
Product Context
TI Credit Report is an enterprise credit intelligence platform serving banks, financial institutions, and lending teams with the structured data they need to evaluate borrower creditworthiness and make high-stakes lending decisions.
The platform is used by bank managers and financial analysts who process hundreds of credit applications per week. Every workflow, every data point, and every UI state has a direct impact on whether a loan is approved or declined — making clarity in financial data not a preference, but a professional requirement.
Errors in this context don't just create friction — they carry financial and reputational consequences. The redesign had to earn trust through precision, not novelty.
Challenge
The Problem
The legacy platform suffered from three core usability failures that caused friction at every touchpoint across the credit lifecycle.
01
Static Long Forms
Monolithic single-page forms with 40+ fields displayed simultaneously, causing high abandonment rates and input errors among financial analysts.
02
Data Dense Reports
Credit reports lacked visual hierarchy — raw numerical tables with no grouping, no progressive disclosure, and no actionable insight surfacing.
03
Cognitive Overload
Users faced decision paralysis navigating between workflows. The mental load of interpreting data while completing tasks was unsustainable at scale.
What Made This Hard
Key Challenges
Four compounding challenges shaped every design decision and demanded a fundamentally different approach to simplification.
Challenge 01
Regulatory Compliance Constraints
Every workflow had to satisfy enterprise compliance frameworks, financial regulatory requirements, and legal audit-trail standards. Simplification could never come at the cost of compliance.
Challenge 02
Complex Financial Data Structures
Credit data is inherently nested, relational, and time-sensitive. Presenting it clearly without losing fidelity required deep information architecture work.
Challenge 03
Experienced Power Users
Analysts and bank managers are domain experts with established mental models. Oversimplification would slow them down. The design had to match their expertise, not bypass it.
Challenge 04
Legacy System Limitations
Fixed API contracts and aging infrastructure meant designs had to work within existing data structures — no new endpoints, no redesigned payloads.
Design Context
Constraints
Every design decision was shaped by a demanding set of real-world constraints. These were not obstacles to work around — they were the design brief. Understanding them was the prerequisite for any meaningful solution.
01
Regulatory Compliance
All workflows had to meet enterprise compliance frameworks and financial regulatory standards. UI patterns that simplified inputs could not compromise legal audit trails or data integrity requirements.
02
Legacy Infrastructure
The platform ran on aging backend systems with fixed API response structures. Designs had to work within those data contracts — no new endpoints could be created for UX convenience.
03
High Data Accuracy Requirements
Credit decisions carry financial and legal consequences. Ambiguous UI states, unclear validation, or misleading visualizations were not acceptable failure modes.
04
Experienced Banking Professionals
Primary users were senior analysts and compliance officers — not general consumers. Solutions had to respect their mental models and vocabulary rather than over-simplify at the cost of efficiency.
Before vs After
Legacy vs Modern
A deliberate, research-backed transformation — from overwhelming complexity to purposeful clarity at every interaction point.
Before — Long static forms with excessive fields
After — Progressive stepper workflow with structured hierarchy
Design Approach
Strategic Design Decisions
Decision 01
Progressive Stepper Forms
Replaced monolithic form layouts with a contextual, step-by-step stepper. Each stage surfaces only the fields relevant to the current step — reducing perceived complexity and guiding users through credit workflows with clear progress indicators and inline validation feedback.
Decision 02
Dashboard Based Reports
Transformed raw tabular credit data into structured, scannable dashboards. Key metrics are elevated through visual hierarchy — score indicators, trend charts, and segmented panels allow analysts to extract insight in seconds rather than minutes.
Decision 03
Data Hierarchy Optimization
Established a strict visual hierarchy across all data-heavy screens — primary metrics at the top, secondary context in the middle, granular detail accessible on demand. This reduced cognitive load by guiding attention through intentional type scale and spatial grouping.
System Thinking
How the Design Addressed Platform Complexity
Solving complexity at scale required more than good screens — it demanded a systemic approach to information architecture, user roles, component reuse, and workflow orchestration.
01
Role-Based User Journeys
Four distinct user journeys — analysts, compliance managers, bank partners, and consumers — each designed with tailored information hierarchy and task flows appropriate to their domain expertise and responsibilities.
02
Scalable Component Architecture
A unified design system built to scale from 25 to 150+ screens across all user journeys — ensuring visual and functional consistency without design drift as the platform grew.
03
Data Hierarchy Simplification
Primary metrics surfaced first, secondary context in the middle, granular detail accessible on demand — reducing cognitive load by guiding analyst attention through intentional structure rather than overwhelming data density.
04
Workflow Orchestration
Multi-step credit workflows restructured into guided stepper flows with contextual validation and clear progress indicators — matching how banking professionals actually process applications rather than how legacy systems presented them.
Scalable Design System
Design System
The platform started at 25 screens. By the end of the engagement it had grown to 150+ — spanning four distinct user journeys across analysts, compliance managers, bank partners, and end consumers. That growth was only possible because of a design system built to scale from day one.
Every component, token, and pattern was designed to compose — ensuring visual and functional consistency without design drift as the product grew. The system covered a 6-level type scale, a semantic color palette, a full component library, spacing tokens, and interaction guidelines, all documented for engineering handoff.
Typography
Display
48px
Bold
Heading 1
36px
Semi Bold
Heading 2
24px
Semi Bold
Body
16px
Regular
Caption
12px
Medium
Color Palette
Primary
#014163
Secondary
#FCD800
Neutral Dark
#333333
Neutral Mid
#919191
Neutral Light
#F2F2F5
Accent
#307DA2
Components
Buttons
Form Fields
Data Cards
Navigation
150+
Screens Designed with a Single Unified System
Multi-Device
Every Screen, Every Device
From enterprise desktops to field tablets and consumer mobile — the TI Credit Report experience adapts fluidly across breakpoints, preserving information hierarchy and interaction quality on every device.
Information Architecture
Planning
Wireframes were the foundation — not decoration. Before any visual decisions, every screen was mapped as a low-fidelity structure to validate navigation logic, content priority, and task flow.
This process uncovered hidden complexity in multi-step credit workflows, drove the decision to adopt the progressive stepper pattern, and established the information architecture that the final design system was built upon.
Methodology
Design Process
A structured, iterative process — grounded in user research and validated at every milestone through stakeholder reviews and usability testing.
Research
Task Analysis
Wireframes
Prototyping
Visual Design
Testing
Research
Task Analysis
Wireframes
Prototyping
Visual Design
Testing
Results
Measurable Impact
The redesign delivered tangible improvements across efficiency, scale, and user wellbeing — validated through post-launch usability studies and stakeholder feedback.
40%
Faster Task Completion
Credit workflows that previously took analysts an average of 18 minutes were reduced to under 11 minutes through progressive disclosure and smarter task sequencing.
150+
Screens Designed
A single, unified design system scaled from an initial 25-screen scope to cover all four user journeys — analysts, managers, bank partners, and end consumers.
60%
Reduced Cognitive Load
Post-launch usability studies measured a 60% reduction in decision errors and user-reported mental effort, attributed to improved information hierarchy and progressive disclosure.
150+ Production Screens Designed
From an initial 25-screen scope, the platform grew to 150+ production screens across four distinct user journeys — all within a single unified design system.
Platform Used by Banking Analysts Nationwide
The redesigned platform is trusted by bank managers and financial analysts to evaluate creditworthiness and make high-stakes lending decisions at scale.
Simplified Complex Credit Reporting Workflows
Dense data reports and monolithic forms were transformed into structured, scannable dashboards and progressive stepper flows that match how analysts actually think.
Improved Operational Efficiency for Financial Decision Makers
By reducing cognitive load and streamlining multi-step workflows, the redesign enabled analysts to process more applications accurately and with less effort.
Final Product
Final Screens
High-fidelity screens from the shipped product — desktop and mobile — representing the full breadth of the TI Credit Report design system in production.
Desktop Screens
Mobile Screens
Next Case Study
RMT Holotrack
Industrial IoT · Spatial Data Visualization