UI/UX Designer, Animator
YiHsin Feng, Jaymie Pizarro, Senhung Wong,Farhan Kassam, Amber Yuan, ShyenYi Low
Canadian Blood Services(CBS)
Stem cells, specifically blood stem cells, are immature cells that can develop into any cell present in the bloodstream. Stem cell transplants can treat over 80 diseases and disorders.
Primary Problem: CBS stem cell registry lacks donors from a specific segment, specifically 17 to 35 year old men from ethnically diverse backgrounds.
Secondary Problem: It may take months or years for a successful match between a donor and patient. By the time a match is made, the donor has lost interest or cannot be located.
A playable advertisement was developed to educate users about stem cell donation through an interactive mobile experience. For this project, Facebook was chosen as the pilot platform to gain access to the target market because 89% of 18-34 year old male Canadians used Facebook as their social media platform. A lead in video for the playable ad was also developed according to Facebook specifications.
We designed this user journey based on a variety of user tests, data analysis, qualitative interviews, and observation. We understand our target users are internet and social media users. There are eleven steps that the user will go through, each step will be described comprehensively.
A brief lead-in video designed for Facebook was designed to evoke an emotional response from the user and invite him to tap on the video to access the full playable ad. Here are several iterations of that.
Final Lead-in Video
Engagement, interactivity, and commitment are the key to this prototype. We follow the CBS brand guideline to keep the entire user interface simple and intuitive for the user.
A short introduction creates a smooth transition from the lead in video to the playable ad. There are seven interactions in the playable ad. Each interaction educates the user about stem cell donation in an engaging and entertaining manner. A hand cursor appears where the user is invited to click during an interaction. Simple gestures, such as tapping, swiping and scribbling, make for a fun mobile experience.