top of page
CASE STUDY
  • RECRUITMENT

Job

Search App

ROLE

UX/UI Designer

TOOLS

Figma

01 - OVERVIEW

Simplifying the job

hunt for India.

An India-focused mobile application designed to help job seekers find and apply to relevant jobs - while giving companies a streamlined channel to reach qualified candidates.

​

The project brief required a complete design process: research, assumptions, pain point identification, information architecture, wireframes, competitor analysis, design system, and high-fidelity screens - delivered end-to-end.

​

The design focuses on clarity for job seekers who are often overwhelmed by the application process - unclear timelines, no follow-up, and confusing interview details - and gives them a structured, motivated, and transparent experience.

Free mockup of woman holding a smartphone (Mockuuups Studio).png
02 - DESIGN PROCESS

Research-to-screens,

end to end

I followed a structured design process - starting from brief analysis and stakeholder identification, through UX research and pain point mapping, to information architecture, wireframing, competitor UI analysis, design system creation, and high-fidelity screens.

01

Research & Assumptions

Brief analysis · Stakeholder identification · Personal experience · Secondary research via Quora + ChatGPT synthesis

02

Pain Points & IA

Pain point mapping for both stakeholders · Solution ideation · Key features list · Information architecture for 3 core screens

03

Wireframes & Competitor Analysis

Lo-fi wireframes for all screens · Competitor analysis of typography and color schemes · Design system creation

04

Hi-Fi & Prototype

High-fidelity designs for all three screens · Design components · Interactive prototype in Figma

03 - RESEARCH & ASSUMPTIONS

Understanding

two stakeholders.

For UI, I conducted competitor research to analyze typography and color schemes used by competitors. Based on this analysis, I selected a common font and color palette for my app.

PRIMARY STAKEHOLDER
Job Seekers

People looking to find and apply to relevant jobs in India - needing guidance, clarity, and confidence throughout the process.

  • Need clear, relevant job listings matched to their profile

  • Want transparency on application status and next steps

  • Frustrated by unclear interview processes and no follow-up

  • Need motivational support during a stressful process

  • Want to understand salary benchmarks before applying

SECONDARY STAKEHOLDER
Companies

Organisations offering jobs - needing a reliable channel to reach qualified candidates and manage applications efficiently.

  • Need access to a pool of relevant, qualified candidates

  • Want efficient tools to manage and filter applications

  • Need clear communication tools with applicants

  • Want to build company credibility and attract talent

  • Need faster hiring workflows to reduce time-to-hire

How I gathered research
PRIMARY RESEARCH
Personal experience as a job seeker

Drew from first-hand experience of the Indian job-hunting process - identifying real friction points that existing apps miss. This gave immediate, lived context that secondary data alone can't provide.

SECONDARY RESEARCH - AI ASSISTED
Quora data synthesised with ChatGPT

Used v0 by Vercel for rapid UI generation and layout ideation, enabling quick exploration of multiple interface directions before refining designs in Figma and reducing time in the early design phase.

COMPETITOR RESEARCH - UI
Typography and color analysis

Analysed font choices and color schemes used by leading job apps - identifying common patterns that users already recognise and trust - then selected a design direction that aligns with user expectations while feeling fresh.

04 - PAIN POINTS & SOLUTIONS

Problems worth

designing for

After gathering research from both personal experience and community data, I mapped the most common pain points for job seekers - then identified specific design solutions to address each one. Every key feature in the app traces back directly to a real user problem.

01

Incomplete job details

Listings often lack salary info, skills required, and interview process details

SOLUTION

Comprehensive Job Detail screen with dedicated sections for skills, salary benchmarks, interview rounds, and company rating

02

No visibility into application status

After applying, candidates hear nothing - leaving them in the dark for days or weeks

SOLUTION

Visual Application Status Tracker with timeline stages, status updates, and expected response times for each stage

03

Confusing interview process

Users don't know how many rounds, what format, or what to prepare for

SOLUTION

Dedicated Interview Process section on Job Details screen with clear step-by-step outline of rounds, formats, and prep tips

04

No follow-up after applying

No reminders, no alerts - users forget which jobs they've applied for

SOLUTION

Real-time notification integration and automated follow-up reminders within the Application Status screen

03

Generic, irrelevant job recommendations

Most apps show the same listings to everyone regardless of profile or preferences

SOLUTION

Personalised job recommendation carousel on Home screen - tailored to user profile, search history, and preferences

04

Emotional toll of job searching

The process is stressful and demoralising - apps offer no support or motivation

SOLUTION

Personalised motivational quote on Home screen — a small but meaningful touch that acknowledges the human experience of job hunting

05 -INFORMATION ARCHITECTURE

Three screens,

one clear journey

I focused the IA on the three screens that most directly address the significant pain points: the Home screen (discovery), the Job Detail screen (decision-making), and the Application Status screen (post-application). These three screens form the core of the user journey - from finding a job to tracking it.

SCREEN 1
Home Screen
  • Notification icon - alerts and updates

  • Search bar - quick job discovery

  • Remote / Entry-Level sections - curated cards

  • Top Companies - build aspiration

  • Personalised job recommendations carousel

  • Application Status Tracker preview

  • Motivational quote - emotional support

