Cases

Case Study: Trivia Game Design and Visual Branding

Case Study: Trivia Game Design and Visual Branding Uncover the fun and lively illustration and design process for the OK Boomer trivia game: from game design and a big bunch of characters to packaging and brand communication visuals.
Case Study: Trivia Game Design and Visual Branding

Let’s add some fun to your day. Meet one of the design projects by the tubik agency called OK Boomer, a bright and modern trivia game based on the questions at the crossroads of the knowledge, events, and experiences of different generations. In this case study, we want to uncover the fun and lively illustration and design process on the broad scope of branding and graphic tasks we covered for this project, from game design and developing a big bunch of characters to packaging design and brand communication visuals. Take a glance at the result and have fun!

okboomer game design case study tubik blo

 Client and Project

OK Boomer trivia game combines classic trivia with a new-age style of play to create a perfect, enjoyable, and hilarious way to bring your family and friends together. To add even more fun, it has recently been extended with a couple of extension packs.

It is a project started by the serial entrepreneur Joe Spisak, whom you may remember from our case on the Dicey party game, and inspired by a lovely and touching family story he shared on the game website: “It was Christmas 2019 in Central, Pennsylvania and my family sat down for our annual holiday trivia night. You know the scene – drinks, snacks, matching pj’s, etc. We pulled the old trivia board game out from the closet, and it was kids vs. adults. Game on. As the game went on, The Silent Generation and Boomers started to absolutely dominate us. I mean, how were we Millennials and Gen Zs going to know who won the World Series in 1944? I brought up the fact that the Boomers and Silent Generation were winning because all of the trivia questions were about things that happened way before we were even born (classic millennial, am I right?). We agreed to even the playing field for game two – the Gen-Zers and Millennials got questions based on more current events, while the Boomers and Silent Generation got classic trivia questions”. Having realized how cool it would be to have to play such a trivia game on the more fair ground for all the sides, he and his family tried to find the one and failed to do that. So, they decided to create it by themselves and later were successfully crowdfunded on Kickstarter.

To breathe life into these bright and playful ideas, the tubik team worked on all the visual parts of the game: branding, game design, tons of cool characters, and packaging design. And that was really fun for all sides of the process! Join in to catch it and check the details below.

Characters

Perhaps the brightest and the funniest stage for all sides of the creative process was working on a bunch of characters that had to present different generations. After researching each generation’s distinguishing features and typical characteristics, the team made several stages of the creative search. From the earliest stages of the process, it was also essential to take into account that the characters were aimed to be featured on the play cards. Here’s a brief glance at some of the early ideas.

ok boomer game art illustration

One of the iterations inspired the concept of supplying characters with specific visual attributes typical for particular times of their generation. The artist worked it out on a specific character, presenting the Silent Generation.

ok boomer game art illustration 4

Yet, what looked cool and stylish in the digital version on the screen or in more prominent formats should have also worked well on relatively small printed cards, so too many details could get lost or hurt the picture’s legibility, so the ideas were tested in color and in different formats to check how it looks and works on the physical cards.

ok boomer game art illustration

In that process, the team came up with the idea to step aside from the particular characters as separated identities and work on the image of the whole extended family that would present all the generations involved in the game and add the diversity of cool details and attributes interesting to examine.

ok boomer game art illustration

ok boomer game art illustration

And then, the separate images for play cards of different generations were cut out right from this big picture.

ok boomer game art illustration

This concept could be further developed, but at that stage, the client came up with an idea: why wouldn’t that be the actual family that stands behind the concept of the game? So, shared the family photos with us where the different generations could be seen together, and the creative team started a new iteration of character design based on it. Here’s a glance at the sketching phase.

ok boomer game art illustration

The general idea was quickly approved by all sides as it looked like what the client was striving to get for this game, so the illustrator moved to develop the polished digital versions of each character, all of them positive, cheerful, bright, and cartoonish.

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

And here is what they all look like on cards.

ok boomer game art illustration

Later, we also worked on another pack of illustrations for the extension packs of the OK Boomer trivia game, and that pack reflects the idea of diverse families.

ok boomer game art illustration

ok boomer game art illustration

Branding and Game Design

Another important task for the design team was to make the game not only attractive and beautiful but also easy to use, elegant, and functional. As well as any product, it needed a solid and consistent identity that would help it stand out and communicate with users. So, here’s a look at the logo, the bold, bright, and catchy wordmark that is flexible for different marketing objectives, both digital and printed.

ok boomer game art illustration logo

For the packaging design, the main wish was to depict the characters but not static or echoing the posing on the cards. They had to be dynamic and energetic; what’s more, it was important to add the element of opposition to reflect the nature of the game.

ok boomer game art illustration

ok boomer game art illustration

Having agreed upon the title image, the designers worked on the whole packaging as well as smaller boxes for the card deck of each generation inside the main box.

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

And here’s a look at the same approach for the extension packs.

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

Working on play cards design and packaging for them, designers spent long hours choosing, matching, arranging, and testing to ensure that the text part that is the core of the game process is legible and good-looking, the cards look attractive and balanced, and all the details of the game keep consistent and present the united experience. Take a closer look at the cards and other elements of the real game.

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

ok boomer game art illustration

What could tell better about our job than the positive feedback from the client? And that is what the team was happy to hear from Joe, the product creator.

Case Study: Trivia Game Design and Visual Branding

No doubt, the OK Boomer project was an invaluable, diverse, and super-jovial experience in developing the diversity of characters and working on the design for a real, tangible product from scratch. Enjoy the game, guys!

ok boomer game art illustration

New design case studies from our team are coming soon. Stay tuned!

More Design Case Studies

Here’s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.

MOVA Brewery. Ecommerce Website Design for Beer Producer

HP23. Website and 3D Animation for Prostheses Producer

FluxWear. Web Design and Development for Health Tech Product

UI Design Process for Web and Mobile: 3 Detailed Video Cases

Magma Math. Web Design for Educational Platform

Synthesized 2.0. Web Design for High-Quality Synthetic Data Platform

HotelCard. Brand Identity for Hotel Offers Service

Nibble Health. Identity and UX Design for Healthcare Fintech Service

Physica Magazine. Web Design and Graphics for Scientific Blog

 

Originally written for Tubik Blog, graphic content by tubik

2D art, case study, character, character design, creative, design, design for marketing, design process, design studio, digital art, digital artist, digital illustrations, game design, graphic design, illustration, illustrator, people illustration, tubik agency,
  • English
  • Ukrainian