51Job

51Job is a leading job search and recruitment platform. I designed its consumer-facing apps, helping job seekers search and apply for jobs, create and manage multiple resumes, track application progress, and communicate with recruiters.

Job ApplicationApp DesignUI/UXMarketing DesignTeam leader
Timeline
Oct 2012 — Mar 2018
Project type
Job application app
Role
UI/UX Design Lead

Responsibilities

  • Redesigned the app-wide design system to improve consistency and scalability.
  • Improved core user flows across resume management, job search, messaging, and application tracking.
  • Defined design specifications for marketing assets, including launch screen ads, videos, and custom homepage themes.
  • Worked with the operations team on campaign designs to increase user activity.
51Job recruitment app illustration.
01

App UI/UX

Colours

Main pages

Job search and job detail

When designing information-heavy pages, it’s important to have a clear hierarchy. I make sure the information users care about most is shown first, like salary, job location, and basic requirements. This helps users quickly decide if a job is right for them, saving time and improving the match between users and jobs. In the end, it benefits recruiters as well.

What people care about
  • Am I qualified for this job?→ Show the experience and education requirements clearly.
  • How much will I be paid?→ Show the salary upfront.
  • Is this job far from home?→ Make location filters flexible. Users can filter by distance or even by their preferred subway line.
51Job job search, search results, location filters, and job detail screens.

Bring clarity to the application process

Users can communicate directly with recruiters and track their application progress, making the job search process more transparent and less stressful.

51Job direct messaging, applied jobs, and application progress screens.

More icon design

Industry icon designs for internet, finance, automotive, and real estate jobs.
02

Product Operations

Launch advertisements

I designed some launch screen ads and defined requirements for both images and videos, making sure they display properly across different screen sizes.

51Job launch advertisements for Pokémon and Blade Runner collaborations.

Themed homepage

For holidays or marketing campaigns, the homepage can switch to a custom theme. I worked with developers to make these assets updateable through the backend, so we didn’t need to release a new app version for every theme change.

A themed 51Job homepage created for a marketing campaign.

HTML campaign pages

I worked with the product operations team to design HTML-based campaign pages that could be used across our apps, website, and external marketing channels. Users could join activities to win rewards or read industry reports to learn more about the job market. These pages helped keep the platform active and engaging, strengthen the brand, and attract new users to register. For existing users, they also helped build trust and gave them more reasons to stay with the platform.

A 51Job HTML campaign page designed for a promotional activity.
A long-form 51Job HTML campaign page with industry content.

New version introduction screens

I see new version introduction screens as part of the product’s branding. They show users that the product is actively improving and that there is a team behind it that cares about the product and its users.

So instead of simply explaining what’s new, I prefer a softer and more emotional approach. I use visuals that relate to users’ everyday lives, such as graduating from school or waiting for the bus to work. These small moments help the product feel closer to users and create a warmer, more human brand image.

A 51Job new-version introduction screen about improving a resume.
A 51Job new-version introduction screen guiding users through product updates.
A 51Job new-version introduction screen with a warm everyday-life illustration.