Khan Academy Website Audit & UI/UX Redesign Case Study
Preview ⚡️
❇️ Understand ❇️ Identify ❇️ Redesign
Understand
What is Khan Academy?
Khan Academy is a non-profit educational organization that provides a set of online tools that help educate students. They create content in the form of articles and video lectures, as well as provide exercises and assessments that educators can use to track students’ progress.
Target Audience
Core Target Audience: Students (12-18)
Educators: Highschool teachers (25-75)
Parents of students
Competitors
Content: Crashcourse, Veritasium, PBS Idea Channel
Platform: LinkedIn Learning, Udemy, Codecademy, Udacity
Identify
What is Khan Academy?
Khan Academy is a non-profit educational organization that provides a set of online tools that help educate students. They create content in the form of articles and video lectures, as well as provide exercises and assessments that educators can use to track students’ progress.
Identify Problems
Upon reviewing their current website design, we identified several issues with the design language (UI) and the organization of content flow (UX). Our initial action was to compile a list of all the issues.
Enter your text here...
Problems Related to The UX/UI
The search bar is not focused enough.
The placement of the logo was unclear.
The components of the website did not follow a consistent pattern of design.
There is no color pattern for menus and buttons.
The brand color is not focused on the website layout.
All of the navigation's colors and priorities are confusing.
Visibility of system status is missing.
For H1 Regular text weight positioning/statement does not encourage the visitor to read.
There are Multiple buttons together with the same hierarchy is confusing.
The Subject section is cluttered and unorganized, Icons and graphics are inconsistent and very clumsy, and The "Subject" section is missing a title.
Additionally, it appears overcrowded, confusing, and excessively lengthy.
Expanding all subjects adds to the user's cognitive load.
The text in the testimonial section is not properly aligned, and the social profile is not available.
The footer options are cluttered and unorganized.
Design Problems and Planning
What’s Wrong With The Existing Design?
Use of meaningless color.
No typography consistency.
The contents are so congested.
Didn't follow any grid system.
Lack of users’ emotional attachment.
Lack of content Hierarchy.
Can’t identify the focus point.
Design Planning
Initial understanding of the current home page.
Conduct UX/UI Audit.
Feature Listing and prioritize.
Visual Redesign.
Redesign Out Come
