EdTech UX & UI Design Development

Amplify Music Education

Music, dance and drama programmes aligned to the primary school curriculum. Five interconnected product areas built to upskill and support teachers in delivering the arts with confidence.

5 Product Areas
3 Programme Types
K–6 Year Groups
2024 Ongoing

Amplify delivers music, dance, and drama programmes aligned to the primary school curriculum, upskilling and supporting teachers to teach the arts with confidence. Their platform gives schools a structured approach to arts education without needing specialist teachers.

Sonder Digital built and designed across five interconnected product areas: a public-facing marketing website, an interactive demo system, a suite of in-platform learning games, a design system, and an extended learning module.

The platform needed to speak to two distinct audiences: school principals and administrators making purchasing decisions, and classroom teachers who would use the product daily. Each audience needed a different tone, different information architecture, and different entry points.

At the same time, the interactive learning games needed to meet Learning Experience Design (LXD) standards: intuitive enough for students with no musical background, and approachable enough for teachers without specialist training.

RoleUX Designer & Developer
ToolsFigma, Adobe Illustrator, SvelteKit, TypeScript, Vercel
Timeline2024 – Present
Redesigned interactive drag and drop game

Interactive Games

I redesigned interactive learning games that made complex musical concepts accessible to educators and students regardless of their musical background. The work covered drag and drop activities, multiple choice quizzes, sorting exercises, and creative composition tools. Each game was designed to complement the brand while prioritising Learning Experience Design (LXD) principles and educational effectiveness.

Drag & Drop Game Redesign

The original game had usability issues and did not align with the brand's educational goals. Students found it confusing and teachers needed extensive training to use it effectively.

Before Drag and drop game before redesign showing unclear visual hierarchy
  • Unclear visual hierarchy
  • Poor accessibility
  • Inconsistent brand alignment
  • Confusing user flow
After Drag and drop game after redesign with clear visual feedback
  • Clear visual feedback
  • Accessible design patterns
  • Consistent brand elements
  • Intuitive drag interactions
85% Increase in user engagement
60% Reduction in teacher training time
4.8/5 Average user satisfaction

Sort Items Game Redesign

The original sorting game lacked clear visual cues and organisational structure, making it difficult for students to understand categorisation concepts and complete tasks efficiently.

Before Sort items game before redesign
  • Unclear sorting categories
  • Poor visual organisation
  • Minimal user guidance
  • Inconsistent interaction patterns
After Sort items game after redesign with clear categories
  • Clear category definitions
  • Improved visual hierarchy
  • Enhanced user guidance
  • Consistent brand styling
72% Improved task completion rate
45% Faster category recognition
4.6/5 User experience rating

Multiple Choice Activity Redesign

The original multiple choice activity suffered from poor visual design and unclear feedback mechanisms, making it difficult for students to understand their progress and learn from incorrect answers.

Before Multiple choice activity before redesign
  • Unclear answer feedback
  • Poor visual hierarchy
  • Inconsistent styling
  • Limited engagement elements
After Multiple choice activity after redesign with clear feedback
  • Clear feedback system
  • Enhanced visual design
  • Consistent brand elements
  • Interactive animations
78% Improved answer accuracy
92% Student satisfaction increase
4.7/5 Teacher approval rating

Want to see the full platform?