Kliq is a unique platform, it allows high school students to find a prospective career and match it with a university program based on their grades and personality.
Kliq aims to frequently update its data to show career demands within a specific city, new careers outlook, school programs, scholarships and much more. Doing all this by keeping students in mind, and make the experience as smooth and stress-free as possible.
The main two challenges of this product are as follow:
- The backend and database include a remarkable amount of information. The team has gathered significant information related to students needs when it comes to choosing life path, careers (including career demands and salaries, etc.), course mapping, personality matching and much more. All this had to be presented in a minimal UI, yet comprehensive.
- Making the sign-up process seamless and clean. The account creation process needs to be streamlined to reduce bounce rates of individuals who do not complete their profiles.
Focusing mainly on what’s important for students. Simplify complex data output into a user-friendly solution by dividing the process into small steps. The goal is to support students to choose a path going forward within 5 minutes all-in-one page contrary to what is on the market.
- Add minimal requirements to create an account.
- Save selections prior to registrations.
- Allow future users to “Sneak peak” before signing up.
We began with a competitive analysis. We researched popular platforms that offered similar guidance to students to understand what is currently available on the market. We found a lack of platforms specifically designed for high school students who focused on careers first, then programs. We also offer useful information about careers and programs all in-one-page, clean simple process.
In order to better understand the scope of the project, goals, user problems and challenges, we conducted a series of user interviews. We conducted a survey using Survey Monkey and Google Forms, visited youth camps and met with high school students.
Once we gathered the results, the outcome was consistent in term of the challenges students are facing when it comes to choosing a career and educational path.
Based on user surveys and interviews, my team and I developed four main personas: Students, Parents, Counselors, and Employers. These personas helped in focusing on these specific groups rather than having an abstract UX design.
User flow mapping:
- Created user flow for the required steps to be taken for a student to find program and career.
- Created user flow for sign up process
- Created user flow for payment option
Design and testing
Design and testing included:
Built rough sketches of the platform. We started with Mobile first, keeping in mind the responsivity of the designs aspect.
The goal was to create a seamless process, I wanted the information to fold as the user scrolls down, and have a sense of moving in a path.
We tested the wireframes with potential users. We allowed them to explore them on their own, and we asked a different group to perform certain tasks. We took the feedback and edited the wireframes.
High fidelity mockups
I created high fidelity designs using Adobe Illustrator. From choosing fonts, colors, and spacing to incorporating our user usability testing in the designs. The main page was very critical because we had to present tons of information but yet had to look easy on the eyes and give users a sense of accomplishment at the end of the process.
These accomplishments not necessarily are UX Design. They are added value to the brand and helped with user acquisition.
KLIQ logo has two versions, animated and still. It was designed to reflect on what KLIQ is. The overlapping circles represent how the different decision factors work together to have KLIQ moment. Colors reflect each one of these factors.
Think 10 video is an animated slide from the business deck. The other one is KLIQ demo video