top of page
smartmockups_kex1rhtx.png
smartmockups_kh5kxrxc.png
Free iPhone X Mockup Set 1.png
Untitled-1.png

  Pipe Organ Music App

Fall 2020 | Music UI/UX

Synopsis

As the new generation progresses, music apps have enabled music lovers to listen to their favorite tracks on their preferred platforms. However, can the older generation also enjoy and embrace traditional forms of music? Pipe organ music is one such classical music genre that is beginning to lose appreciation. As an aspiring organist and classical music enthusiast, I want to develop an app dedicated to the pipe organ, where organists and classical music lovers can listen to their favorite organ music.
 

High School Student -  Spotify

  • Finds the Ui easy to use

  • Uses the app to study and relax

  • Wished that free browsing can be   in mobile

  • Likes how the app makes personalized playlists

 

Labor Worker -  Apple Music

  • Uses the app whenever possible

  • Uses the browsing engine the most

  • Suggests that there should be more sub categories

  • Doesn't like how there are ads even with subscription

Retail Worker -  Spotify

  • Uses the app mostly when driving

  • Likes that there are a variety of soundtracks

  • Uses suggested music the most

  • Finds it interesting how users can contribute to the music

College Student -  Idagio

  • Uses the app to study

  • Uses the mood function

  • Wanted a desktop version

  • Wished that there was information of the composer or artist

Consumer Survey:

To understand what users expect from a music app, I conducted a survey among my colleagues from different demographics. This helped me assess which features work best for the app and how to improve the user experience.

User Personas:

I used the research data from consumers to create my ideal target audience for the music app. This audience consists of musicians and individuals who have a passion for music. These individuals not only listen to music but also want to learn and understand the mechanics of each song they hear. Ideally, I want my app to connect both my audience and performers to the organ.

app map-02.png

Idagio App Flow

I decided to base my music app surrounding the app Idagio,, the first classical music app. This app had a clear Ui with all the different categories of classical music that the user can browse easily. What was missing was where it was performed and lacked different variations

of music.

App Flow Concept

My app would include the main features of a basic music app, such as login, browsing tracks, creating playlists, collecting music, and listening to recordings and concerts from the organ. It would also include sections for artists, a music player, profile settings, and more. I have created a unique flow that connects and educates listeners about the organ played by the artist. Users can learn more about the history and sound of the organ.

app map-01.png
wireframe layouts.png

Wireframes

I developed these wireframes based on my research and app flow. I designed the app to include all organ music and link it to actual church organs. There is an "Organ" menu UI, where users can explore different organs, view recordings from famous artists, and listen to concert recordings from church organs.

Untitled-1.png

Logo & App Icon

The name and logo "Cecilia" are inspired by Saint Cecilia, the patroness of music, who is associated with the pipe organ. The logo is derived from the font Prata, with the letters "ili" abstracted to resemble a pipe organ. These letters feature a gradient treatment and have had the serifs and stems cut to create the pipe organ effect. The color palette consists of dark teal and yellow, inspired by the Baroque color palette. The font Century Gothic was used to give a modern yet classic look, while ensuring easy legibility.



App icon-02.jpg
cecilia fonts.png
fontshowcase2.jpg
palette.JPG
cecilia fonts.png
Mockup.jpg
a4 magazine  mockup.jpg
Web-Showcase-Project-Presentation.jpg
Free iPhone X Mockup Set 2.png
Free iPhone X Mockup Set 2.png
Free iPhone X Mockup Set 2.png

 ©   Khoa Tran 2025

bottom of page