UX/UI Design for E-learning Platform by Sylviamary EzeakorUX/UI Design for E-learning Platform by Sylviamary Ezeakor

UX/UI Design for E-learning Platform

Sylviamary Ezeakor

Sylviamary Ezeakor

This is an e-learning platform where Students can find Tutor for their various academic needs. This application has a home page and 4 dashboards which includes: Student dashboard, Tutor’s dashboard, Admin’s dashboard and Verifier’s dashboard.

My design process for this application includes:

Product research
Competitors analysis
Create User personas
Creation of task flow for every dashboard
Creation of wireframes for every dashboard
Product branding
Mockups for all dashboards
Prototyping

Competitive analysis

I researched on the performance of similar products to identify their strengths and weakness. This study is to help me sharpen the features my products will deliver and discover the holes other similar products has which my product will fill.
The top tutoring sites I reviewed were: Preply, Tutorful, Tutorhunt and Tutorme. Find below the outcome of the research.

Preply app review

Tutorful app review

Tutorme App review

Summary of the competitive analysis

After reviewing the features of these products and their users review across Trustpilot, here are the strengths this product will have
To define my target users, I had to create 2 hypothetical users defining their goals and identifying their frustrations toward achieving that goals. These hypothetical users are a professional Tutor and a student with their different career and academic need. Read about my users below.
I moved on to creating task flow for the product. These task flows maps the pages the product will have, how it will function and the process it will take to perform a task successfully on the app. These task flow are created for the home page, student’s dashboard, tutor’s dashboard, admin’s dashboard and the verifier’s dashboard.
I created the wireframes to show the stakeholders what the app will look like. Each of the screens were populated with the information they should have. The wireframes are created for the home page, student’s dashboard, tutor’s dashboard, admin’s dashboard and the verifier’s dashboard.

Here are few pages of the wireframes

Product branding

This is where I set up the branding rules for the product, starting from making a color choice for the brand, designing of logo and preparing the style guides.

Components

These consist of the design element and their variants that requires consistency to how they appear throughout the designs. They are made components to aid cross editing along the design journey.

UI Designs

Like this project

Posted Feb 12, 2026

Discovery to delivery: UX/UI for an e-learning platform with multiple dashboards.