Revamping Tutor Indigo

Problem Statement:

The existing Tutor Indigo theme plugin faces significant drawbacks due to its lack of visual appeal. These issues hinder user engagement on the platform and disrupt the seamless navigation and adaptation for users.

Modules covered

Here is a complete diagram of the modules that are impacted with the revamp project: https://lucid.app/lucidchart/9f5f7b42-12db-4562-8875-8f577addb24d/edit?viewport_loc=-2112%2C84%2C2108%2C1070%2C0_0&invitationId=inv_92abf479-dd5a-48c5-aac2-e2c30ccdec4a

Registration & Sign in
Dashboard
Header content / menu options
Footer and links
View and search course(s)
Featured courses
Course Progress
Course About / Details and outline
Begin and start course / Learning MFE
Discussion forum

Use cases covered

New user signs up without activating their account or logging out
User with no courses enrolled
User with 1 course enrolled
User with 2 courses enrolled
Viewing course without enrolling it
Viewing course after enrolling it
User is resuming the course
User completes the course
User participates in the discussion forum
Studio user logins and setups the course

User sign up

-> Visual changes to the register and sign in screen

-> white padding can be reduced

-> header improvements on mobile

-> Inclusion of a footer with FAQs, support/help, privacy policy, about, and open source links

-> It should state how many failed attempts are allowed

-> It should state after how long can the user attempt to login again

User dashboard (new user)

-> Header improvement

-> About should be in the header

-> Help should be in the footer

-> Footer change and footer links (detailed below)

-> User profile icon should be improved

-> explore courses should be more compelling

-> Activate your account should not take up so much space. Maybe a smaller top banner

-> Search filter should be improved

-> Instead of “You are not enrolled in any courses yet.” change the wording to, “Discover a world of knowledge with our exciting courses - get started today!”

-> Improve the button of Explore Courses

User dashboard with 1 course enrolled

-> the settings button is actually the un-enroll button, this needs to be updated

-> View Course should not be enclosed in a button, this should be simpler

-> My Courses should be bold and coherent with all other headings

-> Search your Courses should be improved

View courses page

-> “Viewing 2 courses” should be changed

-> If no course image, there should be a placeholder instead of a broken image

-> Search filter needs to be improved

-> Refine your search to be improved

-> Modes, org, language are bolded - unclear demarcation

-> Courses has disappeared from the menu header

-> Refine your search and courses cards are not aligned

Learn More - Course Details page /About course page

-> Complete revamp of this page

-> The upper section shouldnt be boxed up ≠

-> Breadcrumbs should also be visible

-> Same headings and other coherent elements

-> Social media links should not be at the top like that

-> A lot of white padding needs to be improved

-> FAQs section should be more concise and compact

-> There’s an outline of the course image, this is also not coherent with everything else

-> Menu item in the header is also not consistent