Imagineering With Disney
*Disney Story Splash Screen
Project Overview
As Lead Interaction Designer at Disney, I helped establish Disney Interactive Media Group (DIMG) as a significant contender in user-generated content by developing a photo/video storytelling and sharing app, aptly dubbed “Story” (story.us). Story was part of an effort to open up Disney to more user-generated content, drive greater reach and engagement, and give guests the tools for storytelling that have been so empowering to those who worked at Disney. This was the second of two branded products I consulted on within their Family portfolio in 2012, having contributed extensively and equally successfully to a responsive redesign and rebranding of FamilyFun.com to Spoonful.com.
Timeline: Feb – Oct 2012
Project Name: Memory Maker (later rebranded as Story)
Core Product Team: Sr. IA & Interaction Designer (me), Lead IA, Sr. IA, Researcher, Product Designer, Sr. Designer
Platform: iOS 5 & HTML5 (Bootstrap)
Tools: Adobe Creative Suite (Illustrator, InDesign, Photoshop), OmniGraffle, Google Docs, Microsoft Office
Link: Disney launches Story for iOS–The Next Web | View Article
Outcome
Disney can be an enjoyable, challenging, and rigorous environment to stretch your creative muscles. I successfully orchestrated efforts closely between Disney’s (DIMG) senior leadership, creative team, and SapientNitro to launch and ship a fun and innovative consumer media experience across iOS and responsive web platforms.
Methodology & Process
Scrum (Agile)
Discover > Define > Ideate & Design > Test & Refine > Develop & Ship
Why Tell a Story?
Story looked to capitalize on mom’s photography habits, leveraging geo-location and time to properly indicate what is considered a “moment”.
User Research
In-depth survey to better understand the consumer behavior.
User Research, cont’d
Key highlights and takeaways.
IA, Interaction Design & Prototyping
Experience mapping and information architecture, to low-fidelity prototyping to explore interaction design patterns and test for confirmation of our user flows.
*Story’s Primary Workflow
*Story’s Creation Workflow Sample
User AUTH, Login & Registration
Mapping the flow for new and returning users.
Responsive Breakpoint Templating
*Responsive Breakpoint Templating
Responsive Web Design Views w/annotations
Link Tracking
Mapping the responsive web portal for page tracking.
iOS App Ideation
Design ideation for the main “Canvas” screen, the central hub of the story creation tool.
High-Fidelity Designs
The Canvas
Story’s Canvas creation screen, the heart of the story creation workflow.
Canvas Cont’d
Story’s Canvas creation screen, with copy creation and editing.
Branded Story Canvas
Final branding applied to the app, with another high-fidelity design direction for the story canvas creation (and menu open state).
Next up: Thomson Reuters