As a collective of BCIT students who enrolled in the program seeking a career transition, we faced numerous challenges during our job-searching journey, leading to significant stress on our overall well-being. Recognizing this issue, my group have formulated the following problem statement:
The recurring situation where young adults are struggling to effectively manage their mental well-being as they navigate life post-graduation.
To in response to this issue, we came up with a HMW question to help us target the problem:
How might we support young adults in maintaining positive mental health during their transition from school to work?
Our primary research involved investigating the current mental health situation among young adults in Canada using platforms such as StatCan and the Canadian Mental Health Association. Additionally, we conducted a card sorting activity with our classmates, who are part of our target audience, to refine our research direction and questionnaire.
Some highlights of the research were:
We came up with a questionnaire separating those currently employed and students who are close to finishing their study.
From sample size of 21 student responses, they
indicate that help and guidance from professionals is the most helpful support.
From sample size of 9 employee responses, they
believe that main issue with workplace transition is communication.
Based on the results, we are convinced that establishing connections with professionals in both the job market and mental health can significantly aid students in navigating the transitional phase.
Our target audience was primarily the college students who were approaching graduation/graduated and facing the stress of seeking jobs. The same would also apply to individuals who are seeking career changes.
We designed the user flow diagram for the entire app, from the left side which is what the user can use before the log in, to the right side which shows what functions the user can access after they log in.
As for the process, we selected the mentorship connection process to build the screens on.
The wireframe is designed using a 6-column grid system. Our focus is to establish a straightforward process with clean and simple UI and layout that new users would feel familiar & comfortable with.
The chosen primary color conveys a blend of care and professionalism, aiming to establish a safe environment for users to openly share their questions and confusion, getting the support they need.
The combination of typefaces is selected for its slightly shorter x-height and wider width, intending to convey openness and ensure optimal legibility.
View the full project on Figma:
Link to FigmaWe incorporated round-edge shapes and circles to convey a sense of openness and friendliness, while maintaining a professional aesthetic. The pink was used as the call-to-action colour to clearly highlight what is happening next.
I find it challenging to get the proportion and scale right when creating wireframes from scratch, especially with headings that end up too large for the screen. I aim for a clear visual contrast between content sections, but sometimes it leads to these kind of issues. Similarly, I notice some buttons taking up too much space on certain screens. Working in groups is helpful for spotting and fixing these problems.