HackerPen Case Study

New features for an existing website


 

Summary

HackerPen is a web-based mock interview platform that supports software engineers who are preparing for technical interviews. The platform offers three types of interviews for interviewees, along with an opportunity for experienced software engineers to give back to the community by offering to serve as interviewers. The HackerPen team approached Prime Digital Academy user experience designers to help develop the next phase of the product, a searchable marketplace. The searchable marketplace gives interviewees new ways to match with interviewers based on certain criteria, such as an interviewer’s experience and coding languages, and the marketplace incentivizes interviewers by giving them the option to charge for their interviews.

 

Team

Grace Davig

James Sauer

TOOLS

  • Zoom

  • Figma

  • Pen and paper

  • Excalidraw

  • Google Sheets

  • Mural

METHODS

  • Competitive Audit

  • Stakeholder Interview

  • Journey Mapping

  • Rapid Prototyping

  • Technical Consultation

  • Dot Voting

  • Kano Survey and Analysis

  • Annotated Wireframes



The Problem

HackerPen’s team wants to take the technical mock-interview platform to the next level by growing their user base and increasing engagement. To do this, they want to build a marketplace for interviewees and interviewers to more easily connect and tasked me with researching, designing, and proposing the priority features that fall within the available development hours.


Research

Competitive Audit

My research colleagues and I reviewed the features, flows, processes, and user interface elements of similar products and platforms. This research gave us insight into how other mock interview platforms, home service websites, and language tutoring marketplaces manage their search filters, pricing, reviews, and profile cards.

Logos of companies researched for the competitive audit

Logos of the companies researched for the competitive audit

 

Stakeholder interview

A HackerPen stakeholder was interviewed by the Prime research team to gather more information about the company, the current platform, and their team’s ideas for the searchable marketplace and other future plans.

 

User Groups

Primary User Group

Interviewees are the primary user group for the proposed features. These individuals may be at any stage of their career, but looking for a service that allows them to practice live coding before a technical interview. As interviewees gain experience, they may become interviewers.

Secondary User Group

The secondary user group is interviewers. This user group includes experienced software engineers who either have training in interviewing, want to give back to their community, or make additional income. At times, interviewers may be in the role of interviewees if they have an upcoming interview.

 

Current Journey Map

A journey map was created to show a user’s current experience on the HackerPen website by mapping out the phases, touchpoints, actions, and emotions of the user, revealing opportunities throughout the experience. After the research, the user’s future journey was mapped out to show how the proposed features could improve the user’s journey.

HackerPen Current Journey Map

Click to view more details of the journey map.

 

Rapid Prototyping

Low-fidelity wireframes

Taking our team’s research, the client’s insights, and the identified opportunities from the journey map, I did some rapid prototyping to create low-fidelity wireframes of my ideas. The concepts of the wireframes tried to address user pain points along with the client’s plans. They could then be presented to a developer for time estimating and used for surveying users.

 
 
 
 

Technical Consultation and dot voting

The Prime team met with a developer to discuss the designers’ wireframes and get a development time estimation. The developer walked through the concepts and talked about the development time needed to take the concepts from design to functional website feature. He assigned each concept and component a value of small, one to two days, medium, one week, and large, four weeks, to inform us as we put together our proposal. Our team then used dot voting to choose the ten concepts we wanted to be included in a survey that would be sent to users.

 

Surveying

Survey and Kano Analysis

Our research team surveyed users and, using a kano analysis, gleaned valuable information about our team’s proposed features based on users’ ratings and comments. During a kano survey process, users are asked how they would feel if a feature was present and if it was missing. Those results are plotted on a table or graph and analyzed to reveal if users think a feature must be present, would be nice, or feel indifferent to the feature. We surveyed users on ten new website features. We learned that seven of the features would be nice to have for the users, one of the features would be nice to have and negatively impact users if it was not present, and users felt indifferent about two of the features.

Kano Analysis

Click the photo to view a PDF of the Kano Analysis.

 

Proposed Features

Based on the research, technical consultation, kano analysis, and a future journey map, six concepts were chosen to be developed into high-fidelity wireframes that would equal six weeks of development work. A proposal, created for the client, includes annotations for the proposed features and screens with labels and descriptions of the features and interactions.

Future Journey Map

 
HackerPen Future Journey Map

Future journey map that identifies the opportunities for HackerPen and shows how the proposed features fit into the user’s journey. Click to view more details of the journey map.

 
 

High-fidelity Annotated Wireframes

About Page

The About page would be available from the home page and navigation menu. It would give new and unfamiliar users basic information about the company, services, and what to expect throughout the process.


Interview Type Pop-up

The interview-type pop-out gives interviewees basic information about interview options and what they entail as they hover over each menu item.


Searchable Marketplace

The searchable marketplace allows interviewees the option to search for interviews and filter them based on more criteria than just availability. 


Marketplace profile cards 

The marketplace profile cards would automatically display as interviewees filter search criteria. 


Pay What You Can option

The Pay What You Can option helps create a more equitable marketplace by giving interviewees an option to access some interviewers whose prices may be beyond their interview budget. 


Feedback pop-up

As soon as an interview ends, an interviewee would be met with a feedback pop-up form for them to rate and review the interviewer, and it would also give them the option to schedule another interview.

 
 

Conclusion

The research gathered through the competitive audit, stakeholder meeting, journey mapping and kano survey and analysis along with the constraints of the budgeted development time informed my decision to design for features proposed to HackerPen. The opportunities and features included in this proposal will help HackerPen take its platform to the next level and continue to help the community. As the marketplace fills with users, ensuring they have the best possible experience will produce the most significant gains for the HackerPen platform.