ML•Muhang Li / Portfolio
All selected work

A character-led mobile guide to P&G’s departments

P&G 2020 China Graduate Recruitment

An HTML5 guide for P&G’s 2020 graduate recruitment campaign in China. Applicants enter a virtual reception, choose a department and meet a character who introduces its work.

Discipline
Mobile experience · Visual design
Project context
P&G China graduate recruitment
Campaign year
2020
P&G recruitment HTML5 experience with illustrated interface framing
P&G China graduate recruitment guide, 2020.

A visit to P&G

The idea was to introduce the company as a place applicants could explore. A reception screen connects eight departments, with a character waiting in each one. Short conversations introduce the work and lead into employee benefits.

Title page for P&G’s 2020 China graduate recruitment guide, including the original QR code.
P&G 2020 China graduate recruitment.

Starting with a graduate’s choices

The opening puts the applicant at a crossroads: go abroad, start work or continue studying. The response, “I want it all,” leads into P&G.

The experience uses a horizontal phone layout. Bold arrows, large type and photographic backgrounds carry the opening sequence, followed by patterned frames and dialogue panels inside the company.

Landscape mobile screens with arrows for going abroad, work and postgraduate study.
Opening sequence: graduate choices and entry into P&G.

Meeting the departments

The eight choices are customer business development, finance, market research, supply-chain management, brand management, information technology, human resources, and research and development. Each has its own character set against a workplace background. The human-resources guide is an ape, using a Chinese pun on yuan: a syllable in the term for human resources that sounds like the word for ape.

A yellow navigation bar stays in the same position throughout the department pages. Applicants can look at employee benefits, move to the next department or return to reception. Blue stripes, graphic patterns and dialogue boxes keep the pages connected while the characters change.

Department-selection screen, character introductions and an employee-benefits page in a blue-and-yellow interface.
Reception, department introductions and employee benefits.
Next projectSoul Yoga