Jordan Maier

designer | art director

designer
illustrator
p-bass enthusiast

Funix project

Funix

game design | art direction

Despite decades of evidence supporting phonics as the most effective method for teaching reading, few educational games use the Science of Reading approach. Many schools still rely on “Whole Language” methods, contributing to low literacy rates across the United States.

I set out to design a learning tool that would make phonics engaging and accessible for young readers. The goal was to create an educational game that combined effective pedagogy with inviting, child-friendly design.

The result was Funix, a flash-card–based game that teaches children to recognize letters, combine sounds, and form words. I designed the cards with a clean layout, dyslexia-friendly typography, and a warm color palette to promote focus and enjoyment.

Funix transforms phonics practice into an interactive experience that helps children build reading confidence through play.

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

A picture of Funix game box prototypes

Laser-cut packaging prototypes

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.