2022
Teachmint
Teachmint: How we built a scalable and intuitive design language that serves a wide range of users—ensuring clarity, accessibility, and modern appeal.
Objective
With no single source of truth, designers were reinventing the wheel - creating similar components in slightly different styles. This led to a disjointed user experience and added unnecessary complexity for engineering.
Role
Product Designer
Platform
Web, Android, iOS
Core Problem
The challenge was clear: as our product offerings grew, so did the number of inconsistencies- duplicate components, mismatched styles, and scattered design patterns. Teams were spending more time rebuilding than reusing. This not only slowed us down but also diluted the user experience. Our goal was to fix this by creating a flexible, unified system that could support all user journeys - no matter the persona or platform.
The design system was developed to support Teachmint’s multiple products offering for students, teachers, and administrators. With different designers working across various projects, the system ensures consistency, standardisation, and efficient reuse of components across all products.
Goal and Scope
The goal was to create a design system that caters to four key personas: students, teachers, school administrators, and parents. A unifying element among all four is their frequent use of Crayon and watercolours in daily activities, making it a natural choice for the system’s colour palette.
Pastel colours create a calm experience, with each shade representing a different subject for easy recognition by students & teachers.
We chose typography that's versatile and optimised for readability across all platforms.
Dropdown are designed for current needs with flexibility for future use cases.
Combining all these elements results in
cohesive and functional UI components.
It was an amazing project to work on - especially when interacting directly with students and teachers, it felt nostalgic, like stepping back into school days.
check out the video
