Role (s)

Solo Project

Full Stack Designer

Responsibilities

UX/UI Design

Brand Design

iOS Mobile Application Design

TOOLS

Figma, Illustrator, Photoshop

TIMEFRAME

6 weeks

00

Introduction

Briefcase is an app (prototype) that allows people that are looking to work, to find jobs by swiping through their options and for employers that are looking for employees to swipe on potential applicants.

view work

OBJECTIVE

I was assigned to create an iOS application prototype that includes a form of in-app social interaction.



VALUE

Designing a job-finding app with a card-swiping wireframe helps employers and applicants have easier hiring/ job-finding experiences.

Users looking for a job swipe left to discard a job

Users looking for a job swipe left to discard a job

and swipe right to apply for a job.

and swipe right to apply for a job.

and swipe right to apply for a job.

Applying to jobs take forever...

and in this economy?

There needs to

be an easier and faster way to job search.

how can we combat this issue?

Creating a job-finding app prototype!

Creating a job-finding app prototype!

with a

with a

dating app (card-swiping) wireframe

dating app (card-swiping) wireframe

how would that look like?

01

Research

Using competitor analysis, interviews, persona cards, and app deconstruction to further understand the construction of this prototype.

02

Ideation

App Architecture.

03

Design

The design prototype &

design system

04

End

Final thoughts & the interactive prototype.

Project Roadmap

Where did we start from? Let’s start with the research.

01

Research

Identifying competitors; choosing apps with similar wireframes or content.

Identifying competitors; choosing apps with similar wireframes or content.

Hinge

Hinge

Bumble

Bumble

LinkedIn

LinkedIn

Handshake

Handshake

Description

Description

Analogies

Analogies

Competition

Competition

Hinge is the dating app for people who want to get off of dating apps. With profiles that show your personality through text, photos, video, and voice, you have unique conversations that lead to great dates. And it’s working. Currently, people on Hinge go on a date every three seconds. Additionally, in 2022, we were the fastest-growing dating app in the US, UK, and Canada.

Hinge is the dating app for people who want to get off of dating apps. With profiles that show your personality through text, photos, video, and voice, you have unique conversations that lead to great dates. And it’s working. Currently, people on Hinge go on a date every three seconds. Additionally, in 2022, we were the fastest-growing dating app in the US, UK, and Canada.

+

+

easy to set up, straight-forward.

easy to set up, straight-forward.

+

+

well-designed, minimal design

well-designed, minimal design

_

_

10 likes a day, requires $50 monthly subscription.

10 likes a day, requires $50 monthly subscription.

Tinder, Bumble, Coffee meets Bagel are all competitors as they are all dating apps with many users.

They all are all great for meeting new people quickly.

Tinder, Bumble, Coffee meets Bagel are all competitors as they are all dating apps with many users.

They all are all great for meeting new people quickly.

Bumble is at the forefront of matchmaking technology by providing an app that allows users to foster more than just romantic connections. The industry-leading app empowers users to swipe through potential connections across three different modes: Bumble Date, Bumble BFF, Bumble Bizz.

Bumble is at the forefront of matchmaking technology by providing an app that allows users to foster more than just romantic connections. The industry-leading app empowers users to swipe through potential connections across three different modes: Bumble Date, Bumble BFF, Bumble Bizz.

+

+

straight-forward

straight-forward

+

+

many options to choose: dating, bff, bizz

many options to choose: dating, bff, bizz

$25 premium weekly subscription

$25 premium weekly subscription

the interface is overwhelming, as there are so many options.

the interface is overwhelming, as there are so many options.

Tinder, Hinge, Coffee meets Bagel are all competitors as they are all dating apps with many users.

LinkedIn is also a competitor as Bumble offers a “Bizz” mode that allows users to swipe of potential employers/ employees.

Tinder, Hinge, Coffee meets Bagel are all competitors as they are all dating apps with many users.

LinkedIn is also a competitor as Bumble offers a “Bizz” mode that allows users to swipe of potential employers/ employees.

Build your resume, nurture your professional relationships, connect with recruiters, and apply for your next job. You can establish job alerts for local or remote positions, expand your network of business contacts, stay informed about the latest industry news, read articles, and stay up-to-date with companies and industry leaders to enhance your workplace and career- builder experience.

