The Muse Storybuilder is a web application unlike anything else out there. It’s based on the Muse Storytelling process developed by 5-time Emmy Award-winning, Stillmotion. The application empowers users to tell more effective stories, while also teaching the Muse Storytelling process itself.
One of the primary elements of the application are cards. These cards contain important information about the story being built, and are also what the user uses to structure their story.
The Storybuilder logomark is constructed out of cards that reference important color conventions from the app. The shape they make references the Muse Plot Arch.
The 4 Pillars of Story
In the Muse Storytelling process, there are 4 Pillars of Story: People, Place, Purpose, and Plot. These thumbnails show the overview pages for each pillar.
The People Pillar
The Muse Storytelling process is for telling stories about people. People are what we most relate to, and the People page is where a storyteller begins building out their potential characters.
The Purpose Pillar
If you're not sure what you're trying to say, you're probably not going to say it well. So the Purpose page assists the user in brainstorming, selecting, rejecting, and making notes on the various Keywords that might guide the creation of their story.
As the user inputs potential keywords, small tiles are created with drag-and-drop functionality (similar to Trello) for sorting them into clusters. :)
Place & Plot Pillars
These are the last two Pillars in the Muse framework. The Place page is where a storyteller creates cards that represent the various locations and objects they're considering for their story (e.g., Mr. Marmalade's Ice Cream Parlor). The Plot Pillar is where they identify the potential plot points, or the "beats" of their story (e.g., Billy encounters a chubby baby duck at the ice cream shop).
Putting All the Pieces Together: Build Mode
This is where the rubber really meets the road in Storybuilder. All the elements that a user created in the earlier stages come together here to build the final story.
Early Wireframe Sketches
Early on, the working title for the application was "Praxis." What you see below is a concept sketch wireframe of what eventually became the final Build Mode.
Build Mode Interface
The interface of the Build Mode is achromatic so that it essentially fades into the background and allows the color convention of the cards (which reference their corresponding "Pillar") to shine through.
There are a lot of powerful features in this li’l puppy. The slideshow below shows a few of its features, as well as the design grid it's based on.
Here's a screenshot of the Adobe Illustrator document where I created the Muse Storybuilder. Illustrator is my tool of choice—it's absurdly powerful.
Annotations for the App Developers
I am very meticulous, and it's really important to me that the other people on my teams have what they need to do their jobs well. To that end, I always deliver detailed annotations with both structural details and CSS notes for developers.
Here are a few of the annotated designs that I put together for the Storybuilder.
As the co-founder of Muse Storytelling and Stillmotion, two companies that have worked with hundreds of designers in our 10+ years, Ryan is without a doubt one of the most talented folks I’ve ever worked with and we were incredibly fortunate to have him shape our brand.
He’s incredibly detail oriented, is always ensuring that he’s considering the bigger picture, and has a rare talent for bringing intention and purpose to everything he crafts.
I’ve never worked with an Art Director or Designer that brings the same level of passion and commitment to what he does as Ryan.
Co-Founder of Muse Storytelling & Stillmotion
Be sure to check out the Muse Storytelling rebranding project to learn about the work that informed the creation of the Muse Storybuilder.