SCREEN 2
Job Details Screen
  • Job title - prominent, top position

  • Company info - logo, name, location, website

  • Job description - responsibilities & requirements

  • Skills section - with resource links

  • Salary insights - industry benchmarks

  • Interview process - clear step outline

  • Company rating - user-generated

  • Apply button - prominent CTA

SCREEN 3
Application Status Screen
  • Visual timeline tracker - Applied → Interview → Offer

  • Status updates - with expected response times

  • Feedback section - rate application experience

  • Notification integration - real-time alerts

  • Follow-up reminders - automated

  • Job process ratings - share experience

HIGHLIGHTED ITEMS

Items highlighted in each screen were those directly addressing the pain points identified in research - ensuring every feature had a clear user need behind it, not just a nice-to-have assumption.

06 - DESIGN SYSTEM

Colors, type &

components

For the UI direction, I conducted competitor analysis of leading job apps — analyzing typography choices and color schemes. I identified that navy blue is the dominant color in the recruitment category (conveying trust, professionalism, and authority), with orange frequently used as an accent to signal energy and action. I adopted this proven pattern and built a consistent design system around it.

COLOR

Navy Blue

Light Grey

Orange

Near Black

TYPOGRAPHY
HEADINGS - POPPINS
Find Your Next Role
BODY — OPEN SANS

Browse remote jobs, entry-level positions, and top companies — all personalised to your profile and career goals.

COMPONENTS
07 - KEY DESIGN DECISIONS

The reasoning behind

the choices

COLOR - NAVY + ORANGE
Trust + energy - the right combination for recruitment

Navy blue is dominant in the job app category because it communicates professionalism, trust, and reliability - exactly what anxious job seekers need. Orange provides warmth and urgency on CTAs and status indicators - signalling action without aggression. The combination emerged directly from competitor analysis, not personal preference.

TYPOGRAPHY - POPPINS + OPEN SANS
Modern readability for a mobile-native audience

Poppins for headings - geometric, modern, confidence-inspiring. Open Sans for body - highly readable at small sizes, familiar to Indian audiences used to web content. Both are Google Fonts, meaning zero licensing cost and consistent rendering across all Android devices in the India market.

HOME SCREEN LAYOUT
Discovery first, motivation second

The Home screen prioritises search and job cards immediately - users open the app to find jobs, not to be greeted by a dashboard. The motivational quote sits below the primary job content, not above it, so it supports the user without getting in their way.

JOB DETAILS - SKILLS WITH RESOURCE LINKS
Don't just show the gap - help close it

Most job apps list required skills and leave the user to figure out how to develop them. I added resource links to the Additional Skills section - so users who don't meet all requirements can immediately see a path to improving, rather than feeling dismissed by the listing.

AI IN THE RESEARCH PROCESS
Used thoughtfully, not as a shortcut

I used ChatGPT to synthesise large volumes of qualitative Quora data into common pain points — not to generate design ideas or copy. This made the research process faster and more rigorous, allowing me to identify patterns across hundreds of user experiences that would have been impossible to read manually within the timeline.

THREE - SCREEN FOCUS
Depth over breadth for this deliverable

Rather than designing many screens at surface level, I chose to design three screens thoroughly — with full IA, detailed feature sets, and well-reasoned component decisions. The three chosen screens (Home, Job Details, Application Status) cover the complete core journey from discovery to post-application.

09 - WIREFRAMES & HIGH-FIDELITY

From sketch

screens

WIREFRAMES
Wireframes 1.png
HIGH FIDELITY
High Fidelity 1.png
MOCKUPS
Mockup 2.png
Frame 337.png
10 - REFLECTION

What this project

taught me

This project sharpened my ability to move from research to design decisions quickly - connecting every feature and layout choice to a specific user need identified in the research phase. The constraint of a 3-day timeline pushed me to prioritise ruthlessly: three screens done thoroughly rather than ten screens done superficially.

​

Using AI tools (ChatGPT) for research synthesis was a deliberate decision - not to cut corners but to handle data volume that would otherwise be unmanageable within the timeline. This reinforced that AI is most useful as a research accelerator, not a design decision-maker. The tool synthesised; I interpreted and designed.

​

The Application Status Tracker was the screen I'm most proud of - because it required thinking beyond aesthetics to truly understand the emotional experience of job hunting. A well-designed status tracker doesn't just communicate information; it manages anxiety.

WHAT THIS CASE STUDY DEMONSTRATES

End-to-end design thinking - research to screens.

From stakeholder identification and pain point mapping through IA, wireframes, design system, and high-fidelity screens - this project shows a complete, structured design process where every decision connects back to a real user need or research finding.

Two-stakeholder research framework - job seekers and companies

AI-assisted secondary research synthesis - Quora data via ChatGPT

Pain point to feature traceability - every feature justified

Three core screens with full IA and feature rationale

Complete design system - colors, typography, components

Visual Application Status Tracker addressing the emotional core of job hunting

bottom of page