The Barbie DreamFloor
Client: THAT, Mattel, in collaboration with Buzzfeed and EKO
Role: Lead User Experience Designer
Technology: Balsamiq, Omnigraffle, Adobe Creative Suite
Awards: “Best Interactive Content Series” – Digiday, “Silver Telly, Branded Content Craft-Interactive Video” Telly Awards, and “Silver Telly, Branded Content General-Children” – Telly Awards
Forget boring toy catalogs – the Barbie DreamFloor introduces a whole new way for kids to explore toys through elaborate storytelling and interactive video. The experience features live-action footage of hundreds of Mattel toys and places them into an imaginative, interactive online story where kids have full narrative control (think Black Mirror: Bandersnatch, with a wider range of interactive possibilities).
This project reimagines the future of entertainment and advertisement. With 33 possible narrative paths, dozens of easter egg surprises, and an e-commerce experience for parents to boot, I had the pleasure of leading the full-stack design efforts for this project in collaboration with some of the top creative partners around.
Crafting an interactive narrative of this scale isn’t easy. The inter-disciplinary skills needed for this experience were immense. From the initial creative concept, to working directly with our talented writers to shape the narrative with 100+ pages of interactive scripts, to collaborating with art directors, cinematographers, set designers and producers on set, to leading animators, visual designers, editors and developers during post-production, this project allowed me to take narrative and experience design to a whole new level.
In addition to complex user flows, experience maps, and careful mediation across content, design, production, development, and stakeholders, deliverables for the project included end-to-end wireframes, technical specs, dozens of google docs and spreadsheets, as well as interactive prototypes and animation samples.
The Barbie DreamFloor is part of the larger “KidHQ” experience for Walmart/Mattel/Buzzfeed.
Full Experience Map:
Sample user flows: