Website Design
🔒 Confidential Case Study Notice:
This case study is shared strictly for interview and evaluation purposes. It is protected under NDA and contains work done for Werwee. Please do not reproduce, share, or distribute this content outside the hiring process. For access, a password is required and provided upon request. Thank you for respecting the confidentiality of this project.
WerWee is a curated human resource SaaS platform that focuses on solving the problems of various stakeholders in the hiring process. I joined the WerWee team to work on version 2.0, which focuses on improving the candidate user experience by designing a pressure-free and easy process for the interview platform for both interviewer (Wer) and interviewee (Wee).
Client
Kobe Pro Inc.
Role
Product designer & visual designer
Team
1 Stakeholder, 2 product designers, 6 marketers, 1 developer
Tools
Figma, Adobe Creative Suite, Mural, Trello, Slack, Microsoft Excel, Wacom Cintiq
Location
Remote
Duration
Contract
2. 2021 - 6. 2021
Goals & Challenges
-
Our goal is to create a user-friendly, efficient, and cost-effective platform that allows recruiters to conduct interviews online and assess candidates' skills and qualifications. We want to create a product that meets the needs of both recruiters and candidates and makes the recruitment process more manageable and less time-consuming.
-
Our challenge is to protect and improve the mental health of our target users candidates - the interviewees - and to increase their confidence when interviewing with Werwee version 2.0.
User Research
Survey
It's a small-budget project, so we conducted an online survey that included both quantitative and qualitative research with candidates through SurveyMonkey in two weeks.
Participants: Product designers Joe and Sophie, along with 19 candidates.
Painpoints + Expectations
We identified five painpoints after analyzing the survey below.
Participants: product designer Joe & Sophie
Repeating myself
No followups
Not sharing Information
Bad experiences
Time consuming
Here are the candidates expectations below.
Find an interesting job
Great company culture
Viewing recommendation Glassdoor
Connections or networking
Assumptions: Solution Features
Based on the candidates' painpoints and expectations, we developed solution features based on our assumptions.
Participants: The entire team.
Brainstorming
We conducted a brainstorming section in two weeks, and came up with final ideas and solutions.
Participants: the entire team
Persona + User Journey Map
Based on all the research, I created primary and secondary stakeholder personas and a user journey map.
Participants: product designer Sophie
Candidate Targets
At the conclusion of the research, we have identified the following candidate targets.
Participants: product designer Joe & Sophie, along with a stakeholder
Candidate Targets
Finding Job
Applying
Interviewing
Outcome
Job descriptions & requirements must be easy understand by the candidate when browsing listings.
Candidates need access to support & coaching services whilst waiting for new job listings & opportunities.
Job applications should be quick & easy for candidates to apply.
Ensure that candidates are not having to repeat themselves during each interview.
Candidates should feel at ease when carrying out their interviews.
The candidates must receive feedback if the application is unsuccessful.
To ensure a positive outlook during job hunting, the candidate needs support.
User Research
Survey
Team members: product designers Joe and Sophie, along with 19 participants
It's a small-budget project, so we conducted an online survey that included both quantitative and qualitative research with 19 participants through SurveyMonkey in two weeks.
Painpoints + Expectations
Team: product designer Joe & Sophie
We identified five painpoints after analyzing the survey below.
Repeating myself
No followups
Not sharing Information
Bad experiences
Time consuming
Here are the candidates expectations below.
Find an interesting job
Great company culture
Viewing recommendation Glassdoor
Connections or networking
Assumptions: Solution Features
Team members: The entire team
Based on the candidates' painpoints and expectations, we developed solution features based on our assumptions.
Brainstorming
Team members: the entire team
We conducted a brainstorming section in two weeks, and came up with final ideas and solutions.
Persona + User Journey Map
Team members: product designer Sophie
Based on all the research, I created primary and secondary stakeholder personas and a user journey map.
Note: Click the image or arrow to view more options below.
Candidate Targets
Team members: product designer Joe & Sophie, along with a stakeholder
At the conclusion of the research, we have identified the following candidate targets.
Candidate Targets
Finding Job
Applying
Interviewing
Outcome
Job descriptions & requirements must be easy understand by the candidate when browsing listings.
Candidates need access to support & coaching services whilst waiting for new job listings & opportunities.
Job applications should be quick & easy for candidates to apply.
Ensure that candidates are not having to repeat themselves during each interview.
Candidates should feel at ease when carrying out their interviews.
The candidates must receive feedback if the application is unsuccessful.
To ensure a positive outlook during job hunting, the candidate needs support.
Align
Transitioning
Team members: product designer Joe & Sophie, along with a stakeholder
We need to address the core questions:
-
What is the core functionality to represent this product in a usable way?
-
What are the riskiest assumptions that need to be tested?
-
Are the opportunities to create the highest impact unknowns?
Based on the core questions, here is our solution features list:
Interviewers questions:
Solving the task of finding the right candidates.
Interviewers Collaboration:
Solving revenues pain
1 to 1 Coaching - Revenue Stream
Team members: product designer Joe & Sophie, alone with a stakeholder
Werwee could provide a paid service that connects companies with candidates through coaches. The coaches would act as recruiters, and if the candidate they were mentoring is good enough for a particular job opening, they would refer them to that position.
Build
Competitive Audit
Team members: product designer Sophie
Before we start building the information architecture, I conducted a competitive audit that included both direct and indirect competitors. This informed my design process, helped solve usability problems, revealed gaps in the market, provided reliable evidence, and saved time and money, since it's a small budget project.
Sticky Sitemap
Team members: product designer Sophie
I started with sticky notes to create a very similar style of exploring and representing site structure, while at the same time having the immediacy and flexibility of ideation that sketching allows.
Information Architecture
Team members: product designer Sophie
Based on a sticky sitemap, I have created an information architecture that includes a user flow.
Test
Usability Study for a Low-Fidelity Wireframes
Team members: product designer Joe + Sophie, along with 2 participants
-
I created part of the low-fidelity wireframes based on information architecture.
-
Then, we conducted a usability test with a focus group remotely and guided them to interact with the wireframes and sitemap with open-ended questions.
-
Here is the Note-Taking Spreadsheet I created.
-
Here are the Insights based on Note-Taking Spreadsheet that I organized. These are great insights, but we cannot use all of them to create Werwee v2.0 due to budget and time constraints. After a long meeting, we decided to focus on features that are easier to develop.
Site Map & User Flows
Team members: product designer Sophie
Based on the insights, I finalized the site map and user flows before starting to create mid-fidelity wireframes.
Mid-Fidelity Wireframes
Team members: product designer Sophie
I created mid-fidelity wireframes and user flow prototypes on Figma based on the sitemap and user flows. Here is an overview of the complete user flows, divided by candidate and coach.
Note: Click the image or arrow to view more options below.
Style Guide
Team members: product designer Sophie
Here is the Werwee website style guide. As it is a mid-fidelity wireframe, the style guide is incomplete. I have designed the style guide to be easily updated in the future.
Usability Study for a Mid-Fidelity Prototype
Team members: product designer Sophie, along with a participant Simo
We conducted the second usability study with two participants to interact with the prototypes. Here is a recording of one of the usability studies guided by me. The entire process took about half an hour. I edited and sped it up to 17 minutes for a quick view of the usability study.
Main aim:
The overarching aim of the usability test is to evaluate the user's experience when navigating the Werwee mid-fidelity prototype. The evaluation of the design should inspire purposeful and structured ideas for redesign, driving new and improved iterations of the website.
List of tasks:
-
Complete the registration process.
-
How easy or hard is it to book an interview rehearsal course, check the calendar, and start an interview?
-
Evaluate the user's experience when practicing their interviewing skills on their own using a free account membership.
-
Evaluate the user's experience. What is the next step to take after the interview is finished?
Iterate
Feedback Deliverables
Team members: product designer Sophie
Here is the second Note-Taking Spreadsheet I created based on the tasks.
Insights
Team members: product designer Sophie
Here are the insights based on the second note-taking spreadsheet that I organized, which are more focused on the user experience, user behavior, and designs. These insights will help with the high-fidelity prototype.
Redesign Recommendations by Designer
Team: product designer Sophie
The contract was ending in four months, and since I received a new job offer, I could no longer continue working on this project.
At last I gave my design recommendation to the team:
-
Improve accessibility design:
enlarge the buttons and icons; insert voice comment option on search bar.
-
The voting results of a interviewer will appear at the same time, once at least five interviewee voted. That is for avoid interviewer ask interviewee to give them good review with pressures.
-
Interviewer can vote interviewees as well with same method.
🔒 Confidential Case Study Notice:
This portfolio piece is password-protected to respect confidentiality agreements and client privacy. It's shared solely for evaluation during the hiring process. Thank you for keeping this content private and secure.