Back to work

Experimental Projects / 2024

Music Notes App

A study surface for musical thinking

Domain

Learning

Overview

The product frame

A playful but disciplined learning product where feedback loops, repetition, and clarity drive progress.

The Challenge

Music practice tools can feel either too plain or too distracting for focused learning.

State feedback
Practice pacing
Accessible controls

Research

Understanding the operating context

The work begins by identifying the user decisions, business constraints, domain language, and moments where the system must reduce uncertainty.

Architecture

A direct interface that keeps the learner oriented while reinforcing recognition patterns.

Exercise engine
Reusable practice components
Progress state

Development Process

From model to interface

Product design
Frontend engineering
Learning flow

Tech Stack

Tools selected for the shape of the product

React
TypeScript
CSS Modules

Gallery

Music Notes App

Interface study 01

Music Notes App

Interface study 02

Music Notes App

Interface study 03

Key Features

What the system makes possible

An interactive tool for learning, practicing, and recognizing musical notes.
A direct interface that keeps the learner oriented while reinforcing recognition patterns.
Domain: Learning

Solutions

Decisions that lowered product risk

Adaptive difficulty
Audio recognition

Results

A clearer system for real work

The outcome is not just a screen set. It is a more legible way to move through business logic, product decisions, and user tasks.

Lessons Learned

The interface is only as strong as the model beneath it

The strongest product decisions came from treating data relationships, user intent, and operational rhythm as one design material.

Next Project

MIDI Keyboard App

Continue