JOB GATOR

A job aggregator, tracker and more.

Tools

Figma

Miro

Google Sheets

My Role

UX/UI Designer
UX Researcher

The Problem

After applying to multiple jobs, I felt that the application process was long, tedious and more difficult than it needed to be.

An image of the Indeed job board landing page.

The Process

Research & Define

The application process is too tedious.

Competitive & Comparative Analysis

Card Sorting

Ideate

User Persona

Storyboard

Journey Map

User Flow

Design & Test

Information Architecture

Lo-fi Wireframing

Prototyping

Usability Testing

Hi-Res Wireframing

Competitive & Comparative Analysis

JobGator's comparison of a competitive and comparative analysis.
The goal of the competitive and comparative analyses was not to search for features that would assist JobGator in competing with opposing companies, but rather, to collect information on the necessity of certain features and to see how these features either improved or impacted the efficiency of the application process.

Card Sorting

An image of a card sort for Job Gator.
I conducted a Card Sort with two participants to help aid me in my future design for JobGator. Both participants were students currently looking for an internship or job and had prior experience applying using job boards. The purpose of this card sort was to have users group cards into multiple sections in order to help me construct a basic layout of the service based on their perspective.

User Persona

A user persona designed for JobGator
This User Persona was designed based on the average person who would use a job board during their application process. Because this year (2022) I was enrolled in a program where students were tasked with finding a job or internship, some aspects of this persona that were very important in defining the target audience for JobGator, including age, location, experience and technology proficiency were based on the class average.

Storyboard

A rough storyboard featuring sketch drawings depicting how a user would use job gator in their daily life.
The rough storyboard I drew helped depict how JobGator would impact a user's daily life. Although I am not an artist, the sketches create a visual example of the way users can simplify the application process and the success they can achieve when utilizing the product.

Journey Map

An image of a journey map created to outline the touchpoints and emotions of a user when using JobGator
Because JobGator is a service based on user interaction to track jobs and find recruiters, the user journey map is based on aspects of the design of the user persona, depicting possible actions, touchpoints, and emotions a user might encounter when using JobGator in their job application process.

User Flow Chart

An image of a user flow chart that depicts the processes of using JobGator.
I then created a user flow chart to visually depict how a user would use JobGator. The flow chart represents how a user would reach their objective when using the service and was designed to be simple and accessible to ensure there would be little room to no for error or confusion.

The Design

After careful research, I defined a list of features that would contribute to the efficiency of the application process and moved on to the design stage.

Information Architecture

An image of the site layout for JobGator
After analyzing the card sort and selecting a list of features that user's felt aided them in the job application process, I began to design the information architecture. I chose to keep the structure of the application simple, providing the user with easy access to information as well as the content they expect to see when applying for a job.

Lo-fi Wireframing

A series of low fidelity wireframes created for JobGator usability testing.
Using Figma, I designed a series of low-fidelity wireframes. These wireframes were the first steps in designing the actual application itself, as I began to take a user-centric approach, focusing on both accessibility and navigability.

Prototyping

The JobGator prototype displayed on Figma. The prototype shows a total of 21 wireframes to navigate through.
The next step was to prototype the low-fidelity wireframes to prepare for the upcoming usability test I had planned. This prototype consisted of 21 different pages the user would be able to sort through during the usability test.

Usability Testing

A call with a participant sharing their screen. They are scrolling through the lo-fi wireframe.
During the moderated usability test, I asked my participant(s) to complete three separate scenarios to see if there were any problems or barriers users faced when using the app. Users found the application easy to use and had some helpful critical feedback that I would later incorporate into the design.

The Final Design

The final design of JobGator. This image features the landing page of the app.
After analyzing the feedback, I noticed an important detail that would change the course of where this app was originally headed. Because users felt LinkedIn already provided certain features such as the "Connect" feature, I took a step back to eliminate any personal bias and decided to remove 2 out of 5 of the navigation menu options, while simultaneously adjusting the layout of the app. Once I had finished making adjustments to the wireframes, I had finally created a product that improved both the efficiency and effectiveness of the application process.

If you would like to view the lo-fi, mid-fi, and hi-fi prototypes, please click here: https://www.figma.com/proto/PQHc0zq1XuRZPmz886D4L9/Lo-fi-Wireframes?node-id=7%3A2&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=7%3A2&show-proto-sidebar=1