work /
Vetty
work
ux design
product management

A Consumer Reporting Agency for the future of work.

context /

Primary UX - Winter 2018 to Summer 2019

team /

Scott Liang - UX research, UX design, product design, visual design, strategy

Mike Cerrone - strategy

B. John - engineering management (offshore dev team)

What's a CRA?

From Winter 2018 to Summer 2019, I was tapped by Vetty, a Consumer Reporting Agency (CRA), to design their entire platform from scratch. At the most basic level, CRAs conduct background checks on potential employees. They represent a $3.2B market that's experiencing rapid change due to the rise of the gig economy. Some recognizable brands include:

In practice, a CRA is a collection of 3 separate products (for 3 separate demographics) that interact tightly with one another:

  • A candidate portal for workers who are having background checks conducted on them
  • A client portal for companies who need to order and review checks
  • A researcher portal for CRA employees to conduct the checks with

This means that, for any check to be considered complete, 3 different people must finish their workflows in a specific sequence:

1. The Process

Prior to my arrival, Vetty was in a period of stagnation. They had no products of their own (rather, they rented an antiquated third-party CRA platform) and struggled mightily to attract and retain customers.

They needed my assistance to accomplish three things:

  • Create their own CRA platform and move off of the rented one ASAP. Revenue was being unnecessarily lost to a third party, the products were painfully difficult to use, and Vetty had no control over its product positioning or roadmap.
  • Set a stake in the ground for usability. Customers had already threatened to leave due to usability issues. I aimed not only to prevent this from happening, but achieve a standard that was higher than the rest of the industry.
  • Differentiate Vetty's offering in a meaningful way. The CRA market is incredibly crowded. Without meaningful differentiation, traction would be difficult to obtain. I aimed to provide "innovation on the margins"—novel, yet useful features that drew attention without spooking risk-adverse customers.

The following are the steps of the design process that I conducted with Vetty. Since speed was prioritized and customers were willing to "guinea pig" the live product, we skipped a few validation phases.

We phased the releases according to priority, first focusing on shipping + iterating the outward-facing products (the researcher portal, being an internal product, could remain on the rented platform for the time being). Once the client and candidate portals could sufficiently attract and retain customers, we added the new researcher portal to the roadmap.

Key challenges I faced when creating Vetty:

  • A complicated workflow with many dependencies. For any check to be considered complete, 3 different people must finish their workflows in a specific sequence.
  • Difficult legal constraints. Requirements vary from region to region, and there's a high risk of being sued by "trolls" who apply to jobs just to find mistakes.
  • Limited resources. As the sole designer with a limited timeframe, I needed to create flexible patterns that could be efficiently adapted throughout the platform.
  • Outsourced developers with low quality control. This occasionally required scaling back designs to match their abilities.

2. Style Guide

Due to the scope of the project, establishing visual standards early was necessary. The branding is trustworthy and professional while remaining approachable (through the use of rounded divs, drop-shadows, gradients, and modern line-icons). Colors are used functionally to assist users with understanding tasks.

I also created a few character illustrations for use in marketing material:

3. Client Portal

Understanding the needs and experiences of Vetty's customers was priority #1, so I made sure to keep a steady stream of qualitative research both pre- and post-launch.

The following is a journey map developed from a talk-aloud with an account manager (the user who spends the most time on the product):

Vetty's users didn't conduct background checks because they enjoyed it; they conducted them because they had to. The less time and energy they spent in Vetty, the better. Some particularly frustrating experiences they faced:

  • Dealing with the complex legal workflows that background checking required
  • Encountering stalled checks (which happens frequently, for a variety of reasons) and not knowing the cause
  • Having to prod candidates to start or complete their applications

These insights led to the following product principles:

  • High simplicity. Reduce complex workflows to approachable steps, hide unnecessary elements when they're not needed, and use intuitive patterns and language.
  • High transparency. Provide granular updates on each step of the process to avoid confusion.
  • Operational efficiency. Automate repetitive tasks, such as sending reminders, wherever possible.

3.1. Packages

The client portal is organized around "packages," a top-level configuration of checks that one can "set and forget." This way, admins configure the packages once during on-boarding, and then account managers simply select the appropriate package for a given worker (no need to think about it).

This is the account manager's most simple workflow:

3.2. The Dashboard

The dashboard is home base for account managers. Statuses are styled to be the loudest elements on the page, as they are meant to inform users which tasks to perform next. They can also be filtered through a set of dedicated controls.

Hitting "New Candidate" (the "+" button) brings up this modal:

3.3. Candidate Details

Most of the account manager's tasks are performed here.

A few callouts:

  • The action box is where easy, contextually-relevant workflows appear when they're needed (e.g. when a manual reminder should be sent or when a hiring decision should be made)—and disappear when they're not.
  • The timeline provides highly granular updates on the status of the check (clients loved this). Notice that Vetty automates bothersome tasks such as reminding candidates to start their applications.
  • Rather than serve reports as a series of (quickly outdated) PDFs, the Verified Profile consolidates all results into a single, most up-to-date UI. If additional checks are conducted on the same candidate, the profile simply updates.

Examples of statuses, action boxes, and modals:

