Responsive website design
Pathways is designed to make self discovery and goal setting fun and engaging for young adults in transitional periods of their lives.
Through the use of gamification elements, users uncover their strengths and career path through a journey of personal introspection.
I worked on a team of three other UX Designers on this project. We conducted research through a series of interviews with the target audience. We synthesized our findings into actionably insights that informed our design process.
My role was largely design-oriented, though I was also involved through the entirety of the research process.
We interviewed seven members of our target audience. These interviews allowed us to extract qualitative data regarding their opinions and experiences in times of change and self discovery.
They often feel stressed while discovering their purpose in life
They need perspective of the progress they've made
They need to be able to set objectives to meet their goals
They need a sense of encouragement to prevent them from giving up
Websites that offer help with career alignment usually have a clinical, dull appearance that left users feeling uninspired.
My team incorporated an approachable, friendly visual theme to make Pathways friendly and approachable.
To further enhance the bright, cheery palette I created a vocabulary of illustrations to capture the user's attention and imagination.
Creating this visual language allowed us to craft a product that stood out amongst the competition.
The response to the visual aesthetic in usability tests was overwhelmingly positive, with users eager to discover more.
After several rounds of designing, we settled on an emblem that incorporated the weaving line or 'path'.
We also utilized a diamond shape to evoke thoughts of navigation and cardinal direction.
How might we provide young adults and mid-skilled workers with an encouraging, goal-oriented experience that guides them towards a successful career path?
CREATING A VISUAL LANGUAGE
By designing delightful, fun visuals I had the opportunity to alleviate the user's anxiety of finding a career path.
INTEGRATION OF FEATURES
All of Pathway's features were directly leveraged from the insights gathered from research. Each became a building block to create Pathways.
The map allows users to gain perspective as they navigate through their journey of self discovery. Doing so offers a chance to feel satisfaction of accomplishments and evaluate the scope of the journey.
I designed and illustrated the entirety of the map with the help of recommendations and suggestions from my team. Being able to pull from my background in illustration was a huge benefit for this project.
Through our research we discovered that users need to be able to set objectives to meet their goals. On the Profile Page, my team designed a calendar where users set reminders and goals.
Users are also able to view their activity graph to see hours they’ve logged to reach their goals.
Badges are earned in a variety of ways. The most important way they collect these bright icons is through the completion of exercises. Exercises are made up of unique experiences of self discovery.
To test the functionality of the prototype, a series of trials with members of our target audience were conducted.
A substantial takeaway from usability testing was that users believed the product (due to it's game-like nature) seemed like something they would expect to find on a mobile device. Due to the abundance of unprompted feedback enquiring about mobile options, we found that the design of a responsive website would be essential.
In one round of testing (and without being asked their opinion on a mobile alternative) three out of five participants voiced that being able to access Pathways on a phone would be preferential.
The usability tests were designed to evaluate how intuitively potential users would navigate through the interface of Pathways. After a brief introduction to the product, we evaluated their completion of three tasks:
In addition, we briefly interviewed the participants to collect qualitative data on their opinions. We conducted two rounds of testing. Between these rounds, we extracted insights from the data collected and made adjustments to our prototype.
Task #1: You’re looking for a new direction in life and have been introduced to LBB Pathways to help in the process. Create an account and complete the profile.
Task #2: You’ve created a new account and filled out your profile. Complete an exercise on the first level.
Task #3: You just completed your first level and earned a badge. You'd like to take a closer look at it. View your achievements.