top of page

A Foot In The Door

Product

Web Application

Timeline

2 Weeks

My Role

Challenge

Design Lead

Research and Design executed simultaneously

Introduction
p3 dash mockup.png

Introduction

  • Seeking a job, but you just graduated.
    Where do you look?

  • Want a new job, but you are in this field for a year.
    Where do you look?

  • Have applicants without experience, but what if they have potential.
    Where do you look?

  • Need a candidate, but you want someone you can train.
    Where do you look?

Where do you look?

A Foot in the Door is a job platform that cater exclusively to applicants with less than 5 years of experience in the field.

​

The platform offers unique features and employer partnerships to help applicants showcase their potential, rather than focusing on experience.

Initial Problem

While the applicant experience is up and running, A Foot in the Door needs help creating a dashboard for hiring managers and recruiters.

Initial Goal

To create a dashboard that optimizes the hiring experience for hiring managers and recruiters.

Our Team

I collaborated with research lead Cole and product manager Ashley.

 

As the design lead for this project my primary responsibilities included:

  • Developing site map, wireframes, user interface (high-fidelity design), and prototyping.

  • I was also heavily involved in the user interviews and data synthesis.

Copy of A Foot in the door_edited.jpg

Ashley K.

Product Lead

Copy of A Foot in the door_edited.jpg

Cole A.

Research Lead

Chayala S. 

Design Lead

Research

Research

Research Process

To discover the unique and valuable features that set us apart from the competition. 

​

We leveraged a combination of research methods including business analysis, competitive analysis, screener surveys, user interviews, affinity maps, and persona development.

01.

Business Analysis

02.

Competitive Analysis

03.

User Interviews

04.

Synthesis

05.

Personas

Business Analysis

In order to understand the scope of the project from the business standpoint we conducted an initial analysis. 

​

We mainly discussed who our user was, the key activities to be performed on the site, and what the site's values should be. 

01

Who is the user

  • Recruiters

  • Hiring managers

  • Company stakeholders of entry level job positions

02

What is their key activities

  • Create, upload and track job postings

  • Look at applicant profiles and filter by keywords

  • Communicate with applicants and prospects

  • View data on all activities

03

What is the sites values

  • Growth + Development 
    (analytics, talent pool management)

  • Purposeful + Thoughtful
    (brand page, applicant matching, marketing tools)

  • Effective + Efficient
    (automated messaging + job descriptions, advanced filters, collaboration tools)

  • Approachable + Comforting (customization, pricing)

Screenshot (27)_edited.jpg
Competitive Analysis

Subsequently with the knowledge of A Foot in the Door’s values and goals, we analyzed our competition’s sites to find key features and trends.


We looked at other sites like Ziprecruiter, Indeed, and LinkedIn.

​

A few trends we found 

  • applicant tracking

  • analytics

  • filtering

  • screenings

  • templates

  • job management features.

Screener Survey

Using the information from our business and competitive analysis, as a team we put together a screener survey.

​

This is a small list of questions so that we can seek out users who would be valuable to interview. 

Who we were looking for

  • Recruiters, hiring managers, company stakeholders of entry level job positions

  • Anyone touching the hiring process

 

Who we were not looking for

  • People with no experience in the hiring process 

  • Job seekers 

 

Some questions we asked

  1. ​​Have you ever been responsible for hiring a new employee?

  2. How long have you been involved in the hiring process?

  3. Do you work with external recruitment agencies or services?

  4. Which channels or platforms do you primarily use to source entry-level candidates? 

User Interview

Once we found qualified candidates we began to conduct interviews.

Demographics

  • 4 men, 4 women

  • Age 25-64

  • 6 actively work in hiring positions

  • 2 previously worked in hiring positions

 

Interview methods

  • 4 zoom Interviews

  • 2 phone Interviews

  • 2 in-person Interviews

 

Some questions we asked

  1. Can you please describe your current hiring process?

  2. How do you manage your talent pool?

  3. How do you organize applications you receive?

  4. What are key factors you look for when searching through applicant resumes?

  5. Do you currently use any platforms in your hiring process?​

  6. Can you share a time when you hired an entry level candidate? 

Key Interview Takeaways

  • Business can be complex.

    Need a visually intuitive dashboard to understand and track important information.
     

  • Business moves quickly.

    Need clear, efficient, and easy to use hiring tools in order to manage their talent pool.
     

  • Great talent is hard to come by. 
    Need the ability to track quality talent both active and inactive hiring process
     

  • Every business is different.
    Need the ability to customize and automate hiring processes to their needs.

  • We go a million miles an hour, so having something to easily look at is helpful
     

  • It would be nice and save a lot of time if I didn't have to write each job description
     

  • A way to move candidates along in the process and track them
     

  • How many applicants are you getting, how long has the req been open

User Stories