Action boxes and modals allowed us to condense complex workflows into very simple "wizards" for users to follow. In the above pre-adverse action workflow, regional legal requirements are handled and email values are automatically generated.

3.4. The Unique Link

The unique link feature was one of our most well-received iterations. In the account manager's original workflow, he was tasked with both a) keeping track of each candidate and b) manually entering their preliminary information. Over time, this proved to be unwieldy due to the volume of gig workers they handled.

Fortunately, we found that most workers had a supervisor (or "candidate representative"); e.g. the owner of a small painting company who hired painters off the street. Such reps could easily keep track of their workers and were happy to distribute links to them.

This allowed us to created a unique link feature, which offloaded some of the account manager's work onto the reps and candidates.

Creating a new unique link:

Clicking on the link brings candidates to this special welcome page:

Once their applications have been completed, candidates appear in the dashboard for approval:

Here, the candidate's details are set up and the checks are waiting for approval:

As a bonus, the unique link can also be used in kiosks or custom landing pages to expedite the hiring process.

Overall, the new client portal led to numerous desired outcomes:

  • Retention of key existing customers
  • Acquisition of new customers through sales demos
  • A ~10x increase in MRR in the months since launch

4. Candidate Portal

On to the candidate experience! Due to them being less available and less incentivized, gig workers were much harder to reach for feedback. However, some survey responses yielded a few key points:

  • "Simple and easy, that's the biggest part." Getting through the process with minimal fuss and landing the job was priority #1.
  • They also wanted to be kept informed about the status of their check.

Product principles:

  • Ease, ease, ease. Use sound UX fundamentals with a focus on clarity, error prevention, and reduction of cognitive load.
  • Speed. Pre-populate fields to reduce workload where possible.
  • Communication. Provide notifications and updates through emails, texts, and the Verified Profile.

A basic candidate workflow:

Catalog of form components:

4.1. Candidate Entry System

The welcome page—on the right is an example "easy mode" iteration to accommodate low-skilled overseas engineers:

The identity check uses a stylized iframe from the vendor Berbix. Once completed, a payload of data is returned and used to pre-populate fields on the background info page:

The motor vehicle record check is also pre-populated. When manually entered, the number is verified against a database of regionally-specific formats. A "soft" warning is provided if there is a mismatch:

Ah, the land of legalese. This is where many of our disagreements with lawyers arose:

We originally proposed a link-wrapped + consolidated version of some documents so candidates could breeze through them. However, the lawyers strongly recommended that each document be presented on its own page with at least some language visible.

Docs that require a "wet" signature, and then a success page:

4.2. The Verified Profile

When finished, candidates arrive at their very own Verified Profile, a convenient place for them to access their paperwork and personal information. This was the key element of our "candidate-centric" approach. Whereas other CRAs treat candidates as an afterthought, we felt it was important to treat them as well as their employers.

The Verified Profile helps accomplish a number of tasks more easily, such as disputing erroneous results and handling exceptions (e.g. when the wrong SSN is provided).

If candidates opt-in, a public profile is created. This attaches a unique link to the profile and allows it to be shared or found in search engines. But not to worry—personal information is obscured unless the viewer has been authorized by the candidate. (Public profiles can help clients avoid redundant checks, candidates get hired faster, and Vetty receive more inbound traffic.)

While quantitative outcomes are still unclear, we have already received positive feedback that the candidate experience is "much smoother," that "completion rates are better," and that "customer support questions are fewer."

5. Researcher Portal

Lastly, the third leg of the stool: the product that researchers (Vetty employees) use to actually conduct the background checks.

Product principles:

  • Speed. Make tasks easily identifiable.
  • Efficiency. Focus on minimizing redundancy; at high volumes, every redundant action is magnified (even eye movement should be considered).
  • Memory management. The UI should work to minimize information that the user has to hold in memory.
  • Power users. Due to training, higher complexity in exchange for higher power is OK.

This is a basic researcher workflow. Note that it is divided into 3 stages:

Generally, teams of researchers are assigned to different accounts, with each member taking on a specific phase. Due to Vetty's limited resources, individual researchers take on their own accounts and conduct all 3 phases.

5.1. Researcher Dashboard

The main focus of the researcher dashboard is the "Adjudication Needed" column, which uses a simple "yes" or "no" to indicate when there is a pending task. Hovering over the cell in the column brings up more detailed information.

Because researchers are trained users, the dashboard can adopt more complexity for more power. Below, custom components that allow each column to be independently searchable:

5.2. Candidate Details

Much like the client portal (for account managers), the candidate details are where most of the tasks are done:

Key items:

  • The reference panel can be brought up at any time for glanceable information (for example, the researcher may need to compare SSN trace results with national criminal results). The panel eliminates the need to scroll back and forth. Furthermore, it includes a notes section for each candidate, eliminating the "mountain of sticky notes" that researchers previously had to deal with.
  • All top-level information is easily glanceable in the left navigation panel.

The researcher portal is now undergoing a major redesign to accommodate larger teams. Stay tuned!

Conclusion

Whew, that's it! A complete Consumer Reporting Agency platform from scratch. As of this writing, Vetty has experienced a 10x increase in MRR and is now undergoing a serious M&A bid. If you have any questions, or would like to work together, please don't hesitate to reach out at hello@scottliang.com.