UX Design | Leadership
P5 Lead Thumbnail.jpg

PROFILE.VIEWER

 
 

AccelOne's Profile.Viewer

A Freelance Design Project 

 
P5 Lead Thumbnail.jpg

My Role
Owned: Information Architecture, Content Strategy, Personas, Project Management (executive communication, project plan & schedule creation, assigned tasks, ran daily stand-ups)
Collaborated On: UX Research, Design, Prototyping

Tools
Pens and Paper, Whiteboard, Sketch, Flinto, Zoom, Slack, Basecamp, Google Drive, Dropbox, Trello

Team & Duration
Four designers. Three-week Agile sprint.

Product
A recruiting tool designed for staffing agencies and hiring managers to make the interview process more effective

OVERVIEW

In 2016, AccelOne created a unique format for showcasing their talent - video resumes which resulted in a faster, more efficient hiring process. 

In April 2017 they set out to create a white label for this product in order to market it to other recruiting firms. 


CHALLENGE

Profile.Viewer was designed by AccelOne's in-house development team where their two recruiters in Argentina were solely responsible for creating candidate profiles via the Profile Creation form.

The Profile Creation Form worked, but in its current state was not scalable to take to market as a white label product. 

 


SOLUTION

In order to move AccelOne's Profile.Viewer from an in-house product to a white label, we:

  • redesigned the profile creation form
  • added a public facing, editable view
  • created an interactive side bar for clearer navigation

PROCESS

Research - Test - Personas - Design - Test - Iterate - Present


RESEARCH AND USABILITY TESTING

My team and I quickly came up to speed on the video recruiting industry by doing a comparative and competitive analysis of over 40 video interviewing tools on the market. 

At that time, we found no direct competitors to AccelOne's video resume platform.

We then conducted both in-person and remote testing of the existing product, speaking with the recruiters and a hiring manager who had been using Profile.Viewer. We also tested the current product on ten active job seekers.


PERSONAS

I kept each persona in mind during the redesign, as they are all heavily invested in the hiring process and affected by the user experience. My team and I were designing a white label product, so the challenge was that each persona could potentially represent a multitude of industries, cultures and personalities

My process when crafting each persona was to distill each down to their core needs in order to represent across industry and culture. It was a matter of deeply listening to the people in our study.


DESIGN

Based on user feedback we created user flows that allowed candidates and recruiters to quickly enter and edit profile information. I did this by creating four specific Access Points. 

  1. Admin access to the candidate database
  2. The profile creation form -  for fast entering of the full profile
  3. The editable profile view - for quick editing by section 
  4. The public facing view 
 

My thinking was that the three access points would be configurable so different people have access to specific views according to their organization's needs. For example, some companies may wish to grant users access to the editable profile view only.  

Below is one possible solution for a company's access points, though this could be reconfigured based on the organization's unique needs. 

 
 
 
 

CONSISTENT NAVIGATION

I also made sure that each view had the same navigational elements so that the user only had to learn the terminology and flow once. 

As well, the user can easily toggle between screens in the top navigation bar - form view, edit view, public view. We also added the save button to the top, where the user can save at any time. You'll notice in the prototype that the save button provides interactive feedback to let the user know their work has indeed been saved.

This is the final iteration of the header and side navigation bars.

 

Top Nav Bar in the Profile Creation Form - BEFORE

 

The Profile Creation Form and Client Facing View - AFTER

 
 
 

VISUAL DESIGN

The visual design of the existing product received consistent great feedback, therefore we decided to keep AccelOne’s current typography and colors. 

This is an example of how the white label would look with different branding. We created this design so our client could better visualize the finished product. 


USABILITY TESTING

We tested our initial designs and validated that users enjoyed being able to switch between views. That said, our initial design split the global navigation and the page view navigation, which led to some confusion. With that feedback we combined the two and put the form, edit and public views into a drop down menu. 

 

 Top Navigation Bar - FIRST ITERATION 

 
 
 

Top Navigation Bar - FINAL ITERATION

 
 
 

FINAL PRODUCT - VIDEO DEMO


RECAP

My team and I jump started the Profile.Viewer's white label process by:

  • Redesigning the profile creation form
  • Adding a public facing, editable view
  • And creating an interactive side bar for clearer navigation.

TESTIMONIALS

From AccelOne's CEO, Scott Craig:

Thanks again for all of your hard work. It was excellent work. I loved your thinking and it just cemented my believe in UX-First when it comes to developing software products.

From Dave Landis, UX Advisor to AccelOne

Sheri was the "Getter Done" lead on the AccelOne product. Her professional approach, UX Design insights and Innovative contributions were beyond expectation. She was a delight to work with and was hungry to learn more. She has demonstrated qualities to make any project run smooth and land successfully. Sheri is relentless in keeping the business goals aligned to all the cross-functional directions. I found her to be a rare talent with a balanced B/X/T (Business, Experience and Technology) smarts. I would highly recommend her and hope to work with her again.