A fundamental redesign of SpeekIO's hiring experience

SpeekIO solution makes hiring process for HR managers easier, faster and more detailed, making it the ultimate hiring experience. Hiring managers can create a job advertisement and can also create initial screening exam test. This cloud based solution can be accessed and can be used from anywhere in the world. I led the ideation, strategy and design for its web based solution.

  • User Research
  • Journey Mapping
  • Sketching
  • Wireframing
  • Screen Flows
  • Visual Design
  • Interaction Design
  • Web(Cloud based)
  • YEAR
  • 2019-2020


Many hiring managers create an advertisement regarding vacancies on job boards or online portals and create online test forms on some other channels in which filtering out the best candidate for the job is tiresome. Hiring managers experience issues like time constraint and desired candidate selection during the screening procedure.

Key drivers

Since there are a number of onboarding processess for hiring managers onsite for candidate screening, but on certain stages, a candidate may feel nervous or simply loose interest during the process. I built my design to deliver upon the following key points:

  • Job posting
  • A job posting portal where hiring manager is able to post job related information in a detailed manner and may also define hiring flows for his team. The step-by-step wizard will help him create comprehensive job-related details and gather candidate's profile data.
  • Online test creation
  • A solid online test creation experience where hiring manager may design an online test for candidate screening. Test includes manual and automatic scoring by system.
  • Filtering best candidate
  • A detailed ken-ben design of hiring flow experience, where the smart system filters out appropriate candidate. Based on system's automatic & reviewer's manual scoring in minimal span, it saves unnecessary hours of manual screening procedure.
  • Conduct online video interviews
  • Allowing hiring managers to invite filtered candidates along with other team members for online video interviews from the same portal.

What does the current hiring process look like?

I was looking to get a clear picture of how our primary users went about hiring a candidate through fast onboarding process. In order to get a better understanding of their usage and motivation, here are some research techniques I applied for the redesign.

Qualitative & quantitative data

With the help of performing in-person interviews and conducting surveys, I learnt existing user behaviors for candidate hiring. Findings included understanding of onboarding process, existing hiring portals and user preferences for candidate shortlisting. Some of the insights are shown below.

HR managers reviews on different portals

I have gone through hundreds of reviews and comments left by hiring managers on different portals, further categorized and highlighted them in terms of importance. This critical analysis of feedback helped me identify various pain points and improvement areas.

“Online onboarding process insight report higher levels of influence and are dependent on the comfort level of candidates and hiring managers”

Hiring managers were always finding discomfort with the candidates when they engage them through onsite onboarding process. Due to awkwardness, these candidates left the interview in between or felt low in confidence while going through it. In many Scandinavian countries, candidate prefers going through online onboarding process.

Survey findings

“Creating online exam test and filtering best candidate through ranking system topped the list of hiring process”

A sample of the different set of questions asked from the participants is shared. Items with the highest opportunity are highlighted in blue.

Journey mapping

Based upon the data gathered from in-person interviews, surveys and reviews, I structured my observations and categorized them using a customer journey map. This helped me identify pain points and areas for improvement throughout the journey. It also helped me initialize discussions to understand knowledge gaps and idea generation between team and stakeholders.

Considering user needs with business goals

The initial user research uncovered various areas of opportunity, such as creating test and evaluating candidates automatically. However, as the nature of this project was MVP, I kept in mind the buisness goals and resource capacity and decided to work on some key areas, including optimizing user experience around job posting, creating test in quick way, creating hiring flows for the team, reviewing candidates and inviting candidates for video interviews, and thereby, meeting user and business goals including easy hiring and onbaording process, with a strong focus on shortlisting a right candidate to cut down the manual shortlisting process. The previous system also missed the flows and management of the data strategy. The redesign was to reduce these shortcomings.




Organizing the structure

I optimized the concept with research results aligned with our business goals and went through some rounds of quick iterations using sketches. I also refined the information architecture that focused on job creation, designing test, creating hiring flows and evaluation strategy.

Ideas to flows

I sketched many ideas and brainstormed various ways with my team and created low-fidelity wireframes and prototypes to test. The outcome was job creation, test creation, scoring candidate, reviewing candidate flows along with other flows like profile creation, team management etc.


I also designed all the icons from scratch in svg formats for the SpeekIO system which represents the actual action used in menu drawer and other places.

Markup writing for production

I have written markup design for the SpeekIO portal with defined components and blocks using Sass compiled preprocessor and component-led design patterns with Nunjucks. The markup writing process was shared with developers and tester on GIT setup so they can start development of backend system with these markup pages.

Test Drive

My markups are ready for live demo. You can also get the taste of the system as a Free Trial via official link

SOME of my OTHER mvp work...

SpeekIO Marketing Website

End-to-end UI/UX design with markup writing for Embrace-IT Denmark.

InLogic School Management System Integrated with Microsoft Teams

Complete UI/UX design with markup writing for Inlogic Denmark. Client shared his pin-pointed pain points they were experiencing with the current limited system so I started it directly in markup by using Bootstrap because scope and requirements were clear and straight-forward.

InLogic School Management System Redesigned Portal

Complete UI/UX with markup designed for Inlogic Denmark. Client wanted to upgrade their exisiting portal to new framework and wanted to integrate new components so I designed it using Bootstrap.

EasyBrand Marketing Website

Complete UI/UX with markup designed for EasyBrand (Optimentor) Denmark

EasyBrand Admin Portal

Complete UI/UX with markup designed for EasyBrand (Optimentor) Denmark. Client's requirement and scope was clear and well-defined so I wrote its markup using Bootstrap framework.

EasyBrand Client Portal

Complete UI/UX with markup designed for EasyBrand (Optimentor) Denmark. Client's requirement and scope was clear and defined so I wrote its markup using Bootstrap framework.

Gyldendal Free Order Module

Complete UI/UX design with markup for Gyldendal - Book publisher of Denmark. Client required to add some features in their exisiting portal so I wrote it's markup to support required features.

Gyldendal Order Management Module

UI/UX of order steps and tweaks with markup designed for Gyldendal - Book publisher of Denmark. Client wanted to implement order steps process in their portal so they can show information of the product for their clients. I wrote its markup for the required feature.

Optimentor Marketing Website

Complete UI/UX design with markup for Optimentor Denmark. Client wanted a fresh design of their marketing website so I wrote its markup by using Bootstrap framework.

Knot Game Project (Android & iOS)

I entirely designed all the assets by using Photoshop for the game components. Client wanted a new and fresh look of the game.

Umall App (Android) for Ufone - 2015

UI/UX app design for Ufone Pakistan. Client wanted a simple shopping app for their customers so I designed it by using Photoshop because exporting assets for app were required as well.

Data Anonymyzer

Data anonymyzer app which anonymyze exisitng data according to GDPR policy. I was responsible for UI/UX design at Synergy-IT.