Your new recruitment software


To create an updated web app to help recruiters and job seekers. The app itself looked beyond resumes to try and find recommendations that would take overall personality compatibility into account as well.





What is ?

Stackraft is a recruiting web app designed to help candidates find the ideal job and job recruiters find the ideal candidate. Using a piece of custom developed AI, Stackraft helps recruiters sort through potential candidates and makes recommendations based on skill set, experience, and overall personality fit. Stackraft predominantly focused on helping candidates from other countries find a good fit with Canadian jobs.


The Inception

The intent was to create a look and feel for Stackraft that came off as knowledgeable, calm, and efficient. We really wanted the user to feel like their future was secure in the hands of Stackraft and we wanted recruiters to feel like they were engaging with a device that was trustworthy and capable of providing them with the best recommendations for their job postings.

To accomplish this we decided to use a mixture of blended and organic shapes that helped direct the eye while filling the space in a very balanced way that was neither too crowded nor too open. The colours dark purple, gold, white, and blue were all considered and in the end we decided on a dark purple and white as the primary colours.

The Mood Board

Mood board #1

Three mood boards were created. The first one was a very trustworthy mood board, which used a lot of blues and isometric drawings to create a mood that was very stable and trustworthy. The idea behind the isometric drawings was to add an element of fun but also suggest the idea that you were able to see things from all sides and create a sense of transparency to the overall look at feel.

The second mood board focused on purples and flat style illustration with a use of gradients to add dynamic movement and contrast. It focused on showing people interacting with Stackraft and some abstract iconography as well. It had a gold accent colour, but otherwise focused on purples.

The third mood board was very photography heavy. Though the client had originally asked for illustrations I prepared this board to show that things could be done a different way. It added visual depth as well as having the potential to look very modern and draw users in by letting them cast themselves as the people in the photographs.

We decided to use the second mood board as it offered the best balance between delight and dependability and created the opportunity to show Stackraft being interacted with and enjoyed by the people it was designed to serve.

The Style Tile

When applying the mood board to the various elements a major question became how to keep things visually interesting while also keeping them very stable and balanced.

Stackraft style tile

This was resolved in a couple of ways. The buttons were a very traditional shape with some corner rounding, however primary buttons were given a gradient either in gold or in purple to add some momentum and also to stand out against a white page.

Another way this was resolved was through the use of slowly rolling organic background shapes that helped direct the users eye downward, but also played out against the square forms to soften it up a bit and create some asymmetry as the user scrolled through the pages.

Gently rolling shapes paired with illustrations of people

The Final Design

The final design was an ideal balance between utilitarian and fun. Little people show up throughout the screens, allowing the user to feel a sense of companionship as their guided through things like the creation of their profile, posting jobs, or reviewing offers.

The recruiter and job seeker profiles both have a dashboard on the side for easy navigation as well as the ability access their profile from nearly anywhere.

All information is sorted into a card system to help keep the layout neat and to make it easy to identify what someone is seeing in the blink of an eye. There are also a couple different filter options so that the user can decide what order they would like to see the information in.

One of the key challenges was how to organize information in a way that didn’t dominate the page and also conveyed all of the necessary information easily. What would a recruiter or a job seeker need to be able to know at a glance? What information could be shared on a more in dept read? What was necessary to know? Especially with job postings we wanted to move away from paragraphs of text telling seekers they were looking for an “awesome team player” or someone who was “really dedicated to their deadlines” and instead created a bullet point system listing the necessities without all of the flowery speech around it.

Final design

The other challenge was how to ensure that personality was a good fit along with skillset. For this my partner and I turned to OkCupid’s interface. Their way of asking open ended questions that aren’t scored into some personality type, but rather made available for other people to read and create a system telling you if this person is more traditional, or less shy than others using the same system.

Overall we delivered a system that was easily navigable, friendly, served both recruiter and job seeker, and presented job information in a variety of ways depending on how the user wanted to interact with it.

To view the final InVision prototype please click here:

Source link—-eb297ea1161a—4


Please enter your comment!
Please enter your name here