Yellow
Dark

Vani - AI Coach

Mobile App & UX UI Design

UX Leadership, Strategy, Hands-on Design, Prototyping

Prev Project

Next Project

ABOUT THE PROJECT

Vani.Coach is an innovative AI-driven communication skills coaching app that empowers enterprise sales and service teams with personalized coaching, driving effective communication, enhanced customer interactions, and measurable business growth.

Provide personalized AI-driven coaching with real-time voice recording and AI feedback.

Deliver a simple, intuitive user experience tailored for busy enterprise sales and service professionals.

Support immersive scenario-based learning tailored to industry-specific communication challenges.

Enable progress tracking and admin-based goal-setting to motivate continuous skill development.

Implement an accessible dark mode to reduce eye strain and support users with light sensitivity, color blindness, and other color vision deficiencies.

User Goals and Actions

Neeraj

Pharma Sales Executive

Goals

Improve sales pitches, build trust, close deals.

Action

Practice scenarios, get AI feedback, track progress.

Savitha

Telecom CS Manager

Goals

Resolve cases fast, increase CSAT, train team.

Action

Ideate Role-play topics, monitor metrics, assign training.

Vishal

Consulting Lead

Goals

Present clearly, negotiate well, mentor staff

Action

Simulate meetings, review feedback, set goals.

Pooja

Procurement Associate

Goals

Negotiate clearly, minimize errors, improve team skills.

Action

Practice negotiation, track issues, set milestones.

INFORMATION ARCHITECTURE

Seamless, Personalized Coaching Journey: Guiding Enterprise Users from Practice to Performance

  • Clear, logical navigation from Home to Practices and Reflections supports quick access to core features.
  • Stepwise practice flow—scenario selection, recording, self-assessment, AI feedback, and reflection—guides users through skill-building.
  • AI feedback components (audio, transcription, sentence checks) are directly accessible, enabling focused improvement.
  • Visual progress tracking and goal stats motivate users and promote continuous learning.
  • Flexible structure supports both work-related and generic practice scenarios, offering tailored learning paths.

FINAL DESIGNS

Designs that align to the goals of usability, inclusivity, and business impact.

  • Supports both light and dark modes for accessibility and reduced eye strain.
  • Intuitive navigation with clear progression from practice to feedback.
  • Personalized AI feedback and scenario-based learning enhance targeted skill building.
  • Progress tracking with visual indicators motivates continuous improvement.
  • Clean, responsive UI optimized for mobile use in enterprise environments.

LIGHT MODE

DARK MODE

PROTOTYPE

Interactive High-Fidelity Prototype with Intelligent Animations Enhancing User Experience

  • Realistic, smooth animations convey transitions and feedback clearly in Figma.
  • Interactive components replicate real app behavior, enabling stakeholder engagement.
  • Thoughtful microinteractions boost understandability and delight during complex workflows.
  • Responsive design ensures seamless navigation on mobile and tablet devices.
  • Data-driven states and personalized flows mirror user learning progress dynamically.

Experience the Prototype

Prev Project

Next Project

CONTACT

Currently looking out for new opportunities

Last updated September 2025

Head/Lead Product or UX Design Roles

Bengaluru, NCR, Mumbai, Pune

Lead / Staff / Principal / Senior Product or UX Design Roles

Remote

Product / UX / Branding / Packaging / Communication Design Projects

Contract / Freelance

Behance Portfolio

Linkedin

Ranjan.thangjam@gmail.com

+91 - 9916 744 Six Eight Zero

Built entirely on Figma Sites from scratch. Case Study on Exploration of Figma Sites + it’s current limitations and work-arounds > COMING SOON

Intro

Work

References

Contact

Yellow
Dark

Vani - AI Coach

Mobile App Design

UX Leadership, Strategy, Hands-on Design, Prototyping

Prev Project

Next Project

ABOUT THE PROJECT

Vani.Coach is an innovative AI-driven communication skills coaching app that empowers enterprise sales and service teams with personalized coaching, driving effective communication, enhanced customer interactions, and measurable business growth.

Provide personalized AI-driven coaching with real-time voice recording and AI feedback.

Deliver a simple, intuitive user experience tailored for busy enterprise sales and service professionals.

Support immersive scenario-based learning tailored to industry-specific communication challenges.

Enable progress tracking and admin-based goal-setting to motivate continuous skill development.

Implement an accessible dark mode to reduce eye strain and support users with light sensitivity, color blindness, and other color vision deficiencies.

User Goals and Actions

Neeraj

Pharma Sales Executive

Goals

Improve sales pitches, build trust, close deals.

Action

Practice scenarios, get AI feedback, track progress.

Savitha

Telecom CS Manager

Goals

Resolve cases fast, increase CSAT, train team.

Action

Ideate Role-play topics, monitor metrics, assign training.

Vishal

Consulting Lead

Goals

Present clearly, negotiate well, mentor staff

Action

Simulate meetings, review feedback, set goals.

Pooja

Procurement Associate

Goals

Negotiate clearly, minimize errors, improve team skills.

Action

Practice negotiation, track issues, set milestones.

INFORMATION ARCHITECTURE

Seamless, Personalized Coaching Journey: Guiding Enterprise Users from Practice to Performance

  • Clear, logical navigation from Home to Practices and Reflections supports quick access to core features.
  • Stepwise practice flow—scenario selection, recording, self-assessment, AI feedback, and reflection—guides users through skill-building.
  • AI feedback components (audio, transcription, sentence checks) are directly accessible, enabling focused improvement.
  • Visual progress tracking and goal stats motivate users and promote continuous learning.
  • Flexible structure supports both work-related and generic practice scenarios, offering tailored learning paths.

