A first-of-its-kind K–5 curriculum system, designed from a blank page to statewide adoption, now used by 17 million students.
“Reach New Heights.”
PressPRNewswire.com ↗IXL press release ↗California Department of Education ↗
Overview
Takeoff is a K–5 print curriculum system that translates IXL’s digital pedagogy into a physical classroom experience, 3,000+ pages across 18 volumes, built to scale across diverse learning environments.
As Lead Visual and Systems Designer, I designed both the visual identity and the underlying design infrastructure: a color-and-typography “navigational GPS” that keeps complex instructional content intuitive for students and effortless for teachers at any scale.
Click the “+” to reveal the Design Core behind each number.
01 · The Context
IXL Learning already reaches 30% of U.S. students digitally, with more than 17 million students currently using it. Takeoff is the bridge that brings that same pedagogy into the physical classroom, a first-of-its-kind print curriculum built from a blank page to statewide adoption, on a platform teachers and students already trust.
But bringing this vision into the physical classroom revealed a persistent challenge that modern educators face daily, which led directly to our mission.
A mountain of paperwork, fragmented materials, and endless bookmarked links. Modern educators spend upwards of 15 hours per week on lesson planning, sacrificing personal time just to prepare.
Build an “instant-start” curriculum that removes the need for material adaptation, creating an intuitive, day-to-day experience for both educators and learners.
02 · My Role
In 2023, I joined IXL Learning to lead the brand visual and infrastructure design for Takeoff, IXL’s first-ever print curriculum product. From concept to final production, I guided the project’s visual DNA and scaled the system across a cross-functional team of 50+ stakeholders.
50+ stakeholdersthe few I collaborated with most
I built the scalable visual system and brand voice from a blank page through to launch.
Collaboration across Product Managers, Curriculum Designers, Visual Designers, Illustrators, Researchers, Marketing and Sales.
Partnered closely with in-house and contract designers to execute the framework efficiently.
03 · Competitors
Before touching the canvas, we studied existing K–5 math programs to understand what made content digestible, and where it fell flat. Three patterns kept appearing across every competitor we reviewed.
Internal systems felt interchangeable. With no visual identity per grade beyond the cover art, the curriculum lacked an intuitive sense of progression.
Every spread required individual decisions a system would have made automatic, creating friction at every handoff and grade transition.
Tiny answer boxes and cramped layouts prioritized “fitting content into a catalog” over what works best for young learners.
04 · Design Process & Brand Story
The idea behind Takeoff was simple: learning takes flight.
We shaped the brand to feel like a moment of lift-off, where students are growing, moving forward, and discovering what they can do. The visual identity communicates progress and personalization while remaining calm and structured. It is energetic without becoming chaotic, playful while maintaining clarity; a balance between motivation and stability across grade levels.
Guided by our newly defined brand personality keywords, I built a color system that visualizes student progression from one year to the next, shifting from vibrant colors to richer, deeper tones as kids grow.
I partnered with another principal designer to brainstorm and design these fun book covers for our Takeoff workbooks. After evaluating multiple insects and animals together, we chose birds as our final direction. They not only feel the most familiar and welcoming to kids, but they also perfectly align with our takeoff theme, allowing us to bring each grade’s unique, evolving traits to life through a cohesive system.
Click any cover to reveal the playful math details and Easter eggs woven into each design.
*The “IXL Essentials” was a placeholder name before we landed “Takeoff”.
Following rounds of deep exploration and iteration, this is the final look that was approved by the entire team and leadership. Beyond the final output, I formalized this style into our comprehensive visual system brand guide and asset library for the team to use.
With our signature bird mascots and core color palettes defined, I partnered with digital UI designers to extend the brand’s reach. We established a unified identity and a suite of scalable design assets that feel fresh and innovative, yet function seamlessly across both digital and print mediums while staying true to IXL’s core brand.
05 · The Challenge
After defining the brand, managing complex content became the priority. The core challenge: a scalable approach that could hold up across thousands of pages and many designers, a framework that evolves alongside students from age 5 to 11.
The infrastructure had to scale GK–G5, from large Kindergarten illustrations to dense Grade 5 problems, keeping thousands of pages consistent and protecting our visual DNA at every level.
With 3,000 pages and 20+ designers working simultaneously, the system had to be so clear that a designer who had never met me could get it right on the first try.
06 · Color GPS
Visual appeal is only half the story. The real challenge was helping users navigate a massive volume of content across grade levels. By encoding rules into color, I designed an “invisible GPS” that keeps navigation intuitive even in a chaotic classroom.
Each grade gets one bird and one palette, kindergarten through grade five, drawn in a warm folk-art style. The pairing is high contrast on purpose. A teacher reaching into a stack, or a student at the shelf, finds the right book in a heartbeat.
Underneath the covers sits a master blueprint. It maps every palette, every mascot, the type scale, and the component libraries onto one grid. The grid tells the team exactly where each asset belongs. New people can build a page without guessing, and the system holds across thousands of pages.
Click the Live Template thumbnails to open each grade’s master template file.
The same logic carries inside the book. Grade color marks whose book it is. Lesson color rotates Orange, Blue, Indigo, Gold, so turning the page feels like moving forward. The ribbon colors are sampled straight from the Florida-edition workbook PDFs, so screen and print stay in step. A fixed anchor zone never moves, and that is what keeps a child oriented mid-lesson.
Click any of the thumbnails to check the color framework.
07 · Scale
A strong design language is only the starting point. The harder part is making collaboration feel effortless, so every designer can build together and succeed. I built a central library hub to hold every asset and template, and keep the whole team aligned.
One page per grade summarizing every color, type rule, and layout constraint, a contractor’s first and last reference.
Structural layers locked so contractors focus on content quality, not structural guesswork. Errors dropped because ambiguity dropped.
Complex palette rotations encoded in logic, not memory. Anyone could maintain it, no tribal knowledge required.
Help us to clean up the messy files by clicking on the switch buttons:
08 · Accessibility
As the curriculum scaled, true integrity meant being inclusive by design. Analyzing special-education data forced us to ask:
Does our design truly serve every student?
This spark compelled me to spearhead accessibility testing across our entire print and digital product lines.
While we recognize that design can rarely address 100% of specialized needs instantly, we relied on hard data to maximize our impact. Instead of focusing on medical diagnoses, we grouped students by Design Access Needs to systematically bridge the gap to learning equality for as many learners as possible.
Print Accessibility
Solving for the 8%
Color blindness simulations revealed that under protanopia and deuteranopia (red-green colorblindness), the linked blocks commonly used in G1–G2 math problems collapsed into the exact same tones, creating severe learning barriers for these students.
I engineered a systemic pairing guide with tonal contrast standards baked directly into our design tokens and core templates, making the design handoff process effortless and flawless for contractors.
Digital Inclusivity
Supporting the 14%
Moving from print to digital introduced unexpected barriers:
I established a clear Tagged PDF framework by adopting the official U.S. Section 508 Tag Guidelines. By restructuring how digital documents are read, I turned regulatory compliance into a built-in product feature:
09 · Business Perspective
In the K–12 market, design is not cosmetic, it’s a commercial gatekeeper. To win California state adoption, we had to pass a rigorous review where visual consistency and navigation clarity directly impacted our official score.
To guide 120 committee board members through our product evaluation, I designed a comprehensive reviewer toolkit built on three pillars:
Securing official state approval opened immediate access to high-value, large-district contracts. The California State Board of Education formally approved Takeoff for K–5, followed closely by Florida, with Texas positioned as the next major market.
10 · The Final Outcome
From IXL feedback survey
“Takeoff by IXL has made my students more confident in math… their test scores have improved by about 15% since we started using it.”
, 6th-grade teacher, Los Angeles area
“Takeoff has made my life easy when it comes to teaching my class. I adore how everything is structured and easy to read. Love it so much!”
, Middle-school math teacher, Virginia
“I’m also searching for something simple, structured, and flexible to support my kids’ learning. That’s when I found IXL, and it stood out right away as a tool I could actually see myself using daily.”
, Homeschool mom of 3
“Find the blue circle, because he knows colors but not shapes. Then he is able to find the circle. For Andy, I would say the same thing and give a visual cue because he struggles with colors and shapes.”
, Special-education teacher, 5 students with intellectual disabilities and autism
11 · Learnings
A color beautiful on one page might fail across a thousand. The unit of evaluation changed from “this spread” to “this system.”
The accessibility work came from noticing a gap, not from a brief, and following it seriously enough to rebuild part of the system was the right call.
Contractor consistency issues traced back to gaps in early documentation. I’d start reference sheets in week one next time, not week four.
State adoption reviews score visual consistency explicitly. Design quality wasn’t just aesthetic, it was part of the business case.