Stephen Peaslee
About us

SHRPAS
Assessment center

Intro

Designing a hiring process for greater efficiency and reduced bias

Helping early stage start-up build a vision into an end-to-end MVP.

My first project with the Shrpas team involved designing and prototyping a hiring application. I'll show the process I followed and some sample deliverables that were created along the way.

Learn

Getting project Back on track

When I started the project, a Houston designer had created some initial concepts. I was told that stakeholders felt current design were not matching the vision, experience was fragmented and not telling an end to end story.

I quickly reviewed existing UI, and read through previous research that I inherited. Met with CEO + advisors to understand goals for the project, as well as learnings from the past session.

USERS

Identifying our users

Being a start-up, while we had some studies done and resources from advisors, I needed to do much of the research myself.

This was one exploration I did on Millenial personas based on a piece I saw in adweek. This was used in conjunction with other materials to help drive initial feature set for profiles.

Choosing personas

Now that we knew who we were designing for, we needed to choose a few core users to build a workflow story around.

We chose four from our research, and gave them faces, names and small back stories. This helped us to make them more real.

Plan

Planning the application

I now planned conversations with key stakeholders, taking as many notes as possible. These notes were taken within Google Keep and Apple Stickies, and then converted into requirements which were validated.

Mapping out components

Worked with CEO + advisors to define all major components within the app, and convert into a PPT slide that would be used in the pitch deck.

Whiteboarding the connections

Held group whiteboarding sessions to decide connections between components and screens.

Concept & space discovery

We now knew the scope but needed somewhere to start. We chose applicant onboarding and assessment creation.

We explored competitors in the space and derived inspiration and notes on what was being done already.

Assessment architecture

Held group whiteboarding sessions to decide connections between components and screens.


Strategy

The big idea

Now that we had a story, page requirements, and a solid concept, it was time to start designing.

With a huge application, it's tough to decide where to start. After reducing every possible feature from the app, breaking it down to it's core features - we ended up with three major components: screen, assess and profile. These would be our first targets.

WIREFRAMING

Focusing on user journey and interactions

Step one was to concept an assessment creator that could utilize rich media tools.

I created the first few steps at a high level and validated with team to ensure I was on the right path.

PROTO

Creating Prototypes

Creating prototypes

After wireframes were approved, 3 prototypes were created:

1.) Demo in HTML

2.) Demo in React

3.) Demo in React + Spring

Back