Slide 1Slide 2
1 / 2
Zoom
Slide 1Slide 2
1 / 2
Zoom

Multiple independent analytics platforms created operational friction and limited scalability.

As the surveillance ecosystem expanded with platforms like ITMS, FRS, ICCC, and Analytic Manager, each product evolved independently. This created both operational challenges for the business and usability issues for security teams, making the overall platform harder to scale and operate efficiently.

Operational complexity in distributed surveillance environments

Security teams managing multiple analytics platforms (ITMS, FRS, ICCC, Analytic Manager) encountered workflow inefficiencies and inconsistent interfaces during critical operations.

Research & Insights
40%
Reduced task steps
Analytics configuration workflow simplification
50%
Reduced navigation
Module switching and context changes
35%
Faster investigation
Event investigation efficiency improvement
30%
Lower onboarding
Reduced training session dependency
How improvements were measured
The metrics presented here are based on workflow reviews, internal team feedback, and usability observations conducted during the redesign process.
These improvements reflect operational reasoning and comparative analysis between legacy and redesigned workflows, rather than formal analytics dashboards or A/B testing data.
The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.

Research & Insights

How improvements were measured

The metrics presented here are based on workflow reviews, internal team feedback, and usability observations conducted during the redesign process.
These improvements reflect operational reasoning and comparative analysis between legacy and redesigned workflows, rather than formal analytics dashboards or A/B testing data.
The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.
40%
Reduced task steps
Analytics configuration workflow simplification
50%
Reduced navigation
Module switching and context changes
35%
Faster investigation
Event investigation efficiency improvement
30%
Lower onboarding
Reduced training session dependency

Balancing consolidation with usability

PROBLEM

Merging multiple complex systems while maintaining task clarity

APPROACH

Prioritized workflow integrity over feature density. Designed progressive disclosure patterns and contextual navigation to surface relevant tools at the right moment without overwhelming operators.

Image 1Image 2
1 / 2
Zoom

Structuring complex analytics workflows

PROBLEM

Analytics configuration involved nested settings and real-time dependencies

APPROACH

Introduced guided configuration flows with clear visual hierarchy, status indicators, and validation feedback. Separated setup, monitoring, and investigation into distinct but connected workflows.

Image 1Image 2
1 / 2
Zoom

Maintaining consistency across teams

PROBLEM

Multiple teams working on evolving modules with different timelines

APPROACH

Established design system foundation with reusable components, interaction patterns, and documentation. Created review checkpoints to ensure alignment as modules scaled independently.

Image 1Image 2
1 / 2
Zoom
62%Issues
Usability Issues62%
Technical Issues25%
Training Gaps13%
02468Create ReportAccess Live FeedExport Settings
Competitor Avg.
Current Avg.
0255075100Task CompletionError RateUser Satisfaction
After Redesign
Before Redesign
Image 1Image 2Image 3
1 / 3
High Impact
80%
Reduced inconsistency
Design and development variance eliminated across products
High Impact
60%
Faster handoffs
Streamlined design-to-development workflow
Medium Impact
50%
Onboarding efficiency
New team members productive faster with standardised components
Select component

Fragmented UI patterns across multiple products, redundant design work, inconsistent user experiences

The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.

Fragmented UI patterns across multiple products, redundant design work, inconsistent user experiences
Form patterns unified across every product surface
Navigation clarity at enterprise scale
Data-dense tables without cognitive overload
Modals that serve intent, not interrupt it
Typography that scales across brands
Colour tokens that adapt to every context
Spacing discipline across every layout
Click to zoom
Business Impact

Inefficiency & Fragmentation

Weak product differentiationMultiple products lacked standardized UI and interaction patterns
Slow development velocityDesigners and developers spent excessive time reinventing components

KEY FOCUS AREAS

Platform consolidation
Unified multiple analytics and surveillance applications into one platform.
Workflow simplification
Simplified tasks like applying analytics, configuring dashboards, and searching events.
Systematic structure
Introduced consistent navigation, layouts, and interaction patterns.
Design system foundation
Created reusable UI components to support faster and consistent development.
Enterprise usability
Designed interfaces that manage complex configurations without overwhelming users.
CORE FOCUS AREAS
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Click to zoom
Select focus area
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Click to zoom
Fragmented product ecosystem
Multiple standalone applications made it difficult to position the platform as a unified enterprise solution.
Image 1Image 2Image 3
1 / 3
Click to zoom
Fragmented product ecosystem
Multiple standalone applications made it difficult to position the platform as a unified enterprise solution.
Image 1Image 2Image 3
1 / 3
Click to zoom