We created a few stories for the users main site activities.

  • As a hiring manager, I want to be able to easily create job postings, so that I can upload them to our company website and attract the most qualified talent.
     

  • As a hiring manager, I want to be able to track job postings so I can maintain an overview of what positions we have open for hire. 
     

  • As a business owner, I want to be able to easily view data on hiring activities so that I can manage everything efficiently, in one place.
     

  • As a recruiter, I want the ability to search applicant profiles by keywords, so that I can screen for the most qualified applicants for hiring opportunities.

Personas

In order to create a prototype that will be produced in direct correlation to our users, we created two personas.

​

These personas are to be kept in mind while designing, as they sum up who are user is, what their motivations are, and their needs and frustrations.

01
Persona 2.png
02
Project Goals

Project Goals

Problem

Hiring managers need a concise way to track job postings and candidates because they are limited on time and resources.

Goal

To create an intuitive and customizable dashboard that condenses information into a clear and easily digestible format.

Screenshot (33)_edited.jpg
Features

We did a whiteboard exercise to look at which features were essential to our app, and which features our users could do without.

We included all of our must-have and should have features in the app.

01

Must have

  • View data on all activities

  • Look at applicant profiles and filter them by keywords

  • Create, upload and track job postings

  • Communicate with applicants and prospect

03

Could have

  • Analytics

  • Customized reports

  • Marketing tools

  • Skill assessments

  • Interview question bank

02

Should have

  • Talent pool management 

  • Screening questions

  • Automated services
    (job description, screening questions, applicant matching)

  • Hiring journey configuration 

  • Applicant tracking

04

Won’t have

  • Team view​

  • Brand Page

Design

Design

Design Process

To ensure alignment with business objectives and the user needs. 

The design process involves creating information architecture, visual and interactive elements, and usability testing to produce a user friendly and effective website.

01.

Site Map

02.

Sketching and Wireframing

03.

Style Guide

04.

Usability Testing

05.

Figma Prototype

Site Map

I created a site map from the research and interview findings. ​
 

  • Dashboard- see key metrics and quickly accomplish tasks

  • My Jobs- manage job posts and their applicants 

  • Talent Pool- find candidates who did not apply to a job

  • Saved Talent- saved qualified candidates that are not currently needed

p3 Site Map.png

Sketching

For five minutes my group and partook in a design studio. We sketched out whatever ideas we thought of for the "My Jobs" tab. Afterwards we discussed our work got critique and repeated the process.

​

The following are my sketches with the feedback applied.

List of jobs and their applicants 

View active or inactive jobs

Edit Job post

IMG_4510.jpg
02
03
04
05
IMG_4510.jpg
01

Best matched applicants under a specific job

Do you accept this applicant

yes, no or maybe

Specific applicant

​

Scroll between different applicants

Applicants status on where they stand in the process

Wireframes

After sketching, I then drafted basic wireframes for the sites.

 

I created a layout, the global navigation, the secondary navigation, some icons, and the shape and size of the sites main components.

​

Dashboard Evolution
01.

Sketch

IMG_4508_edited.jpg
03.

Mid Fidelity

mid fidelity wireframe dash, foot in door.png
02.
Wireframe foot in door dash.png

Wireframe

04.

High Fidelity

Figma,Dash,a foot in the door.png

Style Guide

This is a mini style guide composed of the logo, fonts, colors, buttons and icons for the site.

​

We chose to stick with the sites colors of orange and teal as they represent the brand well. 

Teal promotes clarity and orange radiates security and accesibility .

​

p3 Style Guide.png

Usability Testing

Upon completing the prototype we had a chance to test it out and see what some users thought about it.

Two Tests

  • 2 Hiring Managers

 

Revisions

  • Added additional Call To Action buttons

  • Renamed the “Talent Pool” and “Saved Talent” to make it more intuitive

Prototype

Prototype

Taking into account research, the needed features, and feedback from usability tests, final adjustments were made to the prototype.

​

The end product is something that's not only useful and backed by research, but also supplies the recruiters with a smooth and understandable process of finding talent.

Prototype Frames

Key Features

  • View data on all activities

  • Look at applicant profiles and filter them by keywords

  • Create, upload and track job postings

  • Communicate with applicants and prospect

(See image and corresponding numbers)

My Dashboard

  1. Created shortcuts to accomplish tasks like (a) posting a job or (b) viewing new applicants

  2. Included customizable key metrics according to a date range, candidates, and jobs.
     

  3. Established how to track and manage a job post.

  4. Designed a way to (a) view applicants and (b) move them along in their process

My Jobs

AFITD dash placeholder mockup.png
AFITD jobs placeholder mockup.png
1a
1b
02
03
4b
4a

Video walkthrough of A Foot In The Door prototype

Next Steps

  • User Testing

  • Additional Features

    • Build out the boolean search 

    • Interview question bank 

    • Customized reports

    • Team view

Takeaways
  • List should haves and should have nots at the start of the project

  • Conduct quick sketches with the whole team to get many ideas out

  • Scum meetings are important in order to know what everyone else is working on

  • The design lead should make sure research is being sent to them throughout

Thank you for reading through! Hope you enjoyed learning about my design and thought process.
bottom of page