WHAT IS RESUMEHUB?
ResumeHub is a website that showcases the profile (resume, GitHub and portfolio) of past, current and incoming software engineering interns at top companies. With more and more students dipping their toes in the workforce from an early age, the process of landing an internship has become increasingly cutthroat. By giving the opportunity to view winning resumes that made it past initial screenings, we’re hoping that this will help potential candidates refine their resume and build a winning one as well.

Within a week after our first launch in September 26th, we've achieved:

9k
users
13.5k
page views
#3
on Product Hunt*
*on September 28th, 2019

The amount of growth and exposure we received was unexpected yet encouraging, especially with all the comments and support given by people around us and users all around the world.



BACKGROUND
The team's software engineer was looking for an internship and wanted to know what kind of resumes would get one into the door of top companies - that was basically how my friends got the idea of ResumeHub.

Q. Why only software engineering?
A. There're amazing websites out there focusing on other fields (e.g. Cofolios and Bestfolios (with resume examples) for design) already, so although we had plans to expand, we've eventually decided to focus just on software engineering interns.

THE TEAM AND MY ROLE
The team currently consists of:
Karming Chin (Product Manager) - LinkedIn, Website
Curtis Lin (Software Engineer - Full Stack) - LinkedIn, GitHub
Ji Yoon Kwon (Legal Advisor)
Neroli Ko (UX/UI Designer)

I was so excited when my friend reached out to me about ResumeHub because this is such a brilliant idea and I could not be more thankful for being able to be part of it. Since they already finished a big part of the initial launch, my first task was to collect feedbacks from users.

Tools: Figma, Invision
01. DESIGNING THE FEEDBACK FORM
VERSION 1.0 FOR SOFT LAUNCH
Before going into the feedback form, let me explain what the website looked like at that time (before I joined):
Homepage 1.0
After scrolling down, you'll see 2 rows of logos, and by clicking them a pop-up screen will show up with profiles of interns and links to their email, GitHub, LinkedIn and resumes.
Scrolling down...
Then when you click on a company icon, the following pop-up window will appear:
Pop up view 1.0
HOW THE FEEDBACK WAS DESIGNED
1. Basic information - are you a student, what is your major, are you currently looking for a job etc
Why? To get an idea of the demographic of our users

2. User expectation - what's the first thing you'd want to see when you click on ResumeHub? Does our site match your expectation?
Why? To check if our site matches the users' expectation

3. Thoughts on the user experience and design - what do you like the most and the least, is it easy to navigate etc
Why? It acts as a remote and simple user testing

4. NPS - how likely would you recommend ResumeHub to a friend?
Why? A quantitative measurement of how satisfied users are with our website

RESULTS
We received a total of 15 meaningful responses and here's a summary of some interesting finds:
  • 7 of them expected to see resumes when they first click into the website
  • Some said it takes too many clicks to find a resume
  • A lot of them were annoyed at the arrow on the front page. They think it's unnecessary.
  • Some errors such as the exit button not sticking to the top of the pop-ups ruined part of the experience

As for the NPS, we have 5 promoters (9-10), 10 passives (7-8) and 1 detractor (0-6).

So in general, the main pain point was resumes not being discoverable enough. On the positive note, the idea of ResumeHub was a really good one because despite the areas of potential improvement listed above, most comments are positive, especially when it comes to the concept. (We are solving the right problem after all)

In respond to the feedbacks, I decided to make 're-designing the viewing of resumes' our priority.

02. RESUMES VIEWING RE-DESIGNED
THE GOAL
It makes total sense that people were expecting 'resumes' to be the first thing they'd see when they click into ResumeHub, because well, that's what ResumeHub's all about. So the goal here is to make resumes more discoverable.

DRAFT DESIGNS
The first thing that came to my mind was something like this:

instead of profiles on the pop-up.

Turns out the product manager of the team (who designed the soft launch version) had a similar idea before too, but he went with the profile version because he is more interested in the Github / personal website link (and these are arguably more important than resumes in fields like software engineering). I definitely agree with his point, but I also agree that 'resumes' should be the first, if not the first few things that people see when they go onto ResumeHub, so I've decided to include both in my solution.

This is what it looks like after clicking on a company:

Re-designed company page (was a pop up before) 2.0

Here are a couple of versions I designed for the larger resume view:



After a round of feedback within our team, we decided on this as our final draft solution:

Company page and pop-up resume preview 2.0

By having the resume displayed on the window after clicking on a profile, we can reduce the no. of clicks required to view a resume (the previous design requires user to download the resume and view it on a separate window). Ideally the resume can be enlarged by clicking on it, but unfortunately due to technical difficulties we can only rely on the other 'Download Resume' button for users who want to read it up close.

The 'Other Interns' section is designed so that users can quickly view other profiles without having to return back to the company page. According to Google Analytics, it has since then become one of the most clicked features on the website. The 'Next' and 'Previous' buttons also allows easy browsing.

And here's the mobile version:




PROTOTYPING AND 1ST ROUND OF TESTING
With Invision, I created a prototype and asked 2 users to test it out. While the general feedback was good (it's a relatively simple website anyway), I did receive a few questions / suggestions:
  • Is the first resume better than the next one? i.e. Does the 'ranking' of the resume mean anything?
  • It'd be better if the user can see which year they got in the company, their job title and the location of the internship in the preview to decide how relevant it is
  • For the mobile version, the resume preview looks a bit too overwhelming, especially when there's a huge list to go through

Here are one of the recordings for the user testing session:


AND NOW...
The product manager is still working on releasing new features (like 'Resources' and 'Submit' that were recently introduced), and I'm responsible for redesigning the homepage to implement a filtering option as we expand beyond software engineering.

Some of my designs were deployed but due to technical constraints some are quite different from what we planned for it to be. There are also a lot of rooms for improvements (clearly), but since this is a side-project and we all have multiple things going on in our life it's definitely going to take awhile before we could perfect it. Nonetheless, it was a great initiative and I am very thankful to be able to take part in it.

Take a look at it here.
03. MAJOR REDESIGN + MORE INDUSTRIES
MAJOR CHANGES
As mentioned before, we had plans to expand to different fields but decided not to because similar websites already exists e.g. Bestfolios for design. Instead, we've decided to include more industries and companies within software engineering internships.

A simple 'filter by industries' function is therefore implemented, and alongside with new features introduced by the product manager, we took this opportunity to do a major glow-up in terms of the UI design.
Homepage 3.0 with infinite scroll
1. Since we've decided to focus on internships only and they tend to have a more generic job title (i.e. Software Engineering Intern instead of front-end, back-end etc), the job title tags are not necessary anymore.

2. To make sure that resumes are still discoverable and are among the first thing a user would see, we've decided to group resumes under industries instead of companies.

Pop up screen after clicking on a resume
I've also re-designed the pop up screen and made the resume big enough for people to read comfortably without having to download it.

As of today I'm still working on the designs, and as you might have noticed, I've yet to conduct any user testings on the new UI. Please stay tuned as I update you with our progress!

PROBLEM
As we expand our resume collection, we want to include more companies
RESULTS
Before showing you the results, I should explain briefly what the website looks like at that time:

When you first enter ResumeHub this page shows up.
After scrolling down, you'll see 2 rows of logos, and by clicking them a pop-up screen will show up with profiles of interns and links to their email, GitHub, LinkedIn and resumes.
Then when you click on a company icon, the following pop-up window will appear:
We received a total of 15 meaningful responses and here's a summary of some interesting finds:
  • 7 of them expected to see resumes when they first click into the website
  • Some said it takes too many clicks to find a resume
  • A lot of them were annoyed at the arrow on the front page. They think it's unnecessary.
  • Some errors such as the exit button not sticking to the top of the pop-ups ruined part of the experience

As for the NPS, we have 5 promoters (9-10), 10 passives (7-8) and 1 detractor (0-6).

So in general, the main pain point was resumes not being discoverable enough. On the positive note, the idea of ResumeHub was a really good one because despite the areas of potential improvement listed above, most comments are positive, especially when it comes to the concept. (We are solving the right problem after all)

In respond to the feedbacks, I decided to make 're-designing the viewing of resumes' our priority.

Next up: Redesigning the Etsy App →

GET IN TOUCH

Contact me through my social media or via email! I'm open to internship opportunities, freelance projects and more!
CONTACT ME VIA EMAIL
COPYRIGHT @ 2020 NEROLI KO. ALL RIGHTS RESERVED.
COPYRIGHT @ 2019 NEROLI KO. ALL RIGHTS RESERVED.