Working with campaign and marketing content strategy partners — and critically, partners at Welikesmall (now ThinkingBox) — we embarked on an in-depth research project to explore the trends around the future of mobile marketing and experiences.
After surveying 500 marketers and IT professionals on the future of mobile technology, we turned the data into the Adobe 2018 Mobile Study. To house the findings, digital agency Welikesmall built a mobile-first website that utilizes machine learning. A series of interactive features gathers user input; for example, visitors pick between two target audiences — marketer or IT professional — by physically tilting their mobile device. The combined inputs trigger machine learning to alter fonts, styles, colors and design elements. In the end, each visitor is presented with a personalized report of the 2018 mobile trends.
• The project includes eight videos, dozens of data visualizations, mobile moments and several up-front mini-games
• The interactive features include a mini-game to determine and respond to a visitor’s attention span, and interactions with a 3-D, augmented reality (AR)-style environment to select personal preferences.
• The site was built using Vue.js, Three.js, native GLSL shaders, modified Bootstrap, Google Geolocation API, GSAP and Waypoints
The digital experience won a Commsart award for best interactive experience.
“This think piece folds in an additional layer of storytelling and data visualization with each swipe of the finger.” —Megan Meeker, Product Design Manager, Lyft; Commarts Judge
Check out the experience (it was best viewed originally on mobile)
The experience was highly interactive. While available to desktop users, it was a very meta experience that was best viewed on a mobile device.
The experience could detect the device of the user, and personalize data and recommendations based on their responses, like role and industry.
As a winning experience, it received a three page entry in Commarts Interactive annual.