Skip to content
Jiaxing Yu's Architone Music Learning App presents an isometric architectural composition wherein three tablet devices stack vertically in a gravity-defying cascade, each plane revealing distinct inte
Jiaxing Yu's Architone Music Learning App demonstrates a sophisticated modular interface architecture distributed across five distinct tablet screens arranged in an overlapping isometric presentation
Three-dimensional spatial arrangement reveals a striking diagonal cascade of tablet devices, each displaying interface screens from Jiaxing Yu's Architone Music Learning App, with compositional vector
Jiaxing Yu's Architone Music Learning App presents a thoughtfully orchestrated tri-screen interface composition displayed across three horizontally aligned tablet devices positioned in a cascading ver
Jiaxing Yu's Architone Music Learning App presents a sophisticated digital learning environment displayed across two tablet devices positioned in dynamic spatial relationship, with the foreground devi

Zhejiang University

Iron Education, Teaching Aid and Training Content Design · 2025

Architone Music Learning App

by Jiaxing Yu and Wenqi Wu

  • A' Design Award 2025 Iron Winner in Education, Teaching Aid and Training Content Design
  • Awarded April 15, 2025
  • CLIENT: Zhejiang University
  • Estimated Number of Design Views: 21,967
  • Verification code 91BD1A6298 · Verify this award
Email this page to a friend

Get a Badge

About Architone Music Learning App

Traditional music education often leaves learners confused by abstract theory and aural skills, reducing their interest and creativity. Architone innovatively transforms abstract music theory into intuitive musical blocks and buildings to help learners naturally acquire knowledge through engaging interaction and ultimately empowering them to create beautiful music. Its dual-mode design, Learning Mode and Creation Mode, supports incremental skill development while fostering creativity. Architone uses the power of design to make every learner a musical architect.

Jiaxing Yu's Architone Music Learning App emerges from the vital intersection of music education, spatial cognition research, and contemporary gamification theory, representing a sophisticated contribution to the expanding field of educational technology interface design where abstract pedagogical frameworks transform into navigable visual environments. The work demonstrates substantial compositional achievement through its deployment of isometric projection as both organizational principle and conceptual metaphor, creating a visual architecture where three distinct interface states stack vertically to suggest educational progression while maintaining equal clarity across all levels, refusing hierarchical diminishment and instead proposing simultaneous accessibility to multiple learning pathways. The chromatic sophistication evidences careful consideration of color psychology in educational contexts, progressing from atmospheric blue-gray suggesting contemplative focus and nocturnal study through neutral middle tones proposing transitional states before arriving at vibrant cerulean, viridian, and amber passages that activate engagement and reward achievement, creating a thermal gradient from cool concentration to warm accomplishment that subtly reinforces pedagogical narrative. The circular avatar elements containing architectural and musical iconography demonstrate refined symbolic economy, distilling complex concepts into legible geometric forms where simplified building facades in warm hues contrast against cool grounds, suggesting how musical structures mirror architectural principles of foundation, support, and ascending complexity, while the circular containers themselves evoke both musical notation and architectural plan views, creating elegant visual polyvalence that serves dual educational objectives. Technical execution reveals meticulous attention to material differentiation, rendering glass screen surfaces with appropriate luminosity and subtle reflectivity while distinguishing them from matte aluminum bezels through carefully managed highlights and shadow behavior, demonstrating how digital visualization can honor material reality while serving idealized presentation needs. The slender stylus crossing the uppermost screen introduces human scale reference and gestural possibility, suggesting active engagement rather than passive observation and reminding viewers that educational technology succeeds through embodied interaction, transforming abstract interface design into invitation for tactile participation. The interface layouts visible across the three screens suggest thoughtful information architecture where content modules, progress indicators, difficulty levels, and achievement systems organize into coherent spatial arrangements that prioritize clarity and reduce cognitive load, reflecting contemporary understanding that effective educational technology must balance comprehensive functionality with visual simplicity. The composition participates in broader traditions of technical illustration and product visualization while extending these conventions into educational technology contexts, creating presentation strategies that honor both the device's material presence and the application's conceptual ambitions. Thematically, the work explores how learning environments might transform from sequential page-turning models into spatial navigation experiences where knowledge becomes architecture to explore, musical concepts become rooms to inhabit, and educational progression becomes vertical ascent through increasingly complex but consistently welcoming spaces. The work invites consideration of how interface design shapes pedagogical philosophy, how visual metaphors structure learning experiences, and how educational technology might balance systematic organization with playful exploration, creating environments where structure enables rather than constrains discovery, and where clarity serves engagement rather than limiting possibility.

Press Kit

Unique Properties
ArchiTone innovatively transforms abstract music theory into intuitive musical blocks and buildings to help learners naturally acquire knowledge through engaging interaction and ultimately empowering them to create beautiful music. Its dual-mode design, Learning Mode and Creation Mode, supports incremental skill development while fostering creativity. ArchiTone uses the power of design to make every learner a musical architect.
Dimensions & Packaging
This application takes iPad Pro 13-inch as the template and refers to the official interface design specification of iOS. It is adaptable to many different resolutions and kinds of screens.
Tags
Music education, Learning platform, Music learning, App, Music
Production Technology
We carried out interviews with both music educators and music learners. After the interviews, we first created the interface prototype and low-fidelity design on Figma software and iterated through user testing. Then, we developed ArchiTone as an iPadOS application using SwiftUI that enables adaptive layouts and smooth animations.
Design Challenge
The most significant challenge in designing ArchiTone is bridging the gap between abstract music theory and intuitive, engaging learning experiences. In our interviews, we found that educators and learners alike desired a way to visualize music that would lower barriers to teaching and learning. Aiming at the above problems, we designed a visualization scheme for core music concepts in ArchiTone, representing them as interesting musical blocks and buildings. After more than 20 iterations, we are confident that we have done great things.
Project Duration
The project started in Hangzhou, China, in October 2023 and was completed in October 2024.
Operation Flow
ArchiTone includes two modes: Learning Mode and Creation Mode. Learning Mode is designed to progressively introduce chords and harmony structures. In this mode, there are multiple levels, starting with the fundamental chords and advancing to the more complex chords. In each level, learners first learn a new chord block alongside previously learned chord blocks through a musical composition, and then reinforce their understanding by reconstructing the musical building from shuffled blocks. Creation Mode allows learners to freely use the chords they have already learned to create new musical works. By customizing blocks and forming the building, they can apply the music theory flexibly to music praxis and achieve the goals of music education.
Research
At present, music education plays an important role in many aspects, such as reducing stress, enhancing creativity, and fostering collaborative skills. However, traditional methods often struggle to effectively convey abstract concepts and aural skills to learners. Through interviews with both educators and learners, we found three major challenges with existing learning softwares: the abstractness of music theory, the monotony of repetitive training, and the lack of integration between theory and practice. Therefore, we designed the ArchiTone, a platform for music theory learning and music praxis.
Inspiration
Music education has long been recognized for its profound impact on cognitive development, emotional regulation, and social inclusion. However, traditional approaches to music education often leave learners confused by abstract theories and aural skills. According to our formative interviews with educators and learners, we found three key pain points: the abstractness of music theory, the monotony of repetitive training, and the lack of purpose-driven integration. These challenges inspire us to design ArchiTone, an App for music theory learning and music praxis.
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.
Patents
The above material comes from our own team.

Colors of Architone Music Learning App

Get Architone Music Learning App

Music Education Technology Research

We develop innovative educational technologies that make music learning intuitive and engaging. Our award-winning research team at Zhejiang University combines cognitive science with creative design to transform how people learn and create music. Explore partnership opportunities.

G0E1 Shop

Related Designs

View All

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate