Inspire Stories

A new storytelling site for Inspire Brands corporate.

When Arby’s Restaurant Group transitioned to the new multi-brand restaurant company, Inspire Brands, they realized they needed a platform to share all of their new company’s stories and successes. The goal of this content hub was to spotlight the diverse people and quirky brand personality of their brands from the store level all the way to corporate.

Step One

Project Discovery

In this stage of the project, it was my job to meet with the client stakeholders and find out exactly what they wanted from this project. That conversation revolved around their goals and needed functionality of the content hub.

The goals of the project encompassed a couple different things:

  • To be a platform to amplify the voices and stories of people at all levels of the company
  • Be a space to showcase the newly created brand personality of Inspire Brands
  • Act as a repository for all company-wide news and announcements

Functional needs of the project:

  • Employees from the store level and up should be able to submit stories directly on the website
  • Flexible post styles ranging from a single image, to a tweet, to a full story
  • They should be able to add video, related news, and tweets to each story if applicable
  • A “liking” system to boost popular stories
  • Social sharing and on-page commenting

Step Two

Moodboard

This client came to us with a very specific vision for the visual design of the project. Our task was to take their newly created corporate branding and merge it with some examples sites they brought to the table. To better understand what they were looking for I broke down the elements of their examples and analyzed each one against their overarching project goals. This discussion brought many insights to the forefront that helped lead us confidently into the wireframe and design phases of the project.

Breakdown of elements from Uber’s corporate blog.
Callouts of successful elements from Amazon’s blog.

Step Three

Wireframes

During the wireframing phase, we took our findings from discovery and moodboards and put them into tangible pages. This stage allows us to hone in on the details of the project in a low-fidelity format that can be quickly and easily changed, allowing us to transition into the design phase of the project.

Step Four

Design