Path to a Successful Visual Story

Diagram showing steps of the Background Stories collaborative process. Steps are labelled Scope, Kickoff, Story Development, Sketches, Digital Design, Iteration, Wrap-up
Diagram showing steps of the Background Stories collaborative process. Steps are labelled Scope, Kickoff, Story Development, Sketches, Digital Design, Iteration, Wrap-up

A step-by-step guide to our collaborative process

Visual storytelling is a powerful tool to help people understand and engage deeply with complex information.

Whether developing an infographic, printed sign, or animated video, we approach every project with a time-tested collaborative process. We can help your team benefit from the power of visual stories.

We’ve refined this process over the years to find a good balance of client-facing steps and “backstage” steps—in other words, the work we do behind the scenes.

Your Path with Background Stories

  1. Scope

  2. Kickoff

  3. Story Development (optional)

  4. Sketches

  5. Digital Design

  6. Iteration

  7. Wrap-Up

Scope

Are we ready to work together? Let’s find out!
  1. Consider these questions:

    • What is the budget?

    • What is the scope?

    • What is the deadline?

    • Do I have a refined content outline? (If not, we can help! Our capabilities include research and content development.)

    • Who will be the primary point of contact on my team?

  2. We’ll discuss these questions with you and craft a proposal specific to your needs.

  3. Review and accept that proposal to start working together.

  4. Share any relevant background materials, including existing brand guidelines and data. We like to review these ahead of the kickoff meeting.

Backstage: We assemble our design team. This includes a creative director and a designer whose skills and interests best fit the project. Typically, the designer serves as project manager and main point of contact.

Kickoff

Beginning our work together
At this initial meeting, our teams meet and the journey begins! We will chat about the details of the project, confirm the scope, and review the timeline.

  1. Consider these questions:

    • Who is my audience? (If needed, we can adapt a visual story for multiple audiences.)

    • What are my goals?

    • What key messages do I want to communicate?

    • What are my deliverables?

  2. Share any examples that inspire your team.
We are a remote-based company and are comfortable meeting virtually. We’re also available to meet in person within the Twin Cities area.
Backstage: In advance of the kickoff meeting, we review any materials you’ve provided and compile questions to help us better understand your content, audience, and objectives.

Story Development (Optional)

Finding the key messages

You can provide content to us, or we can develop content based on raw materials that you provide. When we do Story Development, we’ll share an outline and ask you to provide feedback.

If you provide content, we’ll make high-level recommendations to refine the story in a visual format and tune it to your audience.

Backstage: We research your topic and dig into the content that you have provided. With your goals in mind, we create a visually-driven story that communicates the key messages to your audience.
Graphic showing research and data turning into a refined content outline

Sketches

Confirming the flow with your team

At a meeting, we walk you through our rough sketches and invite you to share feedback. We may show different options and discuss which approach best fits aspects that you want to showcase.

If developing the “look and feel” (visual style) is part of the project scope, we'll propose color schemes, fonts, and/or illustration styles.

Backstage: Using the content outline as a guide, we develop a rough sketch that uses visuals to communicate your message. The primary designer leads hands-on design work, while the creative director provides guidance.
Graphic showing a refined content outline turning into a rough sketch

Digital Design

Your story comes to life

We share a first draft with you via email and ask for your feedback.

Backstage: We turn the sketched concepts into refined deliverables using color, typography, and illustration.
Graphic showing a rough sketch turning into a digital design with full color and illustration

Iteration

Collaborating to find the best solutions

The fun has begun! We send you each design iteration via email, and your team compiles feedback in response. You can contact us with questions or request a check-in meeting at any time.

Most projects include two rounds of revision and one additional round of minor tweaks. If you prefer more iterations, this can be added during the initial Scope phase.

Recommendation: If approval is needed from external team members (such as other people in the department), wait until the second design iteration to share with others. This allows us to address your early feedback in a streamlined process.

Backstage: We use your feedback to refine the design. With each iteration, we may ask specific questions or propose ideas in the email.

Wrap-Up

Share your story with the world

We send you final files, and our account manager follows up with wrap-up steps. We’d welcome your feedback on our process and will confirm whether we can share your project in our public portfolio.

