top of page
mix and match Bitmoji avatars in line.png

Bitmoji AOD

Year: 2021

Team: OnePlus

Role: Product Designer

Responsibility: Ideation, Concept Validation, User Journey, Wireframing, Prototyping

Bitmoji AOD is a feature in OPPO’s ColorOS. It is a fun and expressive way to represent the digital you living on the screen, making your phone uniquely yours and therefore easily stand out from the crowd at just a glance. Your Bitmoji avatar will appear and move along vertically on the AOD, and update throughout the day according to your activity and what’s happening around you, whether it be the time of the day, weather condition, or power status.


OnePlus OygenOS wanted to collaborate with Bitmoji to provide hyper personalized experience on our devices.

Concepting Process



We ran a brainstorming session with the internal time to generate ideas on “How Might We integrate 2D&3D avatars in the OnePlus Operating System?”


From all the ideas we generated, the idea of Bitmoji AOD stand out.

Bitmoji AOD allows users to set an AOD which will react to scenarios and triggers through using your device. Gen Z users want personalization on devices. With this collaboration users will be able to have fun with their devices and deliver a smart expereince.


User Flow

Since not all users have Bitmoji installed and avatar created, we need to design the setting up flow for each use cases to ensure the seamless user experience of the Bitmoji AOD.

We identified 4 key conditions we need to take into account in the flow chart:

  • Bitmoji installed or not

  • Bitmoji signed in or not

  • Avatar created or not

  • Link Bitmoji Avatar to the system permitted or not.


Low-Fi Prototype

How to identify the triggering metrics for each scenario?

In order to provide the hyper personalized experience on Bitmoji AOD and make the stickers reflect what the users might be doing, we defined the common scenarios we can detected on the phone and match them with relevant Bitmoji sticker packs, as is shown in the image below.


iF Awards-2.png
bottom of page