Haitou
Job Search Platform
CLIENT:
GoValley
DURATION:
Feb. - May. 2025
EXPERIENCE:
Product Design
Context
Overview
Haitou is a job search platform that primarily serves international students and helps land on the job opportunity, especially focusing on sponsorship related information.
This Comprehensive Redesign aimed to transparency in application status and provide a seamless in-platform experience throughout the job-seeking journey.
Contribution: Product Design, UX Research, UX Testing
Team: Product Manager, UX Researcher, Product Designer, Engineers
Tools: Figma, FigJam, Miro, SurveyMonkey
Time: Apr. 2025 - Jul. 2025
Problem Statement
+15%
Increase in Drop-off Rate
in the past 6 monthS
-12%
Increase in DAU
in the past 6 months
-10%
Conversion Rate
in the past 6 months
-60%
Decline in
User Engagement
85%
International users
100%
UI built by Engineers
using bare-bone template
Pain Point Matrix
Initial Case Study Idea
01. Upgrade the Interface
The PM team's initial approach was to redesign and improve the platform's UI Language.
An outdated, inconsistent UI was eroding trust and increasing drop‐off.
Modernizing colors, typography, and iconography creates an immediate “we care about your experience” impression and reduces cognitive friction.
02. Boost Engagement & Retention
With DAU down 10% monthly and drop‐off rising, PM needed users to stay and return.
Prioritizing engagement through milestone rewards and clear next‐step prompts turns each small success into a reason to come back, directly addressing churn and lifting active‐user metrics.
Team Structure
1 PM + 1 UXR + Eng Team
As a Product Designer, I led the end-to-end redesign of the Haitou platform, collaborating closely with cross-functional partners to reimagine the experience for next-generation job seekers with a more intuitive, streamlined interface.
Design Process
Key Insights
Insufficient
Customization
& Filtering
Unclear Application Progress
Lack of Relevant & Actionable Info
Weak filtering, sorting, and outdated listings make it hard for users to find the right jobs quickly
Users struggle with scattered records and missing status updates
Visa eligibility, job differences, and technical terms are either hidden or unexplained
Research
User Interview
Design Goals
01. Upgrade the Interface
Modernizing visuals
≠ Finding relevant info
02. Boost Engagement & Retention
Engagement needs
quick status updates
01. Prioritize Information Relevance
Users quickly bounce when essential job detail aren’t surfaced up front.
02. Visualize Application Progress
Visual feedback reduces uncertainty post-application.
Design Challenges
How? might we reduce friction and uncertainty in the job-seeking journey, especially international students, by making information more accessible, applications more trackable, and discovery more targeted?
Competitive Landscape
Competitors focus on general job search features, leaving the needs of international job seekers unmet.
Haitou fills this gap with sponsorship info and streamlined tools.
User Profile
Over 1 million international students in the U.S. face visa-related job search challenges each year.
This platform is designed primarily for international job seekers, which make up about 80% of our users.
Primary
International Grads
Professionally Aligned, Visa-Constrained
Transparent Visa Sponsorship Info
Job Tracker
Secondary
Tech Career Switchers
Professionally Misaligned, Seeking transition
Job Tracker
AI Digest and Skill Match
Personas
Feature Prioritization
Prioritization of features based on Impact vs. Effort to determine what enters this MVP.
🟨 MVP selection
⬜ Potential features
MVP Feature
Visa Snapshot
Display a “Visa Sponsorship” badge on every job card for instant clarity, and provide a hover-tooltip with concise, visa‐related information.
Job Tracker
Provide a visual board that lets user track each job application status through defined stages with the ability to add notes, update status, and receive automated reminders.
Enhanced Filtering System
Provide a more granular filtering system tailored to user needs, such as Experience, Salary range, date posted and Advanced Company Job type…
AI Digest
Summarize job descriptions into 3 lines highlighting key responsibilities, top skills... Include a “Skill Match” indicator and hover‐tooltips for technical terms.
User Flows
Comparing the Current V.S.
Improved Job Application Journey
⬜ Existing Steps
🟨 Proposed Enhancements
Design
User Interfaces
Job Vacancies
Interactive Job Card
Users can switch between a grid view for quick scanning or a list view for detailed reading. This flexibility supports different browsing habits, whether users prefer scanning multiple roles at once or focusing on in-depth job details.
Each job card provides a clear snapshot.
Hover to spotlight, bookmark to remember. Application Insights give decision context, turning browsing into personalized discovery.
View Toggle
It combines a grid of job cards with a robust filter panel, enabling both quick browsing and precise targeting.
Filter Panel (Left Panel)
Multi-dimensional filters allows users to refine results instantly.
Job Cards (Right Panel)
Grid-based layout for easy scanning.
Each card highlights role details, company, and location, with tags for instant clarity.
Job Details
Company Details
Hover Tooltip
AI Digest
This design reimagines the job detail page by combining traditional descriptions with intelligent, data-driven insights.
The left panel presents a clear breakdown of role responsibilities, requirements, and benefits, while the right panel introduces interactive modules, AI Summary, Skill Match, and Sponsorship. Together, they create a dual-view experience where users not only read about the position but also gain personalized evaluations of fit and sponsorship transparency.
Hovering on key terms reveals instant explanations, helping users quickly grasp job details without leaving the page.
Two ways to access this page:
Via Job Card Flow
Job Card → Job Description → Company Description → Company Details
This progressive path ensures users first understand the role, then the company behind it.
Direct Company Search
By entering a company name in the search bar, users can jump straight to the Company Details page for a focused exploration.
Together, these paths balance progressive discovery with direct access, supporting both task-driven and exploratory user needs. The page also consolidates key insights—including company profile, culture, milestones, news, and office locations—providing users with a holistic view of the organization.
Job Dashboard
Toggable Detailed View
Job Tracker
Card View
Interactive Cards
List View
The cards are designed to be interactive: drag and drop them between columns to reflect progress, or update their status through the three-dot menu.
When users click 'apply' , they will be automatically added to the tracking list.
The Job Application Dashboard is the entry point of the Job Tracker.
It offers a snapshot of your entire job search journey from total applications and interviews, to weekly activity insights and upcoming schedules.
The Job Tracker offers two flexible views. Card View provides a quick, visual way to monitor application progress across stages, while List View adds depth with editable fields for descriptions, notes, and personal insights, making it ideal for detailed tracking and reflection.
The detail module lets users toggle between Weekly Breakdown for activity trends and Status Overview for application outcomes.
Color-Coded Statuses
Each row includes color-coded status labels (e.g., Applied, In Progress, Offer, Rejected), allowing users to identify stages instantly.
Status Tabs
Quickly switch between All, Saved, Applied, In Progress, Offered, and Rejected to filter applications by stage.
Expandable Notes
Users can add descriptions, notes, or reflections for each application—creating a more detailed and editable job management system.
Design Systems
Column
Margin
Gutter
20px
96px, 10
96px
UI Kit
Reflections
Next Steps
User Flows
User Flows
