Skip to content
Architone App Kawm Suab Nkauj by Jiaxing Yu and Wenqi Wu

Architone App Kawm Suab Nkauj by Jiaxing Yu and Wenqi Wu is a highly esteemed winner of the very prestigious 2025 A' Design Award Hlau in Tsim Kev Kawm, Khoom Pab Qhia thiab Kev Cob Qhia Competition Category.


HlauKev Kawm· 2025

Architone App Kawm Suab Nkauj

by Jiaxing Yu and Wenqi Wu

Client: Zhejiang University

A' Design Award Hlau Winner in Kev Kawm Category

22,163

Verified Award Winner

Verify Award Status for #170188

Colors

The Design

About Architone App Kawm Suab Nkauj

Kev qhia suab nkauj ib txwm muaj feem ntau ua rau cov neeg kawm tsis nkag siab txog txoj kev xav paub uas nyuaj thiab kev txawj mloog, ua kom lawv nyiam tsawg thiab muaj tswv yim tsawg. Architone hloov txoj kev xav paub suab nkauj uas nyuaj nkag siab mus ua cov khoom suab nkauj thiab tsev uas yooj yim nkag siab kom cov neeg kawm kawm tau tej yam paub yooj yim los ntawm kev sib koom tes zoo siab thiab thaum kawg muab hwj chim rau lawv tsim suab nkauj zoo nkauj. Nws tus qauv ob hom, Hom Kawm thiab Hom Tsim, pab txhawb kev txhim kho kev txawj ib kauj ruam zuj zus thaum txhawb kom muaj tswv yim. Architone siv lub hwj chim ntawm kev tsim qauv kom txhua tus neeg kawm ua tus tsim qauv suab nkauj.

The Recognition

About the A' Design Award Hlau

Architone App Kawm Suab Nkauj yog tus yeej ntawm A' Design Award Hlau, ib qho kev lees paub muaj meej mom uas muab rau cov qauv tsim zoo uas ua tau raws li cov kev xav tau ntawm kev ua haujlwm thiab kev lag luam uas xav tau los ntawm cov khoom tsim zoo. Cov neeg yeej Hlau qhia txog kev txawj loj, kev paub tshwj xeeb siab, kev nkag siab ntawm cov kws tshaj lij thiab lub peev xwm tsim ntawm cov neeg tsim. Architone App Kawm Suab Nkauj xav tias yuav yog ib qho khoom tsim uas neeg hwm, qhuas thiab hlub uas siv tau thiab tsim tshiab. Cov qauv tsim yeej A' Design Award Hlau no sib xyaw cov kev coj ua zoo tshaj plaws ntawm kev lag luam thiab muaj cov yam ntxwv siv tshuab txawj ntse txuas nrog kev paub thiab txuj ci. Architone App Kawm Suab Nkauj tau txais kev hwm vim nws tag nrho thiab tsim los muab kev txhim kho rau lub neej uas pab ua rau lub ntiaj teb zoo dua.

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

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.
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.
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.
Patents
The above material comes from our own team.
Team Members
Creative Director: Jiaxing Yu
Designer: Wenqi Wu
Designer: Yuxuan Gao
Tutor: Kejun Zhang
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.

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

The A' Design Award is an international, juried accolade for good design. Take part in the A' Design Award to get an opportunity to earn meritocratic recognition, gain fame, prestige and publicity for your work. Nominate your work for the A' Design Award and compete for the coveted A' Design Prize.

Nominate