A Semi-Comprehensive Review of Kalibrr

by Nina Domingo and Mika Reyes

Photo taken from Kalibrr’s landing page

Choose one of the following:
a) You are a fresh grad, exploring the unfamiliar grounds of Employment
b) You are a company recruiter, looking for top talent, but having difficulty finding the right people
c) You are employed, but for whatever reason, need to leave your current job and find a new one quick
d) You are a professional with a kickass job, a high equity stake, 5 beach houses, millions of pesos, and a cool new drone.

If you chose A, B, or C, look no further. The answer to your problem is Kalibrr! This Filipino job-matching platform seeks to better connect talent to opportunity so that employers can find the best fit for their companies and future employees can find their dream jobs. Great product, check it out.

If you chose D, consider investing!

But as with any product, there will always be something to improve. Mika and I sat down and evaluated the user experience of Kalibrr’s main product, their job platform website. Besides simply wanting to develop our skills in breaking down a product and analyzing its design, we wanted to make one of the coolest Philippine-based tech startup’s product an even more enjoyable experience.

Landing Page

Kalibrr’s landing page

Highlights:

Simple and Intuitive

For job seekers, the landing page gives you three starting points to work with: you can create an account, log in to an existing account, or search for jobs on Kalibrr. The sign up form on the upper left and the log in button on the upper right are in line with the standard settings of most websites, which helps create a sense of familiarity that make the initial processes easy to understand regardless of how often you visit the website.

Free to Explore Before Joining

If you’re not sure you want to create an account without exploring what jobs are actually available on Kalibrr, you have the option to search jobs by title, course title (e.g. undergrad major), company and location. I hate websites that force you to commit to an account before seeing what they have to offer because I feel like I’ve been cheated when the website turns out not to have what I need. This might get Kalibrr fewer sign ups per day but it definitely makes me like them a lot more.

Locals in Pictures

I‘m a big fan of local companies featuring local people on their pages. Although done subconsciously, the people I see in pictures are often the people who I aspire to be, so it’s nice when I’m welcomed to a page filled with Filipinos because then I feel like the website was actually made for people like me.

Areas of Improvement:

Picture Slideshow

The pictures look nice individually, but the picture slideshow behind the sign up form can be quite distracting. There’s a lot going on in the landing page once you scroll down and adding the infinitely looping slideshow can be visually overwhelming for me. The blue “Terms and Conditions” area under the Sign Up form is also difficult to read against some of the pictures. Additionally, although the pictures of Filipinos are great, as a woman, I’d love to see more women in the pictures as well, so that it doesn’t imply that only men are in the workforce.

Suggestion: Keep the background static and the background color consistent. If you want to use all three pictures, use a manual slideshow or try out Tumblr’s background trick that will load a different picture each time you visit their page but won’t change until you hit Refresh. Also, the background can benefit from more high-resolution photos.

Companies Powered by Kalibrr

A bunch of logos lined up in rows tends can look very cluttered: they’re never the same size, the colors often clash, and too many of them look like they’re in need of a redesign. I realize that it is helpful for Kalibrr to showcase their biggest customers and that 2/3 of the reasons are actually beyond their control, but I can’t help but feel there’s a more visually appealing way to present this.

Suggestion: Try a standard format for all logos, while still showcasing the company’s brand (ex. Pillpack’s media logos).

Two of the job categories a user can explore under Discover Kalibrr

Pictures in Discover Kalibrr

Until this moment, I had mistaken Discover Kalibrr for a set of links to their official blog rather than a set of links to different job categories you could further explore. The job category text is way too small when it should be the main focus of each picture. Again, the individual pictures are nice to look at but together are just too much to absorb in a glance, especially because the quality/value of the photos are different (see two examples below). I also don’t understand why the photos are differently sized — are there more job openings with the bigger pictures? Why didn’t they just crop the photo?

Inconsistency with pictures, hover information for these two pictures

A little pet peeve: The hover information on the photos are inconsistent. “Discover social Impact” shows more information in a column, while “Hustle at a startup” shows it in a row. The former is also difficult to see against a partly white background.

Taken from Glassdoor

Suggestion: Crop the photos so they are all equally sized squares and order them more uniformly. Consider blurring the images and overlaying the text at the center as Glassdoor does. Change title to “Discover Jobs” to minimize confusion. Consider adding darker overlay so that white text can be put on top, or a consistent colored overlay (blue, perhaps, to go in line with Kalibrr’s brand) so that they are more uniform.

John Smith (Default Name in Sign Up)

Not many Filipinos named John Smith.

Suggestion: Read the room! Juan dela Cruz is the Filipino everyman.

Profile Page

After creating an account/logging in, Kalibrr redirects you to your personal profile page where you can add more information about yourself, share your job preferences or check your assessment results.

Highlights:

The Collapsible Blue Taskbar

So much functionality in so little space! It’s very clean, easy to navigate and I can collapse it if I want to focus on setting up my profile page. I love that I still see the icons when the taskbar is collapsed so I can keep track and switch between sections quickly.

Jobs You Are Qualified For and Your Profile Views

As a job seeker, it is very helpful to be able to keep track of how many jobs are available to me and how many people are actually looking at my profile. It would be extra helpful to see which industries or companies are looking at me specifically but these quick stats are a good start.

Resume-Like Layout

The simplicity of the icons paired with the layout of the different sections (e.g. Personal Statement, Work Experience, etc) are visually pleasing. It’s professional looking without being boring — exactly how I want my resume to be!

Quick Customer Service — Human Touch

Look at the right side area, and you’ll see a chatbox with a picture of Faye, who is more than willing to help me out with any problem. I like the personable touch, highlighted by the picture and the conversational message. She makes me feel comfortable and exudes an air of reliability already! It reminds me of Zappos’ customer service.

