Client
McGraw Hill
Year
2024
Service
Game Design · Visual Design · Illustration · UX

Smarty Ants

Teaching first-time readers — one world at a time.

Scroll
↳ Project Overview
06

A Decade
Overdue for
a Rebuild

"Students embark on quests, explore whimsical worlds, and assist heartfelt characters — learning to read without ever feeling like they're learning."

Smarty Ants is a core literacy game recognized and integrated into school systems for students from Pre-K through 2nd grade. The original version hadn't been redesigned in over a decade and needed a complete rebuild — not just visually, but architecturally. Our redesign evolved it into a modern, immersive MVP experience spanning four phases of work.

The challenge was massive in scope: translate 20+ levels of educational content and pre-existing pedagogy into a new immersive game experience. Tailor narrative, game mechanics, and interaction design for ages 5–8. Build a Design Language System for UI and illustration that could accommodate 20+ levels across 3 worlds, while ensuring inclusivity and accessibility for every student.

I led the full creative — visual design, illustration direction, UX, level design, and user testing. We spoke with student and teacher pairs selected across school performance, reading level, demographics, grade, ethnicity, US region, and device access. I even conducted user testing with my own daughter on game mechanics and storytelling ideas.

All of
It

Four phases of work, end to end — creative direction, UX, illustration, and game design across 20+ levels.

01
Visual Design Lead
Led all visual design across the product — from UI patterns and design system to illustration direction and world aesthetics.
02
Level & Game Design
Designed the level environments, game mechanics, and interaction patterns for 20+ levels across three immersive worlds.
03
Design System
Built a full UI DLS and illustration component library — scalable, accessible, and systematic enough to support every level and world.
04
User Testing
Conducted research with student and teacher pairs across diverse demographics — and tested game mechanics with my own daughter.

Worlds Built
to Explore

Four immersive game worlds across devices and touchpoints — each with its own visual theme, characters, and mini-games tied to literacy milestones.

Smarty Ants level design
Lesson flow diagram

Every World
Its Own Universe

Each level environment was designed with a distinct visual theme — systematically applied across our full illustration component library.

Winter level — Ice Maze Honeycomb level
Level hero shot Level with game hotspots

20+ Levels,
3 Worlds

Every level had a new imaginative visual theme — applied systematically across a shared illustration component library to keep production scalable.

All Smarty Ants worlds

Five Rules
for Learning

Design principles that governed every visual and interaction decision — balancing imagination with clarity for ages 5–8.

Five design principles

Content at
Scale

Aligning 20+ levels of literacy content and pedagogy with engaging game narrative across three captivating worlds required a rigorous design framework.

Level design framework

Built for
Kids

Creating UI for children was a distinct challenge — intuitive interactions, accessible patterns, and visual clarity that kept students focused on learning.

UI component system
Illustration asset library Level design mock

Tested with
Real Kids

Student and teacher pairs across diverse demographics — testing what worked, what didn't, and what made kids light up.

User testing outputs

From World
to Lesson

A full lesson flow — from world introduction through cinematic, transversal, teaching video, and interactive learning moments.

Lesson flow diagram
Next Project

Chick-fil-A
ONE