FINAL DESIGNS

Designs that align to the goals of usability, inclusivity, and business impact.

  • Supports both light and dark modes for accessibility and reduced eye strain.
  • Intuitive navigation with clear progression from practice to feedback.
  • Personalized AI feedback and scenario-based learning enhance targeted skill building.
  • Progress tracking with visual indicators motivates continuous improvement.
  • Clean, responsive UI optimized for mobile use in enterprise environments.

LIGHT MODE

DARK MODE

PROTOTYPE

Interactive High-Fidelity Prototype with Intelligent Animations Enhancing User Experience

Experience the Prototype

  • Realistic, smooth animations convey transitions and feedback clearly in Figma.
  • Interactive components replicate real app behavior, enabling stakeholder engagement.
  • Thoughtful microinteractions boost understandability and delight during complex workflows.
  • Responsive design ensures seamless navigation on mobile and tablet devices.
  • Data-driven states and personalized flows mirror user learning progress dynamically.

Prev Project

Next Project

CONTACT

Currently looking out for new opportunities

Last updated September 2025

Head/Lead Product or UX Design Roles

Bengaluru, NCR, Mumbai, Pune

Lead / Staff / Principal / Senior Product or UX Design Roles

Remote

Product / UX / Branding / Packaging / Communication Design Projects

Contract / Freelance

Behance Portfolio

Ranjan.thangjam@gmail.com

Linkedin

+91 - 9916 744 Six Eight Zero

Built entirely on Figma Sites from scratch. Case Study on Exploration of Figma Sites + it’s current limitations and work-arounds > COMING SOON

Intro

Work

Resources

Contact

Yellow
Dark

Vani - AI Coach

Mobile App Design

UX Leadership, Strategy, Hands-on Design, Prototyping

Prev Project

Next Project

ABOUT THE PROJECT

Vani.Coach is an innovative AI-driven communication skills coaching app that empowers enterprise sales and service teams with personalized coaching, driving effective communication, enhanced customer interactions, and measurable business growth.

Provide personalized AI-driven coaching with real-time voice recording and AI feedback.

Deliver a simple, intuitive user experience tailored for busy enterprise sales and service professionals.

Support immersive scenario-based learning tailored to industry-specific communication challenges.

Enable progress tracking and admin-based goal-setting to motivate continuous skill development.

Implement an accessible dark mode to reduce eye strain and support users with light sensitivity, color blindness, and other color vision deficiencies.

User Goals and Actions

Neeraj

Pharma Sales Executive

Goals

Improve sales pitches, build trust, close deals.

Action

Practice scenarios, get AI feedback, track progress.

Savitha

Telecom CS Manager

Goals

Resolve cases fast, increase CSAT, train team.

Action

Ideate Role-play topics, monitor metrics, assign training.

Vishal

Consulting Lead

Goals

Present clearly, negotiate well, mentor staff

Action

Simulate meetings, review feedback, set goals.

Pooja

Procurement Associate

Goals

Negotiate clearly, minimize errors, improve team skills.

Action

Practice negotiation, track issues, set milestones.

INFORMATION ARCHITECTURE

Seamless, Personalized Coaching Journey: Guiding Enterprise Users from Practice to Performance

  • Clear, logical navigation from Home to Practices and Reflections supports quick access to core features.
  • Stepwise practice flow—scenario selection, recording, self-assessment, AI feedback, and reflection—guides users through skill-building.
  • AI feedback components (audio, transcription, sentence checks) are directly accessible, enabling focused improvement.
  • Visual progress tracking and goal stats motivate users and promote continuous learning.
  • Flexible structure supports both work-related and generic practice scenarios, offering tailored learning paths.

FINAL DESIGNS

Designs that align to the goals of usability, inclusivity, and business impact.

  • Supports both light and dark modes for accessibility and reduced eye strain.
  • Intuitive navigation with clear progression from practice to feedback.
  • Personalized AI feedback and scenario-based learning enhance targeted skill building.
  • Progress tracking with visual indicators motivates continuous improvement.
  • Clean, responsive UI optimized for mobile use in enterprise environments.

LIGHT MODE

DARK MODE

PROTOTYPE

Interactive High-Fidelity Prototype with Intelligent Animations Enhancing User Experience

Experience the Prototype

  • Realistic, smooth animations convey transitions and feedback clearly in Figma.
  • Interactive components replicate real app behavior, enabling stakeholder engagement.
  • Thoughtful microinteractions boost understandability and delight during complex workflows.
  • Responsive design ensures seamless navigation on mobile and tablet devices.
  • Data-driven states and personalized flows mirror user learning progress dynamically.

Prev Project

Next Project

CONTACT

Currently looking out for new opportunities

Last updated September 2025

Head/Lead Product or UX Design Roles

Bengaluru, NCR, Mumbai, Pune

Lead / Staff / Principal / Senior Product or UX Design Roles

Remote

Product / UX / Branding / Packaging / Communication Design Projects

Contract / Freelance

Behance Portfolio

+91 - 9916 744 Six Eight Zero

Ranjan.thangjam@gmail.com

Linkedin

Built entirely on Figma Sites from scratch. Case Study on Exploration of Figma Sites + it’s current limitations and work-arounds > COMING SOON