Utter Nonsense!

Propelling Retail Sales Through A New Package Design & Online Experience

Utter Nonsense is an adult card game where players combine stereotypical accents with outrageous phrases to create sayings that are just plain ridiculous.The game was conceived by long-time friends and originally launched as a Kickstarter Project.

The game continued to grow a loyal following which lead to lucrative retail opportunities at Target. In order to embrace the growing market, the creators wanted to explore ways to improve the brand and packaging experience. Up to this point, the success of the game was primarily driven by people discovering Utter Nonsense through the Kickstarter campaign or by friends' recommendations. The major challenge of the project was to create an in-store or online experience that showcased the game to an audience that was encountering the product for the first time.

Research

We began the project by playing the game ourselves and with various groups of friends. It was important to not only understand the premise of the game, but to also experience first-hand how a group of people were engaging with it. Additionally, we spoke with others who had played the game to discover what their experience was like and how they would explain it to others.

The new branding placed focused on the memorable shirtcocking duo while making greater use of the brand's yellow color to create a prominent impression on retail shelves.

Brand Direction

As a result of interacting with those that had played the game, we discovered that one of the most memorable brand elements was a pair of shirtcocking gentleman who appeared on the ends of the box. Previously, a graphic of lips that appeared on the front of the original packaging was much less memorable and caused confusion with some who played the game.

The brand direction process involved exploring and exhausting a wide range of ideas to determine what improvements would be most successful. Since we determined audiences were already connecting with the Shirtcockers, we explored answers to questions that would help define a cohesive brand that focused on these characters. This process involved whiteboarding and sketching exercises that tried to create a story around the Shirtcockers. We wanted to define who they were, what their personalities were like, why they are connected to the game and what other visual elements fit within the world they exist in.

This resulted in a storyline pitting these two aristocratic gentlemen as educated rival outliers who were connected to one another through bawdy humor and theatrical antics. Thus, we determined that the typography, copy and supplemental imagery all needed to embrace the culture of the Shirtcockers. We wanted the typography to feel very refined and British in order to further accentuate the off-color humor that is a core component of the game. Additionally, we created a library of supplemental graphics and chose only to use those that either showcased gameplay or helped tell a visual story of the Shirtcockers.

All aspects of the packaging were designed to provide a cohesive experience based on the Shirtcocker storyline.

Packaging

The packaging was redesigned for an optimal retail experience. We spent time researching and photographing game aisles in both Target and independent retailers. We determined that a more aggressive use of the brand's yellow color would help the game become more noticeable on the shelves. Additionally, we explored a variety of ways to better showcase the gameplay on the outside of the packaging so that those experiencing the product for the first time would be able to make an educated decision to purchase it.

In order to accomodate retail customers, more of the gameplay was showcased on the outside of the packaging to ease the point of purchase decision-making.

Digital Experience

We wanted the online experience to also reflect the updated brand direction. Therefore, we designed and developed a new responsive website that placed a focus on the Shirtcockers and contents of the game. Since Utter Nonsense is a product designed for humor and play, we wanted the website to reflect these qualities.

Motion played a large part in helping us achieve this. Through experimenting with methods, we decided that a slightly explosive and elastic motion best represented the improvisational quality of the game. We also added moving cloud graphics to add depth and used scroll effects to highlight important details. All of this was designed and developed to still retain a performant web experience.

Showcasing the gameplay on the site was a key component to delivering a good user experience. In order to provide visitors with card content, we developed a moving presentation of phrase and accent cards that would provide visitors with access to the hilarity that comes with the game packaging. Both the phrase and accent card content is easily managed through Craft CMS.

The ability to purchase the game is also a major component of the online experience, so the site was designed and developed to eventually support multiple products. Furthermore, the site will integrate with Blackbox, the new commerce and fulfillment solution from the creators of Cards Against Humanity. This integration will be implemented once the service launches later this year.

Finally, the game has been actively embraced by the improv community and various game nights. Thus, we created a solution for posting events as well as news or updates to the site.

The resposive website showcases the gameplay and humorous card content through a playful motion-filled experience.

Results

Retail sales of the game have already exceeded expectations and the creators are fielding reorders. This success will result in future products and expansion for the brand.

Designed for multiple screens

Select a device below to view & interact with a live preview of the website.

Utter Nonsense! - Mobile Device Preview Utter Nonsense! Tablet - Device Preview Utter Nonsense! Desktop - Device Preview

Want to create a better brand experience around your product or service?

Start a Project

You can also visit the Utter Nonsense! website.