BUSINESS CHALLENGES

Slide 1Slide 2Slide 3
1 / 3
Click to zoom

PROCESS

My Role

Led UX strategy and interface design for transforming fragmented analytics tools into a unified platform.

Discovery
Discovery

Gap Analysis & Research

  • Identified workflow fragmentation across ITMS, FRS, ICCC platforms
  • Mapped operational pain points through stakeholder interviews
  • Documented inconsistent navigation and UI patterns
Structuring
Structuring

Information Architecture

  • Designed scalable navigation hierarchy and module organization
  • Created workflow models for configuration and investigation
  • Established design principles and system requirements
Execution
Execution

Interface Design

  • Built foundational component library and interaction patterns
  • Designed key workflows: analytics setup, event monitoring, investigation
  • Created high-fidelity prototypes for validation
Validation
Validation

Review & Handoff

  • Conducted internal usability reviews and iterations
  • Documented design rationale and implementation guidelines
  • Collaborated on engineering handoff and QA support
PLATFORM COVERAGE
i2V
Design System
Desktop100%
Web100%
Mobile100%
KEY LEARNING
A design system is more than a library of components; it’s a shared language that unifies teams, products, and experiences.
Zahid Raza
Zahid Raza

Hi

Hi

Curious about the process behind the pixels?

Dive into the stories behind each project, how design decisions shaped better user experiences.

Slide 1Slide 2
1 / 2
Zoom
Slide 1Slide 2
1 / 2
Zoom

Multiple independent analytics platforms created operational friction and limited scalability.

As the surveillance ecosystem expanded with platforms like ITMS, FRS, ICCC, and Analytic Manager, each product evolved independently. This created both operational challenges for the business and usability issues for security teams, making the overall platform harder to scale and operate efficiently.

Operational complexity in distributed surveillance environments

Security teams managing multiple analytics platforms (ITMS, FRS, ICCC, Analytic Manager) encountered workflow inefficiencies and inconsistent interfaces during critical operations.

Research & Insights
40%
Reduced task steps
Analytics configuration workflow simplification
50%
Reduced navigation
Module switching and context changes
35%
Faster investigation
Event investigation efficiency improvement
30%
Lower onboarding
Reduced training session dependency
How improvements were measured
The metrics presented here are based on workflow reviews, internal team feedback, and usability observations conducted during the redesign process.
These improvements reflect operational reasoning and comparative analysis between legacy and redesigned workflows, rather than formal analytics dashboards or A/B testing data.
The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.

Research & Insights

How improvements were measured

The metrics presented here are based on workflow reviews, internal team feedback, and usability observations conducted during the redesign process.
These improvements reflect operational reasoning and comparative analysis between legacy and redesigned workflows, rather than formal analytics dashboards or A/B testing data.
The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.
40%
Reduced task steps
Analytics configuration workflow simplification
50%
Reduced navigation
Module switching and context changes
35%
Faster investigation
Event investigation efficiency improvement
30%
Lower onboarding
Reduced training session dependency

Balancing consolidation with usability

PROBLEM

Merging multiple complex systems while maintaining task clarity

APPROACH

Prioritized workflow integrity over feature density. Designed progressive disclosure patterns and contextual navigation to surface relevant tools at the right moment without overwhelming operators.

Image 1Image 2
1 / 2
Zoom

Structuring complex analytics workflows

PROBLEM

Analytics configuration involved nested settings and real-time dependencies

APPROACH

Introduced guided configuration flows with clear visual hierarchy, status indicators, and validation feedback. Separated setup, monitoring, and investigation into distinct but connected workflows.

Image 1Image 2
1 / 2
Zoom

Maintaining consistency across teams

PROBLEM

Multiple teams working on evolving modules with different timelines

APPROACH

Established design system foundation with reusable components, interaction patterns, and documentation. Created review checkpoints to ensure alignment as modules scaled independently.

Image 1Image 2
1 / 2
Zoom
62%Issues
Usability Issues62%
Technical Issues25%
Training Gaps13%
02468Create ReportAccess Live FeedExport Settings
Competitor Avg.
Current Avg.
0255075100Task CompletionError RateUser Satisfaction
After Redesign
Before Redesign
Image 1Image 2Image 3
1 / 3
High Impact
80%
Reduced inconsistency
Design and development variance eliminated across products
High Impact
60%
Faster handoffs
Streamlined design-to-development workflow
Medium Impact
50%
Onboarding efficiency
New team members productive faster with standardised components
Select component

