User Screens
Complete user interface screens showcasing the full app experience from onboarding to advanced practice sessions
A comprehensive music learning app designed to make scale practice engaging, visual, and interactive. Built with modern UI principles and thoughtful user experience design to help both students and teachers master the building blocks of music.
View full project on Figma →
Complete user interface screens showcasing the full app experience from onboarding to advanced practice sessions
The final user flow showing the complete journey from onboarding to advanced practice sessions. This version represents the culmination of multiple iterations and refinements based on user testing and client feedback.
Based on comprehensive market research and user interviews, I developed detailed personas representing the target audience for Scaly. The research revealed key insights about music education challenges and user needs across different demographics.
Complete design system showcasing typography, color palette, components, and UI patterns for consistent user experience
Scaly addresses the gap between traditional music education and modern learning preferences. The app combines gamification, visual learning, and structured practice to make scale mastery accessible and engaging for both students and educators.
The app includes interactive note selection grids, progress tracking with visual feedback, customizable practice flows, and a comprehensive library of premade exercises. The interface adapts to different skill levels and learning preferences.
The design showcases a complete user experience from initial user flow mapping to final interface implementation, with iterative refinements based on client feedback throughout the development process.
Built with modern design principles including clean typography, intuitive navigation, and responsive layouts. The design system ensures consistency across all screens while maintaining the flexibility needed for diverse musical content.