Autohome Games UI



Year
2017
  • Project Type
B2C
Platform
Mobile web design
My role
Lead UX designer
Lead product designer




Overview
ProblemPublicize the annual car purchase campaign and guide users to enter the venue to improve the CR. 

SolutionMake a game based on a car factory, and attract users to participate by taking advantage of people's desire to win and lose and offering certain rewards. 


Discover
Characters

The original character design was noted to have insufficient distinctive features, and the alien's design was overly detailed for the mobile screen technology in 2017.
After refinements, the character now exhibits clearer traits and a more international style, with the alien's silhouette easily discernible on lower-resolution displays.




Element

The different states of the main elements in different situations




Background drawing

All materials are created using the Pen tool in Photoshop.



States feedback
Positive and negative feedback



3D elements
3Dize the elements in the scene and use them to make the promotional banner.


Pop-up of feedback
Use pop-up windows to feedback the results to users, corresponding to very good - average - bad - very bad - trigger the second scene respectively.


Hi-fi portotype
This is all the pages of the project, including hidden scenes. After receiving excellent feedback five times, you will enter the alien scene. The purpose is to increase the playability and fun of the game.



Outcome

This piece was consistently ranked in the top 3 best works on ZCool's leaderboard for five months straight.

Data:
Total registered users of the game: 125,328;
User Retention Rate:
  • Day 1 retention: 45%
  • Day 7 retention: 25%
  • Day 30 retention: 10%

Conversion Rate:
  • 0.08% 
Average game session duration: 12 minutes
Average daily sessions per user: 3.5 times



Video demo





Thanks for watching