Hiring Platform – Case study

HR NEXUS- A consulting marketplace

Background:

‘HR Nexus’ is a Consulting marketplace platform that I created as part of my Interaction Design course at Parsons The New School. As the sole UX designer, I contributed to the project from discovery to prototype test following UX design principles where using ETR Purpose Driven Design forms was a requirement from the school.

Duration: 

2 months

Tools:  

Figma, Photoshop, Lucidchart, Miro, Zoom, ETR Purpose Driven Design forms

Process:

The whole process was a cycle of six phases, where the phases fall into three buckets.

  1. Understand –Discovery, Define
  2. Explore- Ideate, Design
  3. Materialize-Test, Implement

Discovery:

The school provided an initial UX research document to get started with the design project.

Broadstone Consulting has contracted me for the design and build of the Broadstone Consulting HRNexus Marketplace (“HRN”) platform. HRN will provide on-demand consulting primarily around Human Resources/Workplace/Employee Benefits issues. HRN is a marketplace for employers to access expert advice for their workforce issues from a diverse team of expert consultants through a technology platform.

The scope of this project will be the following deliverables:

  • Gain a comprehensive understanding of Broadstone Consulting Innovation Hub’s value proposition, competitive position, and business goals and create a Core Strategy for how to approach this project.
  • Define and articulate the platform architecture through end-to-end User Journey maps and Interaction Flow maps.
  • Develop comprehensive and consistent User Experience design, including wireframes, interactive prototypes and visual design keyframes for desktop compute and/or mobile devices.
Purpose, Context & Success Canvas

I worked on these documents using Miro to figure out the organization’s objectives and values, who their audience is and what the market is like, and what success for my project will look like.

Definition:

Central Design Challenge

After having all the insights from Discovery Phase, I am now ready to define a Central Design Challenge. I may have had an idea about what this challenge could be before Discovery, but now this concise, research-informed statement can guide me through Defining and Designing my project with the end goal and users in mind.

Design Requirement Canvas:

To guide my design decisions going forward, it is helpful to create a set of core design requirements. These design requirements are high-level considerations that every design decision must meet, keeping the designs on track in terms of goals and findings from my research. This canvas helps me to brainstorm requirements across a variety of areas and then helps me narrow them down to eight core requirements.

Ideation:

Precedent Canvas:

I am not reinventing the wheel with our project, and there are probably some great, relevant examples of good design out in the wild that I can find and learn from. I am going to take the Design Requirements that I have created and look for examples of those requirements at work to gain insights on how they can work for me.

User Journey Maps:

User Journey Maps ask me to analyze the stages of a user’s journey through using the product or service by recording their actions and thoughts and feelings through each stage. In addition, I recorded the channel or medium of each stage as well as opportunities to improve.

In the map where yellow stickies are showing steps of the user journey, blues are giving the detailed structure of a step, greens are for possible solutions for the issues that can arise, and reds are for undecided/ unsolved circumstances.

Design and Development:

Wireframe:

This is the wireframe based I designed in Lucidchart based on The User Journeys. Here oval shapes are for each major section of the website, rectangles are for steps an action takes and diamonds are for decision-making points.

Prototype:

I designed the prototype for the desktop. Here is the interactive prototype on Figma

 

Test:

I have conducted a remote usability test using Zoom. This is the usability test script provided before the test.

Feedback:
  • There are too much blank space and too little to do in many steps.
  • The home button is at the bottom of the pages, it is unusual, and sometimes hard to find.
  • In ‘How can we help?’ Page the buttons work but the titles don’t which is a little inconvenient.
  • There are a lot of filters in Pro selecting page, it is overwhelming.
  • I really like the information layout for the profile, but the social icons can get lesser and better positioned.
  • Overall I really liked the minimalism and simplicity of the website and it is easy to function. I liked the Pro profile page, the rest of the pages can use a little more interesting features.

Implement:

Key Points:
  • The idea for the solution seems functioning and engaging.
  • The initial stages can be stalked in fewer steps while keeping the essence of minimalism active in the overall process.
  • For further steps, I need resources as content.
  • For future design steps, I need to do more tests on each step to keep the design decisions effective and creative.