Logo
AAP hero banner
Role

UI/UX Designer

Timeline

March 2025 – October 2025

Tools
FigmaChatGPTAdobe Illustrator

Roles & Responsibilitie

I designed a PediAssess is a mobile-first self‑assessment and clinical readiness app designed for pediatricians. The app helps doctors periodically evaluate their knowledge, diagnostic accuracy, and adherence to updated pediatric guidelines through structured assessments, case-based questions, and performance insights.

UX Design

Designed the end-to-end UX for PediAssess, a mobile-first self-assessment app for pediatricians. Conducted user research, created user flows, wireframes, and prototypes, and designed an intuitive interface for assessments, case-based learning, and performance tracking, with a focus on usability and clinical efficiency.

UI Design

Designed a clean, intuitive, and mobile-first UI for PediAssess, creating visually consistent interfaces that simplify assessments, case-based learning, and performance tracking while enhancing usability and accessibility.

AAP banner
AAP banner 2
AAP banner 3
AAP design thinking process

Research & Analysis

Uncovering what pediatricians need — and what current tools fail to deliver. Eight core friction points mapped to eight targeted solutions.

Problem Identified

01

Limited Time & High Workload

Pediatricians need quick, efficient tools that fit into busy clinical schedules.

02

Fragmented Learning Experience

Self-assessment and progress are scattered across multiple platforms, making learning difficult to manage.

03

Complex & Unclear User Experience

Cluttered interfaces, limited feedback, and poor mobile usability reduce learning efficiency.

04

Lack of Confidence & Progress Visibility

Limited progress tracking and unclear guideline sources make it difficult to measure improvement and build trust.

Solutions

01

Save Time with Smart Assessments

Short, focused assessments and instant feedback help pediatricians learn efficiently within busy schedules.

02

Unified & Simple Experience

A clean, mobile-first interface with a centralized dashboard makes assessments and progress easy to access.

03

Measure Progress Effectively

Performance tracking and personalized insights help users monitor improvement over time.

04

Build Confidence Through Trust

Evidence-based references and supportive feedback create a reliable, stress-free learning experience.

Meaningful Findings

Meaningful Findings

Defined

Persona 1Persona 2

Empathy Mapping

Empathy map 1Empathy map 2

User Journey

Scenario: Pediatrician completing a quick self-assessment

StageUser ActionUser Thinking / FeelingUX Solution
DiscoverOpens PediAssess during a short break“I only have a few minutes.”Clear entry point with quick assessment option
SelectChooses a short assessment“This looks manageable.”Time-bound assessments (5–10 mins)
AnswerResponds to case-based questions“Easy to read, no clutter.”Simple language and clean layout
FeedbackViews correct / incorrect indicators“I know instantly where I stand.”Immediate, clear feedback
ReviewChecks results summary“What should I improve?”Strengths & improvement highlights
TrackViews progress history“Am I improving over time?”Progress tracking and trends
LearnOpens guideline reference“I trust this source.”Verified pediatric guideline links
ExitLeaves app feeling confident“That was quick and useful.”Supportive tone and no judgment
AAP flow 1AAP flow 2

Home Screen

Home Screen

Dashboard My Bank

Dashboard My Bank 1Dashboard My Bank 2Dashboard My Bank 3

Visual Design

Design system and creating a clear and consistent healthcare experience.

Primary Font

Alegreya Sans

0123456789

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

RegularMediumSemi BoldBold
Aa

Color Palette

01

Primary Colour

#00247F

02

Secondary Colour

#304FFE

03

Neutral Colour

#ECEFF1

04

Neutral Colour

#B0BEC5

05

Neutral Colour

#4B505F

Grid System

Grid System

UI Kit

UI kit icon 1UI kit icon 2UI kit icon 3UI kit icon 4UI kit icon 5
Icon banner 1
Icon banner 2

Buttons

Buttons are interactive elements that guide users to take action. They exist in multiple styles and sizes to ensure consistency and flexibility across the interface. Each type is optimized for different use cases, from primary calls-to-action to secondary support actions.

Buttons 1Buttons 2

Components

Components are the building blocks of the interface. They ensure consistency, reusability, and scalability across the design system. From product cards and sticky bars to modals and bottom sheets, these components support key user interactions and streamline the overall experience.

Components

Sticky Toast Bar

A lightweight, non-intrusive notification that appears temporarily at the bottom of the screen to confirm an action or provide quick feedback, without interrupting the user's workflow.

Sticky Toast Bar

Drawer

Drawer

Modal

A focused overlay that captures user attention for critical actions or information, temporarily blocking interaction with the rest of the interface until a decision is made.

Modal

Product Card

Product Card

Card Carousel

Card Carousel
Let’sTalk