Zidio E-Learning

Zidio E-Learning

Zidio E-Learning

E-Learning Platform Case Study

E-Learning Platform Case Study

About

About

About

A comprehensive online learning platform for Zidio development that provides an engaging, accessible, and effective educational experience for users.

A comprehensive online learning platform for Zidio development that provides an engaging, accessible, and effective educational experience for users.

A comprehensive online learning platform for Zidio development that provides an engaging, accessible, and effective educational experience for users.

Problem

Problem

Problem

Zidio Development currently does not have a dedicated online learning platform, which creates a significant gap in delivering structured, interactive, and scalable training experiences for its interns and trainers. Without an existing system, the organization faces challenges in managing course materials, enabling real-time communication, and ensuring a smooth learning experience. This lack of infrastructure leads to inconsistent knowledge transfer, reduced engagement, and inefficiencies in onboarding and skill development.

Solution

Solution

Solution

  1. Designed with simplicity and clarity at its core.


  1. Personalized dashboards for both learners and instructors.


  1. Video conferencing capabilities with inbuilt whiteboard for live sessions.


  1. Features for assignment creation, submission tracking, and grading.

My role

My role

My role

In this project, I was responsible for designing the Live Class section of the Zidio Learn platform. My contributions included:

  • Conducted competitive analysis of top e-learning platforms (e.g., Coursera, Google Classroom, Unacademy) to identify best practices and UX gaps in live class experiences.

  • Designed low-fidelity wireframes to establish layout, structure, and key interaction flows for the live class interface.

  • Created high-fidelity wireframes and final UI designs, including features like video conferencing, an integrated whiteboard, real-time chat, and class controls.

  • Focused on creating a minimal, intuitive experience that supports seamless trainer-learner interaction without relying on third-party tools.

Design process

Design process

Design process

Discover - Competitive analysis, User research

Define - User persona, empathy map

Ideate - User flow, Information architecture

Design - Wireframe, Visual design

Test - Usability testing, Feedback implementation

Discover - Competitive analysis, User research

Define - User persona, empathy map

Ideate - User flow, Information architecture

Design - Wireframe, Visual design

Test - Usability testing, Feedback implementation

Discover - Competitive analysis, User research

Define - User persona, empathy map

Ideate - User flow, Information architecture

Design - Wireframe, Visual design

Test - Usability testing, Feedback implementation

Competitive analysis



Simplicity & Clarity (UI/UX)

Personalized Dashboards
Collaborative playlist

Video Conferencing
with Whiteboard


Assignment Creation,
Tracking & Grading

Coursera

No

Yes


No


Yes

Unacademy

No

No


Yes*


Yes*

Google Classroom

Yes

Yes


No


Yes

Moodle

No

Yes


Yes*


Yes

User personas

User personas

User personas

Name: Ananya Sharma
Age: 21
Occupation: Ui/Ux Intern
Location: Mumbai, India

Bio:
A design student and UI/UX intern at Zidio, Ananya is eager to learn practical skills in a simple, interactive environment. She values clarity, timely reminders, and smooth access to learning resources.

Goals:
- Gain industry-relevant skills
- Access learning materials easily
- Track assignment deadlines and progress


Pain Points:
- Gets overwhelmed by complex interface
- Misses deadlines due to lack of reminders
- Prefers interactive over passive learning

Motivations:
- Clean, intuitive UI with minimal distractions
- Real-time chat to ask doubts without formalities
- Option to revisit recorded sessions and materials

Name: Ananya Sharma
Age: 21
Occupation: Ui/Ux Intern
Location: Mumbai, India

Bio:
A design student and UI/UX intern at Zidio, Ananya is eager to learn practical skills in a simple, interactive environment. She values clarity, timely reminders, and smooth access to learning resources.

Goals:
- Gain industry-relevant skills
- Access learning materials easily
- Track assignment deadlines and progress


Pain Points:
- Gets overwhelmed by complex interface
- Misses deadlines due to lack of reminders
- Prefers interactive over passive learning

Motivations:
- Clean, intuitive UI with minimal distractions
- Real-time chat to ask doubts without formalities
- Option to revisit recorded sessions and materials

Name: Ananya Sharma
Age: 21
Occupation: Ui/Ux Intern
Location: Mumbai, India

Bio:
A design student and UI/UX intern at Zidio, Ananya is eager to learn practical skills in a simple, interactive environment. She values clarity, timely reminders, and smooth access to learning resources.

Goals:
- Gain industry-relevant skills
- Access learning materials easily
- Track assignment deadlines and progress


Pain Points:
- Gets overwhelmed by complex interface
- Misses deadlines due to lack of reminders
- Prefers interactive over passive learning

Motivations:
- Clean, intuitive UI with minimal distractions
- Real-time chat to ask doubts without formalities
- Option to revisit recorded sessions and materials

Name: Parv Singh


Age: 34
Occupation: Trainer
Location: Bengaluru, India

