new-matt.gif

M.A.T.T Studio

Music Aural Theory Trainer

  • The objective for the startup company is to design a user-friendly and engaging UX for an e-learning platform offering various courses

  • The platform should cater to different types of learners, facilitate easy navigation, and provide a seamless learning experience across devices

  • Additionally, the platform was designed to allow teachers to use these courses in conjunction with their students, enhancing the overall learning experience.

 

Design Process

User Research

  • Conduct surveys and interviews to understand user needs and pain points.

  • Create user personas and journey maps to guide the design process.

  • Landscape review

Prototyping

  • Create interactive prototypes for user testing and feedback.

Visual Design

  • Develop a cohesive visual style including typography and color palette

  • Ensure consistency across all pages and elements.

User Testing

  • Conduct usability testing with real users to identify issues and gather feedback.

  • Iterate on the design based on testing results.

Development Handoff

  • Prepare detailed design specifications and assets for developers.

  • Collaborate with developers to ensure accurate implementation.

Launch and Monitoring

  • Launch the platform and monitor user engagement and performance.

  • Continuously collect feedback and make improvements.

 

Scope

User research and usability testing

User interface and detailing

Development handoff


Courses landing page

  • Listings: Courses organized by categories

  • Course Cards: Each course displayed as a card with a brief description, rating, and select button

  • Visuals: Eye-catching visuals and a compelling headline to attract users

  • Breadcrumb Navigation: To help users keep track of their location within the catalog


Interactive Elements

  • Quizzes and Assessments: Periodic quizzes to reinforce learning with instant feedback

  • Scoring: Provide immediate scoring and detailed feedback upon quiz completion

  • Interactive Exercises: Hands-on activities or simulations to apply knowledge

  • Audio : High-quality audio player with simple controls presented with questions

  • Progress Tracker: Visual indicators of course completion status

 

User dashboard

  • Topics: List of enrolled topics with status indicators.

  • Results: Display scores for completed lessons

  • Share: Share function to facilitate communication between teachers and students

 

Achievements

  • Successfully launched the new course selection and enrollment interface within the six-month timeframe.

  • Enhanced the user experience, making it easier for students to find and enroll in courses.

  • Enabled teachers to use the platform in conjunction with their students, facilitating a more collaborative learning environment.