Fragmented UI patterns across multiple products, redundant design work, inconsistent user experiences

The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.

Fragmented UI patterns across multiple products, redundant design work, inconsistent user experiences
Form patterns unified across every product surface
Navigation clarity at enterprise scale
Data-dense tables without cognitive overload
Modals that serve intent, not interrupt it
Typography that scales across brands
Colour tokens that adapt to every context
Spacing discipline across every layout
Click to zoom
Business Impact

Inefficiency & Fragmentation

Weak product differentiationMultiple products lacked standardized UI and interaction patterns
Slow development velocityDesigners and developers spent excessive time reinventing components

KEY FOCUS AREAS

Platform consolidation
Unified multiple analytics and surveillance applications into one platform.
Workflow simplification
Simplified tasks like applying analytics, configuring dashboards, and searching events.
Systematic structure
Introduced consistent navigation, layouts, and interaction patterns.
Design system foundation
Created reusable UI components to support faster and consistent development.
Enterprise usability
Designed interfaces that manage complex configurations without overwhelming users.
CORE FOCUS AREAS
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Click to zoom
Select focus area
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Click to zoom
Fragmented product ecosystem
Multiple standalone applications made it difficult to position the platform as a unified enterprise solution.
Image 1Image 2Image 3
1 / 3
Click to zoom
Fragmented product ecosystem
Multiple standalone applications made it difficult to position the platform as a unified enterprise solution.
Image 1Image 2Image 3
1 / 3
Click to zoom

BUSINESS CHALLENGES

Slide 1Slide 2Slide 3
1 / 3
Click to zoom

PROCESS

My Role

Led UX strategy and interface design for transforming fragmented analytics tools into a unified platform.

Discovery
Discovery

Gap Analysis & Research

  • Identified workflow fragmentation across ITMS, FRS, ICCC platforms
  • Mapped operational pain points through stakeholder interviews
  • Documented inconsistent navigation and UI patterns
Structuring
Structuring

Information Architecture

  • Designed scalable navigation hierarchy and module organization
  • Created workflow models for configuration and investigation
  • Established design principles and system requirements
Execution
Execution

Interface Design

  • Built foundational component library and interaction patterns
  • Designed key workflows: analytics setup, event monitoring, investigation
  • Created high-fidelity prototypes for validation
Validation
Validation

Review & Handoff

  • Conducted internal usability reviews and iterations
  • Documented design rationale and implementation guidelines
  • Collaborated on engineering handoff and QA support
PLATFORM COVERAGE
i2V
Design System
Desktop100%
Web100%
Mobile100%
KEY LEARNING
A design system is more than a library of components; it’s a shared language that unifies teams, products, and experiences.
Zahid Raza
Zahid Raza

Hi

Hi

Curious about the process behind the pixels?

Dive into the stories behind each project, how design decisions shaped better user experiences.

Slide 1Slide 2
1 / 2
Zoom
Slide 1Slide 2
1 / 2
Zoom

Multiple independent analytics platforms created operational friction and limited scalability.

As the surveillance ecosystem expanded with platforms like ITMS, FRS, ICCC, and Analytic Manager, each product evolved independently. This created both operational challenges for the business and usability issues for security teams, making the overall platform harder to scale and operate efficiently.

Operational complexity in distributed surveillance environments

Security teams managing multiple analytics platforms (ITMS, FRS, ICCC, Analytic Manager) encountered workflow inefficiencies and inconsistent interfaces during critical operations.

Research & Insights
40%
Reduced task steps
Analytics configuration workflow simplification
50%
Reduced navigation
Module switching and context changes
35%
Faster investigation
Event investigation efficiency improvement
30%
Lower onboarding
Reduced training session dependency
How improvements were measured
The metrics presented here are based on workflow reviews, internal team feedback, and usability observations conducted during the redesign process.
These improvements reflect operational reasoning and comparative analysis between legacy and redesigned workflows, rather than formal analytics dashboards or A/B testing data.
The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.

Research & Insights

How improvements were measured

The metrics presented here are based on workflow reviews, internal team feedback, and usability observations conducted during the redesign process.
These improvements reflect operational reasoning and comparative analysis between legacy and redesigned workflows, rather than formal analytics dashboards or A/B testing data.
The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.
40%
Reduced task steps
Analytics configuration workflow simplification
50%
Reduced navigation
Module switching and context changes
35%
Faster investigation
Event investigation efficiency improvement
30%
Lower onboarding
Reduced training session dependency