Areas of Improvement:

Sticky notes with a list of things to do to complete About You profile

The Sticky Note

The to-do list is helpful but I don’t understand why it has to be posted on this giant crooked sticky note. Quite frankly, pretty tacky. Although the employer probably doesn’t see it, it annoys me that this bright giant square is awkwardly eating into my resume space and that the only way I can get rid of it is by checking everything of the list. This is especially annoying for me because I don’t want to do some of the things on the list (e.g. Add Social Links) so I’m forced to look at it forever.

Suggestion: Place the to-do list on an upright sticky note that doesn’t eat into the resume space. Or get rid of the sticky note altogether.

Text spilling over when taskbar is expanded (right) and tight placement of text next to taskbar (left)

Awkward Text Placement at the Bottom

When the taskbar is at its default position, I noticed that the blue section actually doesn’t extend all the way to the end but the text is shifted to the right so that it spills over. Regardless of the position of the taskbar, the text directly to the right of it is also very tightly placed next to it.

Suggestion: Extend the blue section when the taskbar is expanded and add a left margin next to the taskbar to make the spacing less awkward. Also, there is weird lag time when I minimize the taskbar (it isn’t very smoothly animated), which might be easily fixed with some quick coding.

Some of the features available for certain sections of the About You page

Slider/Switch/Dropdown Search

Some of the smaller things like the sliders, switches and dropdown menus don’t move very smoothly. The idea behind the sliders and switches is good, but it doesn’t make sense in practice because I don’t know what setting I want to be on until I’ve tried each option. Most people just assume they can type out the word to get to the right option, so it’s annoying to have to actually click on the search field to get that functionality.

Suggestion: Convert switches to radio buttons and remove search box from the dropdown.

Loading

Kalibrr’s two loading pages

Highlights:

The Loading Bar

I like that its flat, the ends are rounded and for the most part it serves its purpose well.

Areas of Improvement:

Inconsistent Appearance of Circular Buffer

The circular buffer only appears when I go from ‘Discover Jobs’ to ‘My Jobs’ right after the loading bar says the page is done loading. Loading times between pages aren’t bad so I actually didn’t notice this until I started checking the loading times, but the appearance of the circular buffer defeats the purpose of the loading bar if the latter doesn’t actually tell me when a page is ready. I also noticed that there were some times when the loading bar had a quote at the bottom. I really liked that, but can’t find it anymore for some reason.

Suggestion: Remove the circular buffer altogether, so the loading bar actually serves its purpose.

Relatively Long Loading Time

Although not slow enough to bother me, I did notice that compared to other websites, Kalibrr’s loading times are a bit longer. The loading time does speed up once it’s cached so it’s not a huge issue.

Suggestion: Speed up the loading times (hopefully!) They’re just a few second delays, but incrementally can reduce productivity.

Assessments

Highlights:

Number of Questions and Time Estimates

Very helpful in gauging how much time I should allot for a specific test and how I should pace myself throughout the test.

Progress bar seen throughout the test above each question

The Progress Bar

I often lose track of how many questions I’ve answered while taking a test so I find bread crumbs like these very helpful in pacing myself throughout the test. That being said, I hadn’t realized until after the test that the number beside the bar was actually the number of questions answered and not the question number I was currently on because most of my attention was focused on the actual question.

Sample Job recommendations after taking the Attention to Detail test

Relevant Job Recommendations

I love that it gives you recommendations relevant to assessments you just took because, often, I find interesting jobs that I wouldn’t have even thought to look for. However, I do wish it recommended jobs more specific to your test performance rather than recommending the same job to everyone who took the test. If I only scored higher than 20% of the people who took the same HTML + CSS test, it might not make sense for me to apply to a job that highly values these skills.

Areas of Improvement:

No Absolute Score Immediately Available

Immediately after taking the test, you are directed to a page with a link to a survey you can take to rate your experience with your percentile rank directly below it. There is no way to see your absolute score until you click on “Take Tests” in the left taskbar and see the test preview again. Even then, there is nothing indicating that your absolute score is available for viewing later.

Suggestion: Make both the absolute score and percentile rank available for viewing immediately after taking the test.

No Break in Between Tests for Specific Job

If you are applying for a job that requires several assessments, you will notice that there is no transition in between tests. Once you answer the last question of an assessment, hitting “Submit” will immediately give you the first question of the next assessment.

Suggestion: Give the user time to breathe! Ask them in between each test if they want to take the next one rather than just assume they are ready to jump in.

Guidelines shown before an assessment

No Warning of No Retakes

There is nothing in the guidelines saying that retakes are not allowed or that scores cannot be hidden once a test has been taken. I remember receiving a warning message from one of the Kalibrr staff while using my own account, but I didn’t get any messages while using the new one.

Suggestion: Include a warning in the guidelines page so they are aware of these two things before taking the test. Better yet, create several versions of the test so that a limited number of retakes are allowed.

Overall

As far as job matching platforms go, Kalibrr does pretty damn well. Most aspects of the website are highly functional and easy to use. It also seems that the website has found a good way to look professional without being boring — from the beautiful flat design to the dynamic and lovable Kalibrr team, everything about the Kalibrr vibe appeals to me as a millenial.

However, there are times Kalibrr seems to be trying too hard to appeal to the younger crowd. The web design speaks for itself, we don’t need to look at a million pictures of millenials to understand that we’re the target market. There are also certain features that are more flashy than useful (e.g. sliders, sticky note, Discover Kalibrr layout). We love the ideas behind a lot of these features but at times it can come off a little too strong. Moderation is key.

Again, most issues we had were found through nitpicking rather than basic functionality flaws. As a whole, we love Kalibrr! And though we feel it’s got some ways to go in creating the perfect user experience, we’d say it’s off to a great start.