AI Voice Redesign
AI Voice Redesign
Overview
The project focused on improving an internal enterprise AI voice interface by modernizing the UI, fixing layout inconsistencies, and enhancing data clarity.
The project focused on improving an internal enterprise AI voice interface by modernizing the UI, fixing layout inconsistencies, and enhancing data clarity.
The project focused on improving an internal enterprise AI voice interface by modernizing the UI, fixing layout inconsistencies, and enhancing data clarity.
The project focused on improving an internal enterprise AI voice interface by modernizing the UI, fixing layout inconsistencies, and enhancing data clarity.
Date
4 weeks (2022)
Project Type
UX/UI, Internal Tool, AI Interface
Role
Product Designer
Context
The original interface had alignment issues, cluttered layouts, and inconsistent patterns that made interacting with AI output confusing. Users struggled to locate information, understand system feedback, and complete tasks efficiently.
The original interface had alignment issues, cluttered layouts, and inconsistent patterns that made interacting with AI output confusing. Users struggled to locate information, understand system feedback, and complete tasks efficiently.
The original interface had alignment issues, cluttered layouts, and inconsistent patterns that made interacting with AI output confusing. Users struggled to locate information, understand system feedback, and complete tasks efficiently.
The original interface had alignment issues, cluttered layouts, and inconsistent patterns that made interacting with AI output confusing. Users struggled to locate information, understand system feedback, and complete tasks efficiently.
Skills & Tools
Figma, UI Design, UX Improvements, Visual Design
Figma, UI Design, UX Improvements, Visual Design
Figma, UI Design, UX Improvements, Visual Design
Figma, UI Design, UX Improvements, Visual Design
Platforms
Web
Legacy
Fragmented page layout
Competing decorative elements
Low-contrast input boundaries
Redesign
Focused task-oriented interface
High-contrast brand accessibility
Standardized component hierarchy
Problem Statement
Poor layout, inconsistent spacing, and unclear data hierarchy made the tool difficult to use and visually outdated.
Poor layout, inconsistent spacing, and unclear data hierarchy made the tool difficult to use and visually outdated.
Poor layout, inconsistent spacing, and unclear data hierarchy made the tool difficult to use and visually outdated.
Poor layout, inconsistent spacing, and unclear data hierarchy made the tool difficult to use and visually outdated.
Legacy
Low-contrast data density
Passive information architecture
Undifferentiated action icons
Redesign
High-contrast data scannability
Contextual status indicators
Streamlined global searchability
Solution
I redesigned the interface with a clean modern layout, consistent spacing, improved hierarchy, and clearer data presentation. The result was a more intuitive, polished, and professional user experience that aligned with product standards and improved productivity.
I redesigned the interface with a clean modern layout, consistent spacing, improved hierarchy, and clearer data presentation. The result was a more intuitive, polished, and professional user experience that aligned with product standards and improved productivity.
I redesigned the interface with a clean modern layout, consistent spacing, improved hierarchy, and clearer data presentation. The result was a more intuitive, polished, and professional user experience that aligned with product standards and improved productivity.
I redesigned the interface with a clean modern layout, consistent spacing, improved hierarchy, and clearer data presentation. The result was a more intuitive, polished, and professional user experience that aligned with product standards and improved productivity.
Coach creation and search management
Active AI bot status and metrics
Trigger performance and agent feedback table
Process
Identified usability issues through internal feedback
Rebuilt layout with consistent grid & spacing
Introduced improved visual hierarchy
Delivered a refined UI with clearer structure and modern styling
Identified usability issues through internal feedback
Rebuilt layout with consistent grid & spacing
Introduced improved visual hierarchy
Delivered a refined UI with clearer structure and modern styling
Identified usability issues through internal feedback
Rebuilt layout with consistent grid & spacing
Introduced improved visual hierarchy
Delivered a refined UI with clearer structure and modern styling
Identified usability issues through internal feedback
Rebuilt layout with consistent grid & spacing
Introduced improved visual hierarchy
Delivered a refined UI with clearer structure and modern styling
Legacy
Fragmented form hierarchy
Passive navigation cues
Low-Visibility primary actions
Redesign
Structured information scoping
Unified component alignment
High-clarity actionable CTAs
Results
Significantly improved readability and data clarity
Reduced visual clutter
Provided a scalable visual foundation for new features
Strengthened product professionalism and stakeholder confidence
Significantly improved readability and data clarity
Reduced visual clutter
Provided a scalable visual foundation for new features
Strengthened product professionalism and stakeholder confidence
Significantly improved readability and data clarity
Reduced visual clutter
Provided a scalable visual foundation for new features
Strengthened product professionalism and stakeholder confidence
Significantly improved readability and data clarity
Reduced visual clutter
Provided a scalable visual foundation for new features
Strengthened product professionalism and stakeholder confidence
Legacy
Weak visual hierarchy and contrast
Ambiguous iconography and feedback
Cluttered and dated UI components
Redesign
Modernized branding and visual depth
Standardized and intentional feedback loop
Optimized navigation and filtering
Key Wins
Cleaner UI
Better hierarchy
Stronger design consistency
More modern and intuitive experience
Cleaner UI
Better hierarchy
Stronger design consistency
More modern and intuitive experience
Cleaner UI
Better hierarchy
Stronger design consistency
More modern and intuitive experience
Cleaner UI
Better hierarchy
Stronger design consistency
More modern and intuitive experience
Legacy
Poor information hierarchy
Lack of contextual insights
Inefficient use of screen real estate
Redesign
Enhanced data visualization
Improved navigation and search
Clearer interaction design
UI Refresh
As I advanced in my design career, I realized my older designs didn’t reflect my current skills in visual hierarchy, typography, color, and spacing. To showcase my growth, I refined some key screens by:
Enhancing Visual Aesthetics - Improved typography, spacing, and color harmony.
Strengthening Usability - Clearer navigation, better CTAs, and improved readability.
Applying Design Best Practices - More consistent grids, refined corner radiuses, and a polished UI system.
These updates demonstrate how my design knowledge and Figma expertise have evolved, leading to cleaner, more effective interfaces.
As I advanced in my design career, I realized my older designs didn’t reflect my current skills in visual hierarchy, typography, color, and spacing. To showcase my growth, I refined some key screens by:
Enhancing Visual Aesthetics - Improved typography, spacing, and color harmony.
Strengthening Usability - Clearer navigation, better CTAs, and improved readability.
Applying Design Best Practices - More consistent grids, refined corner radiuses, and a polished UI system.
These updates demonstrate how my design knowledge and Figma expertise have evolved, leading to cleaner, more effective interfaces.
As I advanced in my design career, I realized my older designs didn’t reflect my current skills in visual hierarchy, typography, color, and spacing. To showcase my growth, I refined some key screens by:
Enhancing Visual Aesthetics - Improved typography, spacing, and color harmony.
Strengthening Usability - Clearer navigation, better CTAs, and improved readability.
Applying Design Best Practices - More consistent grids, refined corner radiuses, and a polished UI system.
These updates demonstrate how my design knowledge and Figma expertise have evolved, leading to cleaner, more effective interfaces.
As I advanced in my design career, I realized my older designs didn’t reflect my current skills in visual hierarchy, typography, color, and spacing. To showcase my growth, I refined some key screens by:
Enhancing Visual Aesthetics - Improved typography, spacing, and color harmony.
Strengthening Usability - Clearer navigation, better CTAs, and improved readability.
Applying Design Best Practices - More consistent grids, refined corner radiuses, and a polished UI system.
These updates demonstrate how my design knowledge and Figma expertise have evolved, leading to cleaner, more effective interfaces.
PORTFOLIO
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
CHECK OUT SOME MORE
EdTech Redesign
EdTech Redesign
EdTech Redesign
February 2023 - May 2025
Web & Mobile
UX/UI, Web Enterprise Software
EdTech Redesign
EdTech Redesign
EdTech Redesign
February 2023 - May 2025
Web & Mobile
UX/UI, Web Enterprise Software
EdTech Redesign
EdTech Redesign
EdTech Redesign
February 2023 - May 2025
Web & Mobile
UX/UI, Web Enterprise Software
EdTech Redesign
EdTech Redesign
EdTech Redesign
February 2023 - May 2025
Web & Mobile
UX/UI, Web Enterprise Software
Drivemy
Drivemy
Drivemy
3 weeks (2021)
Mobile
UX/UI, Consumer Product
Drivemy
Drivemy
Drivemy
3 weeks (2021)
Mobile
UX/UI, Consumer Product
Drivemy
Drivemy
Drivemy
3 weeks (2021)
Mobile
UX/UI, Consumer Product
Drivemy
Drivemy
Drivemy
3 weeks (2021)
Mobile
UX/UI, Consumer Product
HAVE A PROJECT
IN MIND ?