Bio:
A seasoned software trainer at Zidio, Ravi is passionate about mentoring young talent. He prefers tools that streamline teaching, simplify task tracking, and reduce time spent on administrative work.

Goals:
- Deliver effective, engaging training
- Track intern progress easily
- Simplify grading and feedback

Pain Points:
- Wastes time switching between tools (e.g., Zoom, Google Docs)
- Needs better visibility on student performance
- Dislikes repetitive admin work (sending reminders, grading manually)

Motivations:
- Built-in video conferencing with live whiteboard
- Ability to upload lectures, assign tasks, and track submissions in one place

- Dashboard to monitor intern progress at a glance

Name: Parv Singh
Age: 26
Occupation: Video Editor


Location: Bengaluru, India

Bio:
Parv enjoys exploring new music while working, traveling, or relaxing. As someone immersed in design trends, he is critical of outdated interfaces. He frequently uses Tinder, where swipe gestures feel modern, and he wishes music apps would adopt similar, more interactive designs.

Goals:
- Use swipe gestures for intuitive music control and discovery.
- Explore playlists and songs through engaging interactions.
- Experience a playback interface that feels dynamic and modern.

Pain Points:
- Static play, pause, and skip buttons feel uninspiring compared to interactive interfaces.
- Limited engagement on the playback screen compared to other apps.
- Apps don’t align with his tech-savvy, design-conscious preferences.

Motivations:
- Discover music apps that prioritize aesthetics and functionality.
- Use cutting-edge features like swipes to make playback enjoyable.
- Align music app experience with other modern apps he uses frequently.

Name: Parv Singh
Age: 26
Occupation: Video Editor


Location: Bengaluru, India

Bio:
Parv enjoys exploring new music while working, traveling, or relaxing. As someone immersed in design trends, he is critical of outdated interfaces. He frequently uses Tinder, where swipe gestures feel modern, and he wishes music apps would adopt similar, more interactive designs.

Goals:
- Use swipe gestures for intuitive music control and discovery.
- Explore playlists and songs through engaging interactions.
- Experience a playback interface that feels dynamic and modern.

Pain Points:
- Static play, pause, and skip buttons feel uninspiring compared to interactive interfaces.
- Limited engagement on the playback screen compared to other apps.
- Apps don’t align with his tech-savvy, design-conscious preferences.

Motivations:
- Discover music apps that prioritize aesthetics and functionality.
- Use cutting-edge features like swipes to make playback enjoyable.
- Align music app experience with other modern apps he uses frequently.

Typography and colours

Typography and colours

Typography and colours

Figtree

Figtree

Figtree

Hex -2563EB

Hex -2563EB

Hex -2563EB

Hex - 3B82F6

Hex - 3B82F6

Hex - 3B82F6

Hex - F9FAFC

Hex - F9FAFC

Hex - F9FAFC

Hex - F3F4F6

Hex - F3F4F6

Hex - F3F4F6

Hex - 1E293B

Hex - 1E293B

Hex - 1E293B

Wireframes

Final screens

Final screens

Final screens

Home page

Home page

Final screens - Designed by me

Final screens - Designed by me

Final screens - Designed by me

Live Class - Trainer

Live Class - Trainer

Live Class - Student

Live Class - Student

Classroom - Trainer

Classroom - Trainer

Classroom - Student

Classroom - Student

Learnings

Learnings

Learnings

  1. User-Centered Design Thinking:
    Learned to deeply understand both intern and trainer needs by creating user personas, conducting competitive analysis, and mapping user journeys before starting the design process.


  2. Designing for Clarity and Accessibility:
    Focused on building a clean, minimal interface that reduces cognitive load and ensures intuitive navigation, even for users with limited technical expertise.


  3. Balancing Business and User Goals:
    Aligned Zidio’s training goals with learner needs by making data-backed design decisions, including UI patterns inspired by successful elements of Coursera and Google Classroom.

  1. User-Centered Design Thinking:
    Learned to deeply understand both intern and trainer needs by creating user personas, conducting competitive analysis, and mapping user journeys before starting the design process.


  2. Designing for Clarity and Accessibility:
    Focused on building a clean, minimal interface that reduces cognitive load and ensures intuitive navigation, even for users with limited technical expertise.


  3. Balancing Business and User Goals:
    Aligned Zidio’s training goals with learner needs by making data-backed design decisions, including UI patterns inspired by successful elements of Coursera and Google Classroom.

  1. User-Centered Design Thinking:
    Learned to deeply understand both intern and trainer needs by creating user personas, conducting competitive analysis, and mapping user journeys before starting the design process.


  2. Designing for Clarity and Accessibility:
    Focused on building a clean, minimal interface that reduces cognitive load and ensures intuitive navigation, even for users with limited technical expertise.


  3. Balancing Business and User Goals:
    Aligned Zidio’s training goals with learner needs by making data-backed design decisions, including UI patterns inspired by successful elements of Coursera and Google Classroom.

Create a free website with Framer, the website builder loved by startups, designers and agencies.