"Super purposes" is a startup that offers various courses to assist various types of career seekers in finding jobs.
SuperPurposes is a startup that offers various courses to assist people looking for jobs, students, fresh graduates, partners of military personnel, and individuals who identify as transgender or do not conform to traditional gender norms. Their goal is to help these individuals secure employment.
A website that’s old and needs improvements to make it easier to use.
There is no enough information about the course duration and other details. This lack of clarity confuses users, and they end up not purchasing the course.
The website looked old, the pictures were blurry and not arranged properly with the text. There were also problems with how the website worked on different devices. So, I decided to make the website better.
"I always look for course length and price. The learning material I'm getting is worth of price or not" -Fabian
I carried out a usability test and NPM survey with user interview to identify their difficulties.
Discovered several valuable insights regarding the structure and substance of the content, which significantly influence their purchasing experience.
"How might we assist individuals in comprehending the specifics of the course to enhance their understanding of the learning outcomes?"
I’ve merged two distinct types of
individuals into a single persona.
Those who are career seekers.
Others who have purchased an online course at least once.
I noticed that people were having trouble finding their way around the website. So, I made a new site map that shows the main pages, what’s on them, and how they link to each other. This provided a reference as I explore user flows.
Developed a User flow which guided me in determining the user’s navigation within the website, focusing on key features such as buying course and checkout process.
.png)
I explored multiple options for organizing the content on key screens. Some examples of ones I chose to pursue are shown here.
In mid-fidelity wireframes, I added UX copy to each of the pages, refined the layouts accordingly, and created new screens.
A few examples are shown here.
The shade of purple represents inspiring, symbolizing power.
The color blend of green and yellow represents stability, growth and safe.
The Urbanist text style to gives it a neutral appearance. Simple, elegant and versatile font that can adapt variety of design needs. It has a large x-height which allows it to be legible on both large and small screens.
.gif)
Everything you need is on the home page. This makes it easy for users to understand what the website is about without having to click around.
.gif)
Easy navigation, visually appealing website. Streamlined and prioritized content, resulting in improved comprehension and increased time spent on the website.
To make sure my first prototype is working properly and identify any confusion in the prototype, I conducted usability test.
Users wanted to see all the courses right on the home page, They found some details less important than the courses and feedback from past students.
Added all course details on home page and placed the career transition journey section after it.
Following the usability testing, I refined some elements of the final design.
To bring "Superpurposes" to life, I'd love to:
course details, organizing the information section, updating the Information Architecture (IA), and rebranding, while the second focus on create a Frequently Asked Questions (FAQ) page to help users make purchasing decisions.
I decided to pursue the first idea because...
It involves improving the main navigation and more focus towards course details, which are very important to users.
Thank you!