Balancing consolidation with usability

PROBLEM

Merging multiple complex systems while maintaining task clarity

APPROACH

Prioritized workflow integrity over feature density. Designed progressive disclosure patterns and contextual navigation to surface relevant tools at the right moment without overwhelming operators.

Image 1Image 2
1 / 2
Zoom

Structuring complex analytics workflows

PROBLEM

Analytics configuration involved nested settings and real-time dependencies

APPROACH

Introduced guided configuration flows with clear visual hierarchy, status indicators, and validation feedback. Separated setup, monitoring, and investigation into distinct but connected workflows.

Image 1Image 2
1 / 2
Zoom

Maintaining consistency across teams

PROBLEM

Multiple teams working on evolving modules with different timelines

APPROACH

Established design system foundation with reusable components, interaction patterns, and documentation. Created review checkpoints to ensure alignment as modules scaled independently.

Image 1Image 2
1 / 2
Zoom
62%Issues
Usability Issues62%
Technical Issues25%
Training Gaps13%
02468Create ReportAccess Live FeedExport Settings
Competitor Avg.
Current Avg.
0255075100Task CompletionError RateUser Satisfaction
After Redesign
Before Redesign
Image 1Image 2Image 3
1 / 3
High Impact
80%
Reduced inconsistency
Design and development variance eliminated across products
High Impact
60%
Faster handoffs
Streamlined design-to-development workflow
Medium Impact
50%
Onboarding efficiency
New team members productive faster with standardised components
Select component

Fragmented UI patterns across multiple products, redundant design work, inconsistent user experiences

The estimates represent realistic enterprise UX impact derived from reduced task complexity, consolidated navigation patterns, and streamlined information architecture.

Fragmented UI patterns across multiple products, redundant design work, inconsistent user experiences
Form patterns unified across every product surface
Navigation clarity at enterprise scale
Data-dense tables without cognitive overload
Modals that serve intent, not interrupt it
Typography that scales across brands
Colour tokens that adapt to every context
Spacing discipline across every layout
Click to zoom
Business Impact

Inefficiency & Fragmentation

Weak product differentiationMultiple products lacked standardized UI and interaction patterns
Slow development velocityDesigners and developers spent excessive time reinventing components

KEY FOCUS AREAS

Platform consolidation
Unified multiple analytics and surveillance applications into one platform.
Workflow simplification
Simplified tasks like applying analytics, configuring dashboards, and searching events.
Systematic structure
Introduced consistent navigation, layouts, and interaction patterns.
Design system foundation
Created reusable UI components to support faster and consistent development.
Enterprise usability
Designed interfaces that manage complex configurations without overwhelming users.
CORE FOCUS AREAS
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Click to zoom
Select focus area
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Click to zoom
Fragmented product ecosystem
Multiple standalone applications made it difficult to position the platform as a unified enterprise solution.
Image 1Image 2Image 3
1 / 3
Click to zoom
Fragmented product ecosystem
Multiple standalone applications made it difficult to position the platform as a unified enterprise solution.
Image 1Image 2Image 3
1 / 3
Click to zoom

BUSINESS CHALLENGES

Slide 1Slide 2Slide 3
1 / 3
Click to zoom

PROCESS

My Role

Led UX strategy and interface design for transforming fragmented analytics tools into a unified platform.

Discovery
Discovery

Gap Analysis & Research

  • Identified workflow fragmentation across ITMS, FRS, ICCC platforms
  • Mapped operational pain points through stakeholder interviews
  • Documented inconsistent navigation and UI patterns
Structuring
Structuring

Information Architecture

  • Designed scalable navigation hierarchy and module organization
  • Created workflow models for configuration and investigation
  • Established design principles and system requirements
Execution
Execution

Interface Design

  • Built foundational component library and interaction patterns
  • Designed key workflows: analytics setup, event monitoring, investigation
  • Created high-fidelity prototypes for validation
Validation
Validation

Review & Handoff

  • Conducted internal usability reviews and iterations
  • Documented design rationale and implementation guidelines
  • Collaborated on engineering handoff and QA support
PLATFORM COVERAGE
i2V
Design System
Desktop100%
Web100%
Mobile100%
KEY LEARNING
A design system is more than a library of components; it’s a shared language that unifies teams, products, and experiences.
Zahid Raza
Zahid Raza

Hi

Hi

Curious about the process behind the pixels?

Dive into the stories behind each project, how design decisions shaped better user experiences.

Create a free website with Framer, the website builder loved by startups, designers and agencies.