Scroll
Back

Kellogg’s

360 VR experience

BPme is an app that let you pay from your car (no need to go to the counter anymore), locates the nearest BP gas station, and tags your coffee and get rewarded. We helped BP designing their app, finding the best UX and UI approach. The app is now up and running for professionals.

Client
Ogilvy & Mather, Kellogg's
Role
Digital design, UX/UI
Brief
Kellogg's asked us to engage kids with extreme sports, following an ongoing campaign (unstoppable). Based on google cardboard idea, we turned the Nutri-Grain cereal box into a VR headset and created a 360 VR app. A fun way to eat your cereals for breakfast!
Design & branding
01. Design & branding
UI supporting UX
We based our work on a current Kellogg's Australian campaign guidelines (unstoppable). We adapted the current branding and maintain the same look and feel for custom elements (UI). The idea was to keep the over whole aspect clean and uncluttered, all the design elements tending to highlight the content. Finally, the design had obviously to support the UX (not the other way around).
Main Hub
VR menu
How to
User experience
03. User Experience
Designing for headset
The user experience was divided into 3 parts: the Hub (general interface where you can select the video and access the different options), the VR mode (interaction when the phone is inside the headset) and the "how to" mode (interface to quickly and simply understand how to build the headset or how to interact with the app in VR mode). We based our work on google cardboard, refining and adapting when necessary.