New career

New career

See the project
New career is an organisation that helps young adults in the process of transition to a new career.

Users can get the information needed to change their careers on the website. After finding a new profession to change, the mobile application and website will help them track their progress towards their goals daily.

New careerFigmaWebsiteAppDashboard
Role

UX designer

Time

2 months

Team

Self-directed

Year

2021

Deliverables

Responsive website

Mobile app

Prototyping

User testing

Research

Nowadays, due to the advancement of technology and the emergence of new industries, new professions are emerging, the need for new personals is growing, and some old jobs are dying. Because of these changes and many other personal reasons, many people look for a new passion for their career. I have tried to find such people who want to change their profession. I have conducted user interviews to define the needs of potential users. Most interviewers reported that they generally do not know which occupation to choose to change, and most of them feel alone and lost on their career transition journey.

User stories

Tobias

Tobias

Tobias Amon is an accountant who needs to find his new passion for a new occupation because he is unhappy and unsuccessful with his current job.

Claudia

Claudia

Claudia is an architect who needs to change her profession as a product designer and stay focused during transition because she wants a quick transition into product design field.

Problem

Adults who want a career change mostly feel alone during the journey. Most of them find it challenging and intimidating. With these feelings, most of them, in the very beginning, quit trying to find a way for their dream job, and instead, they stuck on the same jobs that they don't like for years. It means that users want to be able to find or get inspired for a new career change and want to be able to track their achievements and progress without feeling alone. They may need a mentorship service as well.

Ideate

Site map

main-image
Ideate

Wireframe

image-8726d1b349cbe87d0e5a2e9c13441461da37fd9b-362x773-png
image-400280af3900aef643f2bf53492c632660db365c-363x773-png
image-b30f70a3703a1f6362581198dcfba0b5b7b75a90-363x773-png
image-a2a3c320bbb18e05745d0514c6e1c497a58fc09b-365x775-png

Wireframes of dedicated mobile app

image-822f7823fcfb325f1248b0a222e501f706a68212-1368x929-png
image-5b5b3568e1f07baa7dcad214fae0b66add220622-500x929-png

Wireframes of responsive website on desktop and mobile

Usability testing

The low-fidelity prototype was the tool for usability testing. The aim was to determine if users can intuitively use the app to search for new career paths. I have tried to find out if users can easily follow their goals and schedule with the app. I have asked participants if they find the app useful or not.

Methodology

Moderated usability study

Participants

5 Participants

KPI

System usability scale User error rates

Location

Germany, remote

Date

20 Oct 2021

Length

30 min (each)

Usability testing

Key Insights

Task success rate

84%

System usability scale

89%

01

Better division of sections

02

Alarm option for specific tasks

03

Visibility of selected mentor on profile page

image-28fad4e608f1e77078e618932ef3a3f11d6bf6ea-660x1237-png
image-186bf291786b961bd0b061f0e3de3ad78077f334-1132x1237-png
image-d63221ff91229100685e546b21e468de1888f184-3840x2456-png

Solution

New Career has been designed as a cross-platform experience and created by a mobile-first approach. Users inform themselves on the website about possible career paths, get inspired by others, and then choose a new profession to change. After users choose a new profession, they set it as a goal on mobile or desktop versions. New Career suggests a possible timeline and main tasks for achieving the goal. Users can edit this timeline and add other tasks according to their own pace and preferences. On the mobile application, users will be able to track their goals and tasks daily basis, as well as on the desktop version. They can assign mentors for themselves and stay in touch through the process on New Career platforms.

Final Design

Design System

image-5a684083dfb7a90ca367217265aec486cd4733d4-2092x1175-png
Final design

Features: Splash screen and onboarding

An animated splash screen welcomes the users. Users are informed with a couple pages of onboarding about the app in general.

image-d1e83a717c8cdf4d080ba52d8720111128bd6558-756x1041-png
image-cfd25165687926c67ad9bfde744125d53eb3f1e6-756x1041-png
Final design

Features: Sign up and searching profession

Users can search for a new career opportunities by typing either their current occupation or a new one. As a result, they get a map of related professional fields to choose from.

image-c227205189f3e301d59aa1e1642a39d20183cd2c-756x1041-png
image-78e6055bdfe6bbfa8c7d0d8ab93810361dad130a-756x1041-png
Final design

Features: Milestones and tasks

Users can edit the default milestones, and add new ones. For daily to-dos user can use the tasks part on profile page.

image-1612b3f0427972c63c55a825db7d979a592b5066-756x1041-png
image-65fff608de83b586e2f1eae67fb7bd0cb34f15d3-756x1041-png
Final design

Features: Mentorship

Users can get a mentor to get information or advices about the new career. Users choose a mentor from the given list and request to become a mentee. If the chosen mentor accepts the request, they are ready to communicate.

image-ec4eed96570b977a8f52bfdff41a55627afb8683-756x1041-png
image-f86eab70c56df9dac81c024986c64d08d00e60e1-756x1041-png
Final Design

Cross-platform experience

Consistency

The website and application on all devices follow a specific design system and brand identity.

Continuity

A user enters and save the information as a draft on the website version. Then they can view and edit it on other platforms as well.

Context

When using the mobile application, the user can set the alarm not to forget a specific task.

Complementary

Users can attach a photo to a message on mobile while typing the text on the desktop version.

Final Design

Responsive website design

image-a928c960a8138151bc17b1d0dff012be7bbe4920-7100x4542-png
image-8d50215ed4040095577098e63ce12c10585a9ca0-1018x1001-png

Desktop version

image-e6500591ee587ef2e4782d5fa34305d8fdaf2b00-724x1001-png

Tablet version

image-cbf3f8066b32fffb43de42f862a59c984a68adf3-320x1001-png

Mobile version

High fidelity designs are ready for testing

“I have learned that though the difficulty of the problem, user researches and testings help a lot to come up with ideas. In addition, I have realised the importance and efficiency of creating products by mobile-first approach on this project.”

Conclusion

Next steps

Conduct research on how successful the app is for tracking the progress

Add more features needed by users

Provide an online virtual meeting platform with mentors