Share
Explore

Empowering recruitment decision-making by adopting and nurturing actionable data with analytics.

During my time at Jobseeker Company, I worked on projects that I cannot disclose due to NDA restrictions. Please contact me for more information at

Role

Lead Product Designer

Duration

2 Weeks

Tools

Figma, Jira, Coda

Team

‍‍‍Lead Software Engineer
Head of Product
Copy Writer
image.png

Applicant Tracking System, Analytics Page.


Crafting an experience that is simple, actionable, beautiful, and engaging to help people succeed gather insight and become retain customers ✌️.

Jobseeker software is a subsidiary of Jobseeker Company, where in software we are a SaaS company for B2B Medium and Enterprise market, where we providing Applicant Tracking System.
We help companies to accelerate and automate their hiring process to become more efficient, so the HR and Recruiter Team can work focus on what truly matters and remove the repetitive tasks.
63717d579e4b673944c9b355 Hero.gif


Context

Overview

I collaborated closely with cross-functional team to research, define, develop, and deliver in a consumer-facing environment. The ask was to create a analytics page to inform and give insights to costumers about their company current hiring activity.

My Role

The Applicant Tracking System software, was developed by 2 product designers (including me), for the analytics page I was a sole product designer, I was responsible to create this page and all the features end-to-end by my self but of course with some advice from the stakeholders (especially for the business purpose). I primarily worked with the Engineers Lukman Suprayitno and Yuko Tanjung. They helped to conceptualize the ideas and the flow also design whether it is feasible to develop or not.

Timeline

Over the two weeks timeline, we had two rounds reviews where Head of Product Sachin Verma and couple of stakeholders giving feedback and critiques and higher-level business direction. I roughly had 10 days of total to develop from asking to current customers for feedback the current version and what need to improve or add, and take a look at competitors, also the industry standard for how analytics works, and pour all the data into actionable items. I still had 4 days to messing around about the design, doing trial and error, until decide which one that we’re gonna use.

Project Brief


Jobseeker Software, an Applicant Tracking System, was originally named Karirpad which we acquired and rebrand into Jobseeker Software and launched in June 2022. We had many enterprise clients in our rooster, and we brand our company as the future of HR ecosystem. We needed a new way to incorporate the brand and the experiences of the product, because the current live production product we thought it was the opposite. ​The Challenge: Improving and maintaining the Applicant Tracking System product in functionality, while also taking a big leap to revamping the whole product experiences and looks. The analytics page must easy to use, read, and understand, looks pleasing and aesthetic while answering all the customer questions and strategically should consistent across all the platforms in Jobseeker Company.

Research

Competitors Benchmarking

After got the brief and clarity what the goals of completely revamp for analytics page, I do dig all the information that I could find on internet about the fundamental of analytics to get better understanding of it, and check to every ATS and take a look their analytics and also to analytic vendors (i.e. Mixpanel) to find some inspirations and unbiased results (I hope!). Here are few takeaways that I found:
Analytics or reports should answer a question
Insight is not enough, it should be actionable
Not everything is one size fits-all, some cases should customizable

Customers Feedback

It’s time to talk to the users, even better I reached out to our existing customers to figure out their constraints, input, satisfaction, and feedback. I reached out to 2 customers where I also handled them since the day one they become a client. I ask help to the lead engineers to help me get a feedback from one of the customer since he have offline meeting with them. Here are a few feedbacks that I received:
The current analytics features doesn’t help or answer them at all
They expecting some charts that are familiar so it will easy for them to learn
We need options, flexibility to get informations that we need
image.png

Brainstorming

Ideation and Brainstorming

I had all the raw data, now it’s time to turn them into actionable items, from all the insights and feedbacks that we found, I do convert them into features. I pour all the ideas into a note and do some trial error, going back and forth to figure out what are the most suited based on the insights and feedbacks. Finally I decided and create into Information Architecture which afterward I set a call with head of product, lead of engineers and stakeholders to validate the ideas and check if its feasible to develop, and is it aligned with the business goals?
image.png
image.png

User Flows

Time is ticking, as a sole product designer is a huge responsibility to take over analytics page, since it’s swiping all the existing features to the new one and need to figure out the new features and finish it in 2 weeks. I don’t bother to overthink about workflows, the goal just need to be work properly and work as the way human being can expect how it works. So here only drawing the big picture of how the analytics page and the features works.

Design

Sketch

Leave all the fancy and complicated stuffs, it’s time to sketch, I explored the formatting and hierarchy for each panel and received much feedback in critique on legibility. In the final sketch, I added more whitespace, dividers to separate and grouped them into clear categories.

Application Trends

image.png

High-Fidelity

We already had the design system, next I designed multiple layout iterations within Figma to find the most optimal components and assets to ensure an functionality, simplicity, and aesthetic looks are work simultaneously. There were endless of possibilities to create a chart visualization. Digging through design files, I collaborated with the copywriter and evaluated which screens would best encapsulate the copy so that users can visibly learn just as much.

User Activity

image.png
As a product designer it is my job to listen to customers. Some feedbacks was that in current live version they found it’s hard to see who’s in charge for every candidates and how many candidates they’re processing. They need those informations, where people would typically look for and find shortcuts. I had to think about how and where these shortcuts would appear. My final solution was a clean and simple table that sync with every ATS users activity.

Number of Hired

image.png
I wanted to explore opportunities to further inform users on how they can incorporate their hiring progress and succession. I found that the simple and most straightforward design worked best and was the easiest to learn from through usability testing. It was challenging to find the right design that clearly explains how the chart and table works. After discussing with stakeholders and the lead software engineers, we were able to put together design that made the most sense. It was not easy, at the beginning I was adding too many components that some are unnecessary, after iterate discussions, I finally cut few of them and also rephrase some of it.

Applicants Education - Applicants Age - Gender
image.png

When I said, I have to recreate the analytics page features and swipe 100% the existing with the new one, it’s untrue. There is three features that I still use, I just need to enhance and improve from the function and looks. This three features is super essential that when I report to my head of product, he said agree with no doubt.
image.png

Results

After many rounds of reviews and iterations, we came up with a page and features designed with a sense of clarity, purpose, and with business driven (not all are presented due to NDA restrictions). Accessible components and layouts make information digestible, and multiple CTAs guide users to find more relevant details. It is such a rewarding experience to see a page and features I worked on go live and know that will be use by many medium and enterprise companies local and international.
Visit here to if you interested about Jobseeker Software: ‍

Takeaways

🤝 Executing Design-to-Development Handoff

This project gave me valuable experience in handing off deliverables for development in a consumer-facing environment. At first I made a guide with development notes detailing the component types and usage, ensured pixel perfection within organized layers in my final Figma file, and exported all assets with correct naming conventions using Notion, but not all developers are familiar with it, so I deliver it using PDF which more universal and everyone knows it. This guide helped the developers quickly localize the page for the global market and launch the page as fast as possible.

🌟 Practice Makes Perfect!

Throughout my time at Jobseeker Company, I learned to consistently elevate the quality of my works by soliciting feedback from peers and stakeholders through formal reviews and presentations. It was a tremendous growth experience to pitch and present my works at numerous reviews, practice guiding open conversations and sharing my point of view, and learn from my mentors when to pushback on stakeholder feedback. I learned how essential maintaining good communication is with my team, especially when asking clarifying questions to remove blockers and balance pressing deadlines.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.