TheConfidento

Empowering Confidence Through Communication

Concept

New Delhi, India

Role

UX Design

Industry

Industry

Educational Technology

Timeline

Timeline

6 weeks

About

TheConfidento is a self-development mobile platform focused on improving users' communication and public speaking skills, while fundamentally boosting their confidence. This case study walks through the full UX design lifecycle of the product, demonstrating my capability to lead end-to-end UX efforts.

Key Responsibilities:

UX Research

  • Wireframing & UI Design

  • Visual System Creation

  • Prototype & Interaction Design

  • Design for Dark Mode

25%

User Retention

84%

Increase in average time spent

35%

Improvement in task completion

Problem Statement

Many people struggle to express themselves confidently despite having valuable thoughts and ideas. TheConfidento seeks to solve this by helping users build public speaking abilities and social confidence through structured learning, practice tracking, and motivation tools.

User Research

To understand the target audience, I conducted:

Informal interviews with 10 potential users (college students, job seekers, new managers)

Pain point analysis

which revealed:

  • Fear of judgment or blanking out

  • Lack of daily motivation or tracking

  • High drop-off after initial enthusiasm

Design Goals

Create an intuitive onboarding flow for motivation

  1. Design bite-sized, gamified learning modules

  2. Enable daily learning tracking and streaks

  3. Offer expert-led content in a course format

  4. Provide flexible light & dark mode experiences

Key Features Designed

1. Personalized Dashboard (Home Screen)
Highlights daily progress, learning goals, and course recommendations with cheerful illustrations and a modular layout.

2. Learning Plan & Course Detail
Courses are broken into short, trackable segments. Users can see mentors, pricing, lesson structure, and purchase options in a clean, scannable interface.

3. Clock-In Motivation Pop-Up
After each session, a motivational summary encourages consistency. It includes a weekly visual tracker and share option to promote engagement.

4. My Courses + Progress Bars
Segmented by completed lessons, the interface gives a clear sense of growth. Color-coded tiles indicate course themes and progress.

5. Profile & Settings
Minimalist design allowing personalization and privacy control. Designed for clarity with visual hierarchy and icon affordance.

6. Course Playback View
Intuitive media player integrated with content preview. Seamless transitions between watching and navigating other parts of the app.

7. Search & Filter Interface
Optimized for user intent with tag-based filtering, fuzzy search, and course previews with pricing and duration.

Dark Mode Consideration

Understanding that learning often occurs in dim lighting (especially late at night), I designed a dark mode using:

  • Contrast ratios > 4.5:1 for readability

  • Soft, desaturated backgrounds to reduce eye strain

  • Highlight colors (blues, purples) retained across both modes for brand consistency

Design System

Typography: Rounded, accessible sans-serif for a friendly tone

  • Colors: Youthful and optimistic with high contrast

  • Components: Reusable UI kit built in Figma with auto layout

Outcome & Next Steps

Usability testing with first batch of learners is planned via Maze

  • Explore AI-powered speech feedback for future phases

  • Potential for community-based peer review in upcoming versions

Reflection

This project pushed me to think beyond UI aesthetics and dive deep into user psychology. Balancing motivation, clarity, and accessibility was key. I also enjoyed the challenge of making the experience equally delightful in both light and dark modes. It showcased my strengths in building polished, scalable, and user-centered design solutions.

Designed by ~Puru Bhardwaj

Designed by ~Puru Bhardwaj