Role: UI/UX Designer and Print Designer
Team: UX Designer, User Researcher, Product Manager, Curriculum Manager, Engineering, Stakeholders
Platform: Web (Planning) + Print (Instruction)
Overview
Building on the philosophy of productive struggle and self-discovery, InsightMath is a completely new curriculum designed for today’s classrooms.
For the launch, we created a Teacher Guide in digital and print formats to provide a consistent, easy-to-use experience that supports lesson planning and teaching.
Understanding the Landscape
We started with a competitive analysis of how other education brands handle teacher materials and found two key gaps:
- Digital lesson-planning tools were often overwhelming.
- Print and digital materials didn’t work well together.
Early teacher interviews confirmed this: they liked digital guides for planning but relied on print during class lessons.
Proof of Concept & Early Design
Working with R&D, we built an initial digital prototype using ST Math’s console styles. As we refined it, we:
- Expanded the information architecture to organize content from Unit → Investigation → Cluster → Lesson
- Added tabs, collapsible sections, and sub-navigation to simplify complex content structures
- Enabled progressive disclosure so teachers could focus on key content without cognitive overload
- Collaborated with stakeholders to help define the core product requirements to guide future design
Digital Teacher Guide
The digital experience focused on lesson planning, with designs supporting both scannability and depth. Key UI/UX choices included:
- Progressive disclosure so teachers could focus on what mattered without cognitive overload
- Mobile responsiveness for all device types
- Tabbed navigation for quick access to content levels
- Clear, consistent headers and layout structure
- Subtle visual hierarchy using collapsible content blocks
- Simplified, accessible components drawn from our evolving UI style library
We made regular refinements based on teacher feedback and usability input, streamlining content and removing friction. Also, taking into account business needs and engineering feasibility.
Final Mockups
Page Interactions
Responsiveness
Printed Teacher Guide
As digital designs matured, we began mirroring the structure in print. However, based on usage patterns:
- We intentionally omitted certain planning elements from the print version, streamlining it for real-time teaching
- Consistency remained critical—visual language, terminology, and content flow were aligned with the digital product
- Print and digital began informing each other, leading to a refined and unified experience across platforms
UI Library & Design System
To support long-term scalability, I led the development of a new UI style library tailored to InsightMath’s evolving brand. This included:
- A consistent visual system for both web and print
- Reusable, accessible UI components for future product work
- Visual patterns designed to bridge instructional contexts—so teachers felt at home in either medium
Results & Takeaways
- Teachers responded positively to the simplified digital planning experience
- The visual and structural consistency reduced onboarding friction across formats
- Our approach laid the foundation for a modular, extensible design system used in future product lines
Reflection
This project reinforced the value of platform-aware design thinking—not just making things consistent, but understanding user intent across contexts. It also deepened my collaboration with curriculum experts and strengthened my hybrid skills in both UI/UX design and print systems.