Overview

NEX Work is a platform that aims to build a complete referral system that helps Taiwanese expand their careers worldwide. We reviewed the core value of the NEX work platform which is to bring value to referrers first and then to applicants. As a result, we decided to redesign the homepage to focus more on referrers.
Timeline
5 weeks
Role
UI/UX Designer
Team
NEX Foundation
Designers: Shin Ko, Giada Sun (Mentor)
Engineers: Jack Tsai, Enzo Kuo
Project manager: Daniel Wu

The business goal

NEX Work aims to increase the number of people who become referrers on their platform. Currently, there are 90 referrers, and they plan to increase that number to 200 within the next six months.

Problem

The NEX Work website is not currently aligned with its core value of prioritizing the needs of referrers before applicants. Additionally, the number of referrers on the platform has been increasing slowly.

Design Challenge

The challenge we face is how might we convince people to become referrers.

Let's see the before and after!

The number of people interested in registering as a referrer on NEX Work has increased by 200%.

Would you like to sign up to become a referrer for NEX Work?

npsSee Final Design

Design Process

∙ Usability Testing
∙ Interview

∙ Define Challenge
∙ Persona
∙ IA

∙ Ideate Solutions
∙ Lo-fi Wireframe

∙ Mid-fi Wireframe
∙ Iteration Design
∙ Mockup
∙ Prototype

∙ Usability testing
∙ Design Spec

Project Work Phase

There are four phases in our plan. The first phase has been completed, and we have just entered the second phase to complete and improve the flow.

Process

The project goal

We plan to update our homepage to provide users with a quick and easy way to understand why they should become a referrer.

Interview and Usability Testing

I conducted three interviews with professionals aged 25 to 30 who are enthusiastic and have the experience to help refer someone.

Diagram

Research Key Findings

Based on the results of interviews, the following insights and pain points have been identified in the homepage.

Three motivations make people want to become a referrer.

  • Referrers were in the same situation and could empathize with applicants.
  • Referral bonus
  • Expand Network

Referrers are curious or confused about NEX Work

  • Referrer duty
  • Doesn’t want to spend much time on it
  • Networking

Lack of Credibility

  • Not enough information (like founder etc.)
  • Lack of statistics support
  • Aesthetic problem (Look like a scam website)

No direct access of being a referrer

  • There is no division of access between two different user types, and the homepage lacks clear call-to-action buttons, which could cause confusion for our users.

Ideation

warning

Challenge

Users are not clear about the benefit of becoming a referrer.

Check Icon

Solution

It is essential to highlight the three primary motivations behind why people choose to become referrers: empathy, bonus, and networking.

warning

Challenge

Referrers are curious and confused about NEX Work.

Check Icon

Solution

It would be beneficial to alleviate people's concerns by creating a Frequently Asked Questions (FAQ) section.

warning

Challenge

Lack of credibility

Check Icon

Solution

Provide convincing statistics, such as how many applicants have successfully got their first interview from our referral platform.

warning

Challenge

No direct access of being a referrer

Check Icon

Solution

Two CTA buttons for two different type of users, referrer and applicant.

Three versions of wireframes

I created three different versions of the homepage to see which one better fits the needs of users

Version 1

  • Combine the homepage and FAQ section

There are two reasons why I combined the homepage and FAQ section on the NEX Work platform. First, I wanted to ensure that potential referrers are immediately presented with the reasons why they should join the platform, as well as provide them with quick access to answers for any questions or concerns they may have. Second, since we have a limited amount of content in our FAQ section, combining it with the homepage makes the information clear and easy to navigate for users.

  • The listings of companies are on a separate page

In order to ensure the convenience of future feature development, such as search and filter options, the company listings have been placed on a separate page.

version1

Version 2

  • The homepage and FAQ section are separate.

While I have moved other questions to a separate page, I have ensured that the most crucial message, which is "why should you become a referrer on NEX work platform?" is still prominently displayed on the homepage.

  • The system has been designed to automatically load to show more companies

By implementing an auto-load feature, users can browse companies directly on the homepage without having to navigate to a separate page.

version2

Version 3

  • Three directions for different users

The homepage features three buttons: "For Referrers," "For Applicants," and "See Companies." Users can select the button that corresponds to their role and proceed to complete the relevant user flow.

version3

Iteration

We conducted a simple interview with four users using mi-fi wireframes. Based on the results of the iterative design process, we have decided to proceed to the next step with version 1.

Version 1

Check Icon

3/4 users prefer version1

Check Icon

Familiar and easy structure

Warning Icon

The FAQ has too much text

Version 2

Check Icon

Clear image expression in FAQ

Warning Icon

Won’t click the FAQ button

Warning Icon

Too much info on the hero content

Version 3

Check Icon

Unique design

Warning Icon

Confusing flow

Warning Icon

Flow ends abruptly

Final Design

Based on the feedback we received from the iterative design process, we revised version 1 and developed a new design.

Result

Usability Testing & NPS Survey:

  • Interest in registering for referrer on NEX Work has increased by 200%, from -60 to +60.
  • All usability testing participants demonstrated their understanding of the website's function and operation by providing accurate answers.
  • All usability testing participants have expressed interest in registering as referrers on NEX Work, but have noted that the registration process will greatly influence their decision to continue with the application.

Takeaway

Take accessibility into account

When designing the button, I encountered a challenge in balancing aesthetic and accessibility. While adhering to the green and blue color palette, there were limitations in creating the button design. To overcome this, I employed a diverse range of colors and contrast ratios to ensure the text was legible for those with visual impairments, while also making the design more visually appealing.

Next

Keep working on the flow

We are currently in the second phase of the project, and will continue to focus on improving the flow for referrers and applicants. In accordance with the ICE priority model, we will be moving towards closing the loop, which includes developing a "follow-up" feature to track the success rate of landing an interview.

Next Project

Cover

IKEA Place App

Let's Chat!
Email
Mail
LinkedIn
LinkedIn