Music education is widely recognized for its positive impact on cognitive development and emotional well-being. However, traditional teaching methods often struggle to make abstract concepts and aural skills accessible to learners. Architone addresses these challenges by reimagining music theory as interactive musical blocks and buildings, offering a fresh approach to learning and creativity.
Developed through extensive interviews with educators and students, Architone identifies three core barriers in music education: the abstractness of theory, repetitive training, and lack of integration between theory and practice. The app’s dual-mode system—Learning Mode and Creation Mode—directly responds to these issues. Learning Mode introduces chords and harmony structures progressively, using gamified levels that reinforce understanding through hands-on reconstruction of musical compositions. Creation Mode, meanwhile, allows users to apply their knowledge by composing original music, fostering both skill development and creative expression.
Technologically, Architone leverages Figma for interface prototyping and SwiftUI for development, ensuring adaptive layouts and smooth animations on iPadOS devices. The design adheres to official iOS interface guidelines, making it adaptable to various screen sizes, with the iPad Pro 13-inch serving as the primary template. This attention to technical detail ensures a seamless and engaging user experience.
One of Architone’s most distinctive features is its visualization of music theory. By transforming complex concepts into tangible, interactive elements, the app lowers barriers to entry and sustains learner interest. After more than 20 design iterations, the result is a platform that not only teaches music theory but also inspires learners to create and innovate.
Architone’s impact has been recognized with the Iron A' Design Award in Education, Teaching Aid, and Training Content Design for 2025. This accolade highlights the app’s effectiveness in integrating industry best practices with innovative educational strategies, contributing to a more fulfilling and accessible music learning experience for all.
By merging thoughtful design with cutting-edge technology, Architone sets a new standard for music education, inviting learners to explore, create, and grow as musical architects.
Project Designers: Jiaxing Yu
Image Credits: Image #1: Creator, Jiaxing Yu, ArchiTone Main Image, 2025.
Image #2: Creator, Jiaxing Yu, ArchiTone All Modes, 2025.
Image #3: Creator, Jiaxing Yu, ArchiTone Learning Mode, 2025.
Image #4: Creator, Jiaxing Yu, ArchiTone Creation Mode, 2025.
Image #5: Creator, Jiaxing Yu, ArchiTone Learning Mode Details, 2025.
Project Team Members: Creative Director: Jiaxing Yu
Designer: Wenqi Wu
Designer: Yuxuan Gao
Tutor: Kejun Zhang
Project Name: Architone
Project Client: Zhejiang University