PROJECT FOR
SchoolNet x LearnNet
MY ROLE
Product Designer
STACK
INDUSTRY
Admin Panel
Web Application
Optimized for 100+ centers, cut admin workload by 70%, and sped up onboarding by 35%.
Optimized for 100+ centers, cut admin workload by 70%, and sped up onboarding by 35%.
Optimized for 100+ centers, cut admin workload by 70%, and sped up onboarding by 35%.
Optimized for 100+ centers, cut admin workload by 70%, and sped up onboarding by 35%.
Designed a comprehensive admin panel to manage student enrollments, payments, and operations seamlessly.
Managing 100+ centers with Lakhs of students, payments, and documents required more than just functionality—it needed a seamless, efficient, and visually structured admin panel.
Designed a comprehensive admin panel to manage student enrollments, payments, and operations seamlessly.
Managing 100+ centers with Lakhs of students, payments, and documents required more than just functionality—it needed a seamless, efficient, and visually structured admin panel.
Designed a comprehensive admin panel to manage student enrollments, payments, and operations seamlessly.
Managing 100+ centers with Lakhs of students, payments, and documents required more than just functionality—it needed a seamless, efficient, and visually structured admin panel.
Designed a comprehensive admin panel to manage student enrollments, payments, and operations seamlessly.
Managing 100+ centers with Lakhs of students, payments, and documents required more than just functionality—it needed a seamless, efficient, and visually structured admin panel.
01 - Consultation Tracking: From Data to Action
01 - Consultation Tracking: From Data to Action
01 - Consultation Tracking: From Data to Action
Previously, admins could only view consulted users or consultation requests, but there was no way to document what happened during a session. This led to confusion, repeated conversations, and unnecessary back-and-forth between admins.
Previously, admins could only view consulted users or consultation requests, but there was no way to document what happened during a session. This led to confusion, repeated conversations, and unnecessary back-and-forth between admins.
Previously, admins could only view consulted users or consultation requests, but there was no way to document what happened during a session. This led to confusion, repeated conversations, and unnecessary back-and-forth between admins.
🚨 Problem Identified
🚨 Problem Identified
🚨 Problem Identified
🚨 Problem Identified
❗️Admins could see consulted users but had no way to document what happened during the session.
❗Critical details—like student interest level, concerns, or preferences—were getting lost.
❗Admins had to manually pass information, leading to inefficiencies.
❗️Admins could see consulted users but had no way to document what happened during the session.
❗Critical details—like student interest level, concerns, or preferences—were getting lost.
❗Admins had to manually pass information, leading to inefficiencies.
❗️Admins could see consulted users but had no way to document what happened during the session.
❗Critical details—like student interest level, concerns, or preferences—were getting lost.
❗Admins had to manually pass information, leading to inefficiencies.
❗️Admins could see consulted users but had no way to document what happened during the session.
❗Critical details—like student interest level, concerns, or preferences—were getting lost.
❗Admins had to manually pass information, leading to inefficiencies.
✅ Solution: Sidebar with Quick Notes
✅ Solution: Sidebar with Quick Notes
✅ Solution: Sidebar with Quick Notes
✅ Solution: Sidebar with Quick Notes
🍀 Persistent sidebar displaying candidate details & consultation history.
🍀 Admins can add notes/comments for future reference, ensuring better handovers.
🍀 Predefined Quick Notes for frequently used comments, enabling one-click additions.
🍀 Real-time updates so multiple admins can seamlessly track interactions.
🍀 Persistent sidebar displaying candidate details & consultation history.
🍀 Admins can add notes/comments for future reference, ensuring better handovers.
🍀 Predefined Quick Notes for frequently used comments, enabling one-click additions.
🍀 Real-time updates so multiple admins can seamlessly track interactions.
🍀 Persistent sidebar displaying candidate details & consultation history.
🍀 Admins can add notes/comments for future reference, ensuring better handovers.
🍀 Predefined Quick Notes for frequently used comments, enabling one-click additions.
🍀 Real-time updates so multiple admins can seamlessly track interactions.
🍀 Persistent sidebar displaying candidate details & consultation history.
🍀 Admins can add notes/comments for future reference, ensuring better handovers.
🍀 Predefined Quick Notes for frequently used comments, enabling one-click additions.
🍀 Real-time updates so multiple admins can seamlessly track interactions.
📝 Quick Notes: Speeding Up Admin Workflows
📝 Quick Notes: Speeding Up Admin Workflows
📝 Quick Notes: Speeding Up Admin Workflows
📝 Quick Notes: Speeding Up Admin Workflows
✅ One- Click predefined comments for frequently used responses.
✅ Custom note option for flexibility when needed.
✅ One- Click predefined comments for frequently used responses.
✅ Custom note option for flexibility when needed.
✅ One- Click predefined comments for frequently used responses.
✅ Custom note option for flexibility when needed.
✅ One- Click predefined comments for frequently used responses.
✅ Custom note option for flexibility when needed.
02 - 🎮 Mission: Simplifying Form Creation for 100+ Centers
02 - 🎮 Mission: Simplifying Form Creation for 100+ Centers
02 - 🎮 Mission: Simplifying Form Creation for 100+ Centers
02 - 🎮 Mission: Simplifying Form Creation for 100+ Centers
🎯 Problem: With 100+ centers across India, each offering different courses, admins needed a flexible onboarding form. Some centers required specific steps, while others skipped certain pages—but the existing system forced a rigid, one-size-fits-all approach. This led to unnecessary form steps, errors, and a frustrating experience for both admins and students.
🎯 Problem: With 100+ centers across India, each offering different courses, admins needed a flexible onboarding form. Some centers required specific steps, while others skipped certain pages—but the existing system forced a rigid, one-size-fits-all approach. This led to unnecessary form steps, errors, and a frustrating experience for both admins and students.
🎯 Problem: With 100+ centers across India, each offering different courses, admins needed a flexible onboarding form. Some centers required specific steps, while others skipped certain pages—but the existing system forced a rigid, one-size-fits-all approach. This led to unnecessary form steps, errors, and a frustrating experience for both admins and students.
🎯 Problem: With 100+ centers across India, each offering different courses, admins needed a flexible onboarding form. Some centers required specific steps, while others skipped certain pages—but the existing system forced a rigid, one-size-fits-all approach. This led to unnecessary form steps, errors, and a frustrating experience for both admins and students.
✅ UX IMPROVED - 01
✅ UX IMPROVED - 01
✅ UX IMPROVED - 01
✅ UX IMPROVED - 01
Simple Toggle to Enable or Disable the Form Steps
Simple Toggle to Enable or Disable the Form Steps
Simple Toggle to Enable or Disable the Form Steps
Simple Toggle to Enable or Disable the Form Steps
✅ UX IMPROVED - 02
✅ UX IMPROVED - 02
✅ UX IMPROVED - 02
✅ UX IMPROVED - 02
Color-coded Statuses: Green for enabled, orange for warnings, ensuring clarity at a glance.
Color-coded Statuses: Green for enabled, orange for warnings, ensuring clarity at a glance.
Color-coded Statuses: Green for enabled, orange for warnings, ensuring clarity at a glance.
Color-coded Statuses: Green for enabled, orange for warnings, ensuring clarity at a glance.
✅ UX IMPROVED - 03
✅ UX IMPROVED - 03
✅ UX IMPROVED - 03
✅ UX IMPROVED - 03
50% Faded UI: Disabled pages visually dimmed to prevent accidental oversight.
50% Faded UI: Disabled pages visually dimmed to prevent accidental oversight.
50% Faded UI: Disabled pages visually dimmed to prevent accidental oversight.
50% Faded UI: Disabled pages visually dimmed to prevent accidental oversight.
✅ UX IMPROVED - 04
✅ UX IMPROVED - 04
✅ UX IMPROVED - 04
✅ UX IMPROVED - 04
Tab-based Navigation with Drag & Re-Order Feature
Tab-based Navigation with Drag & Re-Order Feature
Tab-based Navigation with Drag & Re-Order Feature
Tab-based Navigation with Drag & Re-Order Feature
FLOW - 01
Form Creation Flow UI Screens
Form Creation Flow UI Screens
Form Creation Flow UI Screens
Form Creation Flow UI Screens
FLOW - 02
Centre Settings Flow
Centre Settings Flow
Centre Settings Flow
Error 404. . .
Portfolio still under construction.
