Muse Storybuilder

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.

My contributions to this project: Art Direction, Visual Design, UX Design, Branding Design, Brand Identity Creation, Development of Educational Iconography and Conventions.

Brand Identity

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.

Adobe Illustrator

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.

Founder Testimonial

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.

Patrick Moreau
Co-Founder of Muse Storytelling & Stillmotion

Related Project

Be sure to check out the Muse Storytelling rebranding project to learn about the work that informed the creation of the Muse Storybuilder.