[Goals & Challenges]

Problem

Students often struggle to stay engaged with traditional math platforms due to dry interfaces, limited progress visibility, and a lack of personalisation. This makes consistent learning difficult to maintain.

Goal

The aim was to design a structured and engaging experience that supports student motivation through visual feedback, clear navigation, and gamified learning elements.

[Research & Discovery]

User Interviews

To better understand learning behaviours and pain points, I conducted in-depth interviews with students and educators. These conversations revealed consistent frustration with cluttered interfaces, unclear progress tracking, and a lack of engaging features. The insights helped uncover key opportunities to design a smoother, more motivating learning experience.

User Flow

I mapped the student journey from login through to course and task completion, focusing on key interaction points and moments that could enhance motivation. This process helped shape a clear and structured pathway that supported natural learning progression and kept the experience intuitive from start to finish.

[Design Process]

Wireframes

Low-fidelity wireframes were created to define layout structure, prioritise content, and test early interaction flows. This helped validate the core experience before moving into visual design, ensuring each screen supported learning goals with clarity and focus.

UI Design

The Mathly interface was created to be approachable, structured, and motivating for young learners. Clean layouts, soft shadows, and rounded components provide a calm and focused environment. Each screen was carefully designed to support clarity, whether showing learning progress on the dashboard, comparing time in analytics, or browsing content in the courses and challenges sections. Together, these elements build a consistent visual system that supports learning while keeping the experience light and engaging.

UI Design

The Mathly interface was created to be approachable, structured, and motivating for young learners. Clean layouts, soft shadows, and rounded components provide a calm and focused environment. Each screen was carefully designed to support clarity, whether showing learning progress on the dashboard, comparing time in analytics, or browsing content in the courses and challenges sections. Together, these elements build a consistent visual system that supports learning while keeping the experience light and engaging.

UI Design

The Mathly interface was created to be approachable, structured, and motivating for young learners. Clean layouts, soft shadows, and rounded components provide a calm and focused environment. Each screen was carefully designed to support clarity, whether showing learning progress on the dashboard, comparing time in analytics, or browsing content in the courses and challenges sections. Together, these elements build a consistent visual system that supports learning while keeping the experience light and engaging.

UI Design

The Mathly interface was created to be approachable, structured, and motivating for young learners. Clean layouts, soft shadows, and rounded components provide a calm and focused environment. Each screen was carefully designed to support clarity, whether showing learning progress on the dashboard, comparing time in analytics, or browsing content in the courses and challenges sections. Together, these elements build a consistent visual system that supports learning while keeping the experience light and engaging.

[Style Guide]

Typography and Colours

Mathly uses the Axiforma typeface for its balance of clarity and personality across different weights. The colour palette blends soft greens and bright oranges with clean neutrals to create a friendly and focused environment that supports learning without distraction.

Typography and Colours

Mathly uses the Axiforma typeface for its balance of clarity and personality across different weights. The colour palette blends soft greens and bright oranges with clean neutrals to create a friendly and focused environment that supports learning without distraction.

Typography and Colours

Mathly uses the Axiforma typeface for its balance of clarity and personality across different weights. The colour palette blends soft greens and bright oranges with clean neutrals to create a friendly and focused environment that supports learning without distraction.

Typography and Colours

Mathly uses the Axiforma typeface for its balance of clarity and personality across different weights. The colour palette blends soft greens and bright oranges with clean neutrals to create a friendly and focused environment that supports learning without distraction.

Results and Impact

The user-friendly design encourages more time spent on learning activities. With built-in gamification and clear progress tracking, the platform is positioned to significantly increase engagement and retention, helping solve a long-standing challenge in the EdTech space.

The user-friendly design encourages more time spent on learning activities. With built-in gamification and clear progress tracking, the platform is positioned to significantly increase engagement and retention, helping solve a long-standing challenge in the EdTech space.

The user-friendly design encourages more time spent on learning activities. With built-in gamification and clear progress tracking, the platform is positioned to significantly increase engagement and retention, helping solve a long-standing challenge in the EdTech space.

The user-friendly design encourages more time spent on learning activities. With built-in gamification and clear progress tracking, the platform is positioned to significantly increase engagement and retention, helping solve a long-standing challenge in the EdTech space.

Like what you see?
Let’s Work Together

Like what you see?
Let’s Work Together

Like what you see?
Let’s Work Together