Build your resume, nurture your professional relationships, connect with recruiters, and apply for your next job. You can establish job alerts for local or remote positions, expand your network of business contacts, stay informed about the latest industry news, read articles, and stay up-to-date with companies and industry leaders to enhance your workplace and career- builder experience.

+

+

great social platform for career oriented people.

great social platform for career oriented people.

+

+

makes networking & job searching easy.

makes networking & job searching easy.

$30 monthly subscription for premium

$30 monthly subscription for premium

job applications take a long time to fill out and hear back from.

job applications take a long time to fill out and hear back from.

Handshake, Indeed, and Glassdoor are all competitors as they are also used for finding jobs, though they provide less of the social networking aspect.

Handshake, Indeed, and Glassdoor are all competitors as they are also used for finding jobs, though they provide less of the social networking aspect.

Handshake is the network where schools, companies, and students come together to help you make your next career move. Get the inside track with content directly from career centers, employers, and recent grads. Watch content to learn from the community you didn’t know you have. Handshake has the people, support, and information to get ahead and get hired.

Handshake is the network where schools, companies, and students come together to help you make your next career move. Get the inside track with content directly from career centers, employers, and recent grads. Watch content to learn from the community you didn’t know you have. Handshake has the people, support, and information to get ahead and get hired.

+

+

great social platform for career oriented people.

great social platform for career oriented people.

+

+

makes networking with alumni and community easy.

makes networking with alumni and community easy.

+

+

well-designed, efficient

well-designed, efficient

job applications take a long time to fill out and hear back from.

job applications take a long time to fill out and hear back from.

LinkedIn, Indeed, and Glassdoor are all competitors as they are all popular options for job search.

LinkedIn, Indeed, and Glassdoor are all competitors as they are all popular options for job search.

From my research, Bumble is the only app that has a job-finding/ networking feature that consists of a swiping wireframe. Since this idea is not common, this allows me to further my exploration on my prototype . Although my idea is a bit unconventional and casual, I believe that the intent of the app— to ease the hiring and job application process— will resonate with users. By incorporating a swiping interface, the app aims to make job searching more engaging and less daunting, ultimately helping candidates and employers connect more effectively.

From my research, Bumble is the only app that has a job-finding/ networking feature that consists of a swiping wireframe. Since this idea is not common, this allows me to further my exploration on my prototype . Although my idea is a bit unconventional and casual, I believe that the intent of the app— to ease the hiring and job application process— will resonate with users. By incorporating a swiping interface, the app aims to make job searching more engaging and less daunting, ultimately helping candidates and employers connect more effectively.

What are some issues you have with job finding apps like LinkedIn, Handshake, etc?

Although I think LinkedIn’s job-search and profile features are good, I find that LinkedIn is a large network bubble and it causes users to feel the need to triumph each other and constantly display their status. I believe that job-searching apps are only great for function, but it should not be used as a form of social media.

user one: Software Engineer

I think that there are too many bots on LinkedIn... it makes it hard to sort through actual people. It is also difficult to look through so many applicants with my busy schedule, I wish there was a more efficient way to go through the

hiring process.

user two: Hiring Manager

Job listings on LinkedIn are really bad because the filtering doesn’t work. There are senior level positions labeled as entry level. Just in general, their whole job search feature is bad and tedious. Also these “recruiting agencies” such as Dice will post the same job 20 times and you have to scroll past all of them.


Also I get the point of LinkedIn is networking and stuff, but the home feed is cluttered with random stuff, there needs to be come kind of filtering.

user three: Recent Graduate

dislike mixing work & social media

care for efficiency

mislabeling jobs

desire for organization & filtering

What do you think about the current UI & structure of job-finding apps?

What would you change?

I feel that LinkedIn is too cluttered, there needs to be a better way to sort out the content. I think if there was a way to ease the process of applying, it would greatly benefit those who do not have the time to be applying all day.

user one: Software Engineer

It is easy to feel overwhelmed with all you can do on LinkedIn. You can view status updates, job postings, promotions, ads, certificates, etc. all in one place. I wish there was a way to separate and organize these things. I also believe that less is more– things should be made to make things easier.

user two: Hiring Manager

I feel that there is just too much information on your feed in apps like LinkedIn and Handshake.I find it confusing to navigate between topics and to quickly apply to jobs. I wish there was a faster way to apply to positions without having to spend 10 minutes on each application.

user three: Recent Graduate

too much clutter

desire for simplicity

information overload

faster way to apply to jobs

Short Interviews

Conducting short interviews to understand the target audience and user needs. Since interview research was not a requirement for this assignment, I briefly asked a couple questions that helped me understand what was important to the user.

Interview Questions

Persona Cards

Defining

User Personas




Reflecting upon users’ needs, frustrations, and motivations.

Defining

User Personas




Reflecting upon users’ needs, frustrations, and motivations.

#opentowork

#opentowork

Chelsea Chen, 22

Chelsea Chen, 22

BIO

BIO

FRUSTRATIONS

FRUSTRATIONS

GOALS

GOALS

MOTIVATION

MOTIVATION

Chelsea is a newly-grad marketing student, looking for jobs in the business/tech industry. She spends approximately three hours of her day searching and applying to jobs. With the abundance of careers she looks through everyday, she often feels disorganized and stressed, and wishes for a quicker, easier way to apply to jobs.

Chelsea is a newly-grad marketing student, looking for jobs in the business/tech industry. She spends approximately three hours of her day searching and applying to jobs. With the abundance of careers she looks through everyday, she often feels disorganized and stressed, and wishes for a quicker, easier way to apply to jobs.

“I wish there was a more efficient method for job searching.”

“I wish there was a more efficient method for job searching.”

San Francisco, CA

San Francisco, CA

Hardly hearing back from job applications

Having to input the same information that is on her resume every time she applies to a new job.

Anxiety when applying to new jobs.

Hardly hearing back from job applications

Having to input the same information that is on her resume every time she applies to a new job.

Anxiety when applying to new jobs.

Easier, faster ways to apply to many jobs

Less time spent on applications.

Easier, faster ways to apply to many jobs

Less time spent on applications.

An app that relieves her of stress and time spent when job hunting.

An app that relieves her of stress and time spent when job hunting.

#hiring

#hiring

Justin Leung, 27

Justin Leung, 27

“I do not have the time to read hundreds of emails and resumes.”

“I do not have the time to read hundreds of emails and resumes.”

BIO

BIO

Justin is a talent acquisition specialist @ The Slanted Door, looking for new marketing graduates to take over their new social media account. He spends hours looking over resumes and websites and wishes there was an easier way to sort all the potential applicants.

Justin is a talent acquisition specialist @ The Slanted Door, looking for new marketing graduates to take over their new social media account. He spends hours looking over resumes and websites and wishes there was an easier way to sort all the potential applicants.

FRUSTRATIONS

FRUSTRATIONS

GOALS

GOALS

MOTIVATION

MOTIVATION

There needs to be a better filtering system to get rid of bots and scammers

Having to send thousands of rejection emails

Reviewing applicants take a long time

There needs to be a better filtering system to get rid of bots and scammers

Having to send thousands of rejection emails

Reviewing applicants take a long time

Easier, faster ways to look through quality applicants.


Easier, faster ways to look through quality applicants.


Something that relieves the time of looking over hundreds of applications

Something that relieves the time of looking over hundreds of applications

San Francisco, CA

San Francisco, CA

App Deconstruction

After gaining some understanding of potential users, I chose two apps that are the most relevant to my app:

LinkedIn & Hinge

I deconstructed LinkedIn to understand the architecture behind a job-finding mobile app. After taking it apart, I can see what elements may be more important, and what can be included in my prototype.

I deconstructed LinkedIn to understand the architecture behind a job-finding mobile app. After taking it apart, I can see what elements may be more important, and what can be included in my prototype.

I deconstructed Hinge because I wanted to create a job-finding app with a dating app wireframe. I chose Hinge out of all the other dating apps because of its simple design and structure.

I deconstructed Hinge because I wanted to create a job-finding app with a dating app wireframe. I chose Hinge out of all the other dating apps because of its simple design and structure.

Let’s see how I combine the two...

02

Ideation

job search

& hiring

to ease the process of...

User Flow




This visual roadmap shows the decisions the user(s) can make while using the app.

Sketching & Planning

Wireframing

Making the app interactive, engaging, and user friendly.

Open to Work

Hiring

The main feature of this app is the idea of being able to swipe on jobs/ applicants. The wireframes displayed above shows the two sides of the app, open to work and hiring.

03

Design

UI Design

Since there are two groups for the app (Open to Work & Hiring), I created separate pathways for the app. Both sides do have the same card-swiping wireframe on the Discover page.

App design highlights

Briefcase

11:09 AM

Someone applied to your posting!

Introduction




The Log-in & Sign-Up. For this prototype, only the sign-up button is functional.

For the Open to Work pathway, users are prompted to choose their industry(s) of choice through selection or search.

Those that choose Hiring are given the option to add the company they represent or add their own business.

Those that choose Hiring are given the option to add the company they represent or add their own business.

Edit Profile




Both Hiring & Open to Work users are allowed to edit their profiles with their interests, links, experiences, and skills.

Edit Profile




Both Hiring & Open to Work users are allowed to edit their profiles with their interests, links, experiences, and skills.

Open to Work Profile

On the Discover Page, users are allowed to swipe on their desired jobs or applicants. They may also search & filter for the specific job.

swipe left to discard

swipe right to apply

Events Page

Users are allowed to set up and join career related events.

To create an app with an organized appearance, we need to identify our visual design system. Just like how we prefer to meet people who are friendly, we need to have friendlier, easy-to-understand interfaces.

Design System

color

CYAN-BLUE

CYAN-BLUE

CYAN-BLUE

CYAN-BLUE

CYAN-BLUE

#0086FF

#0086FF

#0086FF

#0086FF

#0086FF

RGB (0,134,255)

RGB (0,134,255)

RGB (0,134,255)

RGB (0,134,255)

RGB (0,134,255)

BLACK

BLACK

BLACK

BLACK

BLACK

#000000

#000000

#000000

#000000

#000000

RGB (0,0,0)

RGB (0,0,0)

RGB (0,0,0)

RGB (0,0,0)

RGB (0,0,0)

AMERICAN ORANGE

AMERICAN ORANGE

AMERICAN ORANGE

AMERICAN ORANGE

AMERICAN ORANGE

#FF7A00

#FF7A00

#FF7A00

#FF7A00

#FF7A00

RGB (255,122,0)

RGB (255,122,0)

RGB (255,122,0)

RGB (255,122,0)

RGB (255,122,0)

SEA GREEN

SEA GREEN

SEA GREEN

SEA GREEN

SEA GREEN

#319954

#319954

#319954

#319954

#319954

RGB (49, 153, 84)

RGB (49, 153, 84)

RGB (49, 153, 84)

RGB (49, 153, 84)

RGB (49, 153, 84)

logo

your next job is a swipe away.

typography

Helvetica Neue

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

.,/&?@#$%^*

logo

SF Pro

a b c d e f g h i j k l m n o p q r s t u v w x y z

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

.,/&?@#$%^*

UI

Components

Buttons

Buttons

Button

Button

Button

Button

Button

Button

Button

Button

Button

Button

Text Input

Text Input

Text Here

(expandable)

Text Here

(expandable)

Search

Search

Search

Search

Profile Images

Profile Images

Navigation Dock

Navigation Dock

Profile

Profile

Events

Events

Discover

Discover

Invites

Invites

Messages

Messages

Common Icons

Common Icons

Card ratios

Card ratios

Profile/ job posting size

Profile/ job posting size

applicant invite size

applicant invite size

Event card (large)

Event card (large)

Event card (medium)

Event card (medium)

Event card (small)

Event card (small)

04

End

Final Thoughts

Although this began as a class project, it quickly evolved into a passion project for me. Through my research, I discovered that job searching is a common challenge faced by my friends, family, and many others online. Motivated by this realization, I aimed to create a faster and easier way to apply for jobs. Since this concept is still relatively new, there are many features of this app that need refinement. I learned that developing a socially interactive app is challenging and demands meticulous attention to detail. Overall, while designing this application was difficult, it was also immensely rewarding and enjoyable.

end, thank you :)!

© Vicky Chen 2025