top of page
3(17).jpg

CareerOx

Mobile app & Responive website
App (3).jpg
Project overview

CareerOx is a tool for helping young adults to change their careers. The tool is built in three versions - a dedicated mobile application and a responsive website - mobile and desktop versions. It encompasses the entire process from choosing a professional field to applying for a job.

Design process

empathy.png
arrow_forward_FILL0_wght400_GRAD0_opsz24.png
define.png
arrow_forward_FILL0_wght400_GRAD0_opsz24.png
inspiration.png
arrow_forward_FILL0_wght400_GRAD0_opsz24.png
prototyping.png
arrow_forward_FILL0_wght400_GRAD0_opsz24.png
checklist.png

Empathize

Define

Ideate

Prototype

Test

My role

UX designer leading the CareerOx mobile app and responsive website design from concept to delivery.

Responsibilities
  • Conducting interviews;

  • User joyrney mapping;

  • Empathy mapping;

  • Site mapping;

  • Paper and digital wireframing;

  • Low fidelity prototyping;

  • High fidelity prototyping; 

  • Conducting usability studies;

  • Accounting for accessibility;

  • Iterating on the designs and responsive design;

Duration

June 20 2023 - August 24 2023

Problem

The existing websites provide help in just one part of the process of choosing and changing a professional field.

Goal

Designing a tool that will combine the talents and personal skills of the user and will support the user through the whole process of changing careers.

User research
Summary

I conducted user interviews, and then I turned to empathy maps to better understand the users' needs. I discovered that many target users have difficulties combining their skills with their talents and choosing a career that will fit them and will satisfy them. Some of the users were aware of the new career they want to experience, but they needed more information about required responsibilities and qualifications.

User pain points
1

Often users have difficulties to determine new career based just on the personality test.

2

Some of the users need more practically oriented events before starting a course or other qualification.

3

Some users feel confused by too much information scattered between different platforms and find it difficult to go through the process of changing careers.

Persona 1

Creating a user persona is an important step in understanding the target users' primary needs and challenges for the application. Gathering information as part of the research and creating a notional representation based on real data can help develop better solutions that meet user needs and goals.

14.jpg
Persona 2
15.jpg
Empathy maps
I want to change my profession with something that combines my talents and my skills..jpg
I want to change my profession with something that combines my talents and my skills. (1).jpg
User journey maps

User journey map helped me to clear the process and make it easy and intuitive for the user.

Antoaneta
Browsing for appwebsite for career guidance (1).png
Miroslav
Browsing for appwebsite for career guidance (2).png
Site map
Untitled (7).jpg
My goal when I created the site map was to organize the information clearly and logically to help the user navigate the process easily.
Digital wireframes
Browsing for appwebsite for career guidance (2).jpg
Browsing for appwebsite for career guidance (3).jpg
Wireframes for different screen sizes
I want to change my profession with something that combines my talents and my skills. (7).jpg
Lo-fidelity prototypes
lol-fidelity mobile version website.JPG
lol-fidelity desktop version.JPG
lol-fidelity mobile app.JPG

Usability study: parameters

event_note_FILL0_wght400_GRAD0_opsz24 (1).png

Study type:

Unmoderated

location_on_FILL0_wght400_GRAD0_opsz24.png

Location:

Sofia, Bulgaria

group_FILL0_wght400_GRAD0_opsz24.png

Participants:

8 participants

schedule_FILL0_wght400_GRAD0_opsz24.png

Length:

15-20 minutes

Usability study: findings

1

On each assessment should have review option to check the users feedback.

2

A message Icon should be added  in the header.

3

The profile panel should have more features and customizations.

Design system

Color
Buttons

Primary

#FF914B

Seconadary

#004AAD

Secondary 2

#F5F5F5

Frame 16.jpg

Original  size screen

Icons
Frame 17.png
Topography
Frame 18.png
Components
Desktop - 76.png
Mockups
I want to change my profession with something that combines my talents and my skills. (9).jpg
Mockups different size screens
Mockups original screen size 
Desktop - 47.jpg
Desktop - 49.jpg
Desktop - 34.jpg
Desktop - 52.png
Desktop - 63.png
Desktop - 50.png
Mockups website mobile version
6(1).png
Mockups website mobile version
Browsing for appwebsite for career guidance (3).png

Thank you for watching!

bottom of page