Coming from a retail marketing background I’ve always thought it’ll be awesome to create an AR retail experiences for customers but as you can imagine, was usually put on the back burner (corporate life). Well, I finally have created the opportunity and developed an AR experience with this Dunkin’ AR kiosk featuring their famous coffee and donuts.
I've shared a peek behind-the-scenes and the process of creating the AR Dunkin’ Kiosk Experience in Adobe Aero, Audition and Illustrator. If you haven't viewed the kiosk, Click Here or use the QR code below to try it out! I had an awesome time working across Adobe Aero, Illustrator, and Dimensions. Follow along below and see how it all came to life!…
Summary
The goal was to create a futuristic ordering experience pairing animated 3D elements with a 2D user interface. The user would be able to walk in a Dunkin’ store, approach the counter, read a printed counter card promoting featured donuts and coffee to scan or access via link from the Dunkin' app or site; Ideally the menu would be updated on a monthly basis. The initial chosen products were inspired by the most common flavors: Strawberry, chocolate, vanilla and of course the famous coffee!
In 2017, I had the pleasure to work with the American Red Cross & Dunkin’ on a campaign involving motion graphics and the below flat illustrations. So as Adobe Illustrator recently improved their 3D capabilities I felt it was time to revamp this campaign and bring it into the future.
Previous Dunkin' motion graphic illustrations from 2017
Process
It all began by taking the previous flat illustrations and playing around with the inflate 3D tool in Adobe Illustrator followed by exporting to 3D and finessing details such as textures and edges in Adobe Dimensions and creating the individual sprinkles. followed by exporting for Adobe Aero. Once all 3D assets were rendered and placed in Aero, I imported each individual asset, place in the desired positions and added behaviors for each asset.
User Experience
When peeking behind the augmented experience it all starts off with the 3D models animating in a smooth zero gravity fashion. The user interface includes clickable CTAs that takes the user to the ordering menu to finish out the experience when clicked via screen on the mobile device. The CTAs bounce every 5 seconds to remind the user they can order from the AR. Using an instrumental and VoiceOver to enhances the experience, the user will be instructed how to order accompanied by a welcome message.
