Gamifying a Job Hunting Mobile App

Role: UX/UI Designer & Visual Designer

UX Teammates: Mike S. and Dasha T.
Developers: Oscar N. , Peter L. , Danny Y., Patrick M. , and Luis S.

My contributions: I led majority of the visual designs and helped communicate between the developers and the designers.

Timeline: 3 Days

Tools: Figma, Slack, Maze

General Assembly held a Spring Hackathon challenging Software engineers and UX Designers to “Gamify Your Life”. I worked alongside 5 software engineers and 2 other UX Designers. As a team, we brainstormed different tasks each team member did in their everyday life. Through many iterations, we narrow down to one common activity, “Job Hunting”.

JobPlay is an innovative and engaging web application that revolutionizes the way users approach their job search, skill development, and professional networking. Designed with mobile responsiveness in mind, JobPlay offers a seamless experience across devices.

By incorporating gamification elements, JobPlay turns job hunting and career advancement into a fun, rewarding, and interactive experience. Users can track job opportunities, build on their skill sets, and expand their professional networks, all while earning points and unlocking badges to mark their progress.

Project Overview

Meet our Proto-Persona

Our team created a Proto-Persona to really narrow down what behaviors, pain points, and goals for our main user. I found having a proto-persona really helped with MVPs in creating all the features we needed with the time constraint we had.

We wanted this app to be accessible for any profession but for this proto-persona we geared it towards a UX Designer.

Let’s Get to Work!

We created a user flow to help the developers ideate early on and the designer team utilized the flow to make sketches. I really enjoyed this phase of the process because learning more about my new teammate’s skills shined best during this stage. Below are the sketches I drew.

Mid-Fidelity

With the time constraint, we wanted to create mid-fi frames to test and give our developers a skeleton to start on during back-end development.

Usability Testing

I had low expectations for usability testing because I knew introducing a completely new concept to users could be challenging to have perfect results. The results indicated points that went well and others that definitely can be improved. Going into the Hi-fi stage I communicated with the developers to see what would be the best MVPs moving forward.

We created a usability test on Maze and sent it out to fellow UX Designers to test. The task for the user was to upload a job listing and submit the listing. The test was to see if there are any flow issues and if the new elements could be distinguishable for the user.

Branding Style

High Fidelity

The Hi-Fi really tied in with our brand and the app's simplicity. I took charge of implementing all of the layouts and really iterating to my team “details, details, & details”. When having a simple style app it’s crucial to make any highlighting elements clean and sharp. I used any opportunity for color or effects to really elevate the app’s UI.

What I learned…

“Teaching is a test!

During the hackathon, I was honored to work alongside designers I had never worked with before. At times, my fellow colleagues needed guidance in our design process. I realized that teaching someone about design principles and best practices required me to explain the concepts clearly. Initially, it was a challenge to articulate my knowledge in words that were both clear and concise, but as the project progressed, I became more comfortable with teaching. Sharing my design knowledge through teaching others not only reinforced my own understanding of the subject matter, but also challenged me to think creatively and approach design problems from various perspectives.

“It’s not just us in the room.”

Working with the developers was a rewarding experience, as it gave me the opportunity to gain a deeper understanding of the constraints and challenges they face. Through this project, I came to realize the importance of equal respect between designers and developers. I would remind my team of the need to communicate any changes made on the design end to the developers. This open communication and collaboration was a key factor in the success of our project, despite the tight time constraints we faced. Overall, this experience reinforced my belief that cross-functional teams thrive when each team member appreciates and acknowledges the value of each other’s contributions.

“Go get inspired.”

I was so impressed by all the designs presented by the other teams. Everyone’s unique interpretations of the theme proved to me how creative a human mind can be! All the designers inspired me to constantly seek out new sources of inspiration and growth in my own design work. This highlighted the importance of learning from and collaborating with other designers in order to expand my own skills and knowledge base.

NEXT STEPS

Moving forward into the future there are a few steps I would take…

  • I would integrate various platforms such as Linkedin, MeetUp, Indeed, Google Calendar etc., any apps that would streamline the process for users to upload their jobs, skills, and networking connections.

  • With more time and data analytics, I would love to figure out an effective point system for the badge rewards.

  • There was feedback from one of the judges to implement labels for the bottom navigation for accessibility. With this feedback, I want to perform an A/B Testing to see if labeling the icons versus not shows a huge result in clickability for users.

Next
Next

Earth Made Kitchen Website Redesign