Jordan Maier

designer
illustrator
p-bass enthusiast

Funix project

Funix

game design | packaging design | brand identity | motion design

There are no educational games that teach phonics according to the Science of Reading methodology. Phonics, despite being a proven method for teaching literacy, has been neglected in public schools in favor of the widely discredited "Whole Language" model. As a result, literacy rates in the US are among the lowest of any first-world country.

Funix is a flash-card learning game that uses phonics to teach children how to recognize letters, combine sounds, and create words. Funix uses a simple layout, dyslexic-friendly design, and warm, friendly colors to make phonics and reading fun.

Timeframe:
12 Weeks
Tools:
Adobe Illustrator, Photoshop, InDesign, After Effects, Media Encoder
see my process...
A mockup of a card game box and lid with cards floating around it

Final product mockup

The Funix Quick Start Guide is linked via QR code on the side of the packaging, giving parents and kids a fun introduction to the game

Funix

Process

I am indebted to the Seattle kid's game store Snapdoodle for letting me do my research there. With the help of their generous employees, I gathered images of other popular learning games. I learned that simplicity in game-play was a key driver of sales, and that learning games that included a tactile element also did well.

A collection of pictures of learning games

Pictures from my Snapdoodle research expedition

Typography

The primary typeface used on the Funix game cards is Trebuchet MS, which is a dyslexic-friendly font that uses subtle variations in its terminating strokes to differentiate between easily confused letters, lower-case d's and b's, for example. The Funix branding uses Alfarn for the display type, and Avenir Next for body copy. I know that using two sans-serif typefaces on one project is a little eccentric, but Trebuchet really only appears on the letter cards, and Avenir  appears on the packaging and game cards, so they're kept somewhat seperate.

Colors

The most common response from my classmates about this project was a universal endorsement of the colors. Which is funny because I spent very little time in choosing them. Through my research, I knew that I needed to avoid dark colors and earth-tones. Bright and bold colors with plenty of white space would stick out on the shelf. The game cards themselves use colors from the Pantone uncoated book, their general harmony a fortuitous accident.

A picture of various size- mockups for a card game

Testing different card sizes

A picture of a hand-made mockup for a card game

Hand-made prototype to test gameplay

An orange playing card with a capital "D" on it

Example of letter card

A playing card with rules for a learning game

Example of game card

A picture of multi-colored letter cards arranged to spell the words "version one"

Showing how the cards are used to spell words

A picture of user testing a card game

User testing with one of my classmates

A picture of a card game box ad die lines

Packaging design and dielines

Colophon

The entirety of this website was set in Outfit. Designed by Rodrigo Fuenzalida for Smartsheet Inc., Outfit is a geometric sans-serif based on the wordmark of its namesake company, outfit.io.