If the project scope includes extra deliverables (social media graphics, slide decks, etc.), we will start developing those with a similar collaborative process.

Backstage: We prepare the final files according to your needs and the project scope. Usually, this means a PDF or image file that you can easily share with your audience.
Graphic showing a finished infographic and additional deliverables like social media graphics and a physical mailer

Ready to get started?

Recent Blog Posts

NASA climate legacies interactive tool to create climate generations

Create your Own Climate Generation Visual

Map your family's climate legacy We're excited that a UN Intergovernmental IPCC figure designed by our creative director has been adapted into a customizable digital...
Read More
BgStories_2023Wrapped_IntroVideo_6edited-ezgif.com-video-to-gif-converter

Happy 2024!

We're excited for another year of creating visuals people ‘get’ at a glance. Looking back at 2023, we’re really proud of the work we’ve done...
Read More
Nightingale_mockup_thumbnail

The Future of the Creative Process Is Increased Collaboration

Our founder/creative director, Arlene Birt, collaborated with more than 60 scientists on data visualizations for the Intergovernmental Panel on Climate Change (IPCC) climate report. She...
Read More

The Future of the Creative Process Is Increased Collaboration

Our founder/creative director, Arlene Birt, collaborated with more than 60 scientists on data visualizations for the Intergovernmental Panel on Climate Change (IPCC) climate report. She shares her key lessons in a recent article published by Nightingale.

Laptop with Nightingale article on the screen

"With growing focus on pairing creativity with technical fields — like science, technology, and policy — and because the future of problem-solving is multinational collaboration, creative disciplines must evolve collaboration strategies to sync with this method of work. "

Recent Blog Posts

NASA climate legacies interactive tool to create climate generations

Create your Own Climate Generation Visual

Map your family's climate legacy We're excited that a UN Intergovernmental IPCC figure designed by our creative director has been adapted into a customizable digital...
Read More
BgStories_2023Wrapped_IntroVideo_6edited-ezgif.com-video-to-gif-converter

Happy 2024!

We're excited for another year of creating visuals people ‘get’ at a glance. Looking back at 2023, we’re really proud of the work we’ve done...
Read More

Path to a Successful Visual Story

A step-by-step guide to our collaborative process Visual storytelling is a powerful tool to help people understand and engage deeply with complex information. Whether developing...
Read More
Sketches that show Scenario

Process vs. Scenario Visuals

Beginning any infographic project, a big question is 'How do I make this information visual?’ Lucky for us, clues exist within the information itself. Once we determine what message we’re aiming to communicate to a specific audience, the form of the infographic begins to emerge.

Designers from all disciplines talk about ‘form follows function’. For infographics, visual form follows the content.

When working with narrative information (where we’re trying to explain something to the audience) there are two high-level visual structures that consistently re-occur: Processes and scenarios.

PROCESSES:


Sketches that show process

Processes include timelines and step-by-step flows of information. These can be visualized through any of the following sketches. A process has an entry/exit point (or points) and an order to the steps (at least some of them).

Examine your content and ask yourself:

  • Are we guiding the viewer through a series of steps?
  • Is the order of the elements important to the message we’re trying to communicate?

If so, you might have a visual process on your hands.  

Here's some examples of process-focused infographics:

SCENARIOS: 


Sketches that show Scenario

Scenario-based visual structures include maps (both geographic and conceptual), systems, networks, and lay-of-the-lands. These show how pieces of info relate to other pieces, and to whole contexts. Scenarios are often annotated to help viewers understand the components of the visual.

Examine your content and ask yourself:

  • Is it important that viewers understand the big-picture of this message?
  • Is the organization of the pieces of content important?
  • Would a zoom-in or zoom-out of the information be interesting?

If so, a visual that shows the scenario could be useful.

Here's some examples of some scenario-focused infographics:

COMBO:


Sketches that show a combo of process and scenario

Sometimes, a combination of these two approaches leads to the most engaging and educational visual. In these cases, typically one or the other approach becomes the most prominent. 

Keep in mind that the more visual approaches you combine, the more complex your infographic gets: and the more careful you have to be about using the principles of design. And that’s a topic for another time 🙂 

Here are some examples of the combination of Scenarios & Processes used together in infographics: