Skip to Content
All projectsSelected work 06

Music web application

2 minute read

Fogatero

Less adjusting. More playing. A digital songbook that brings chord charts, transposition and practice tools into the rhythm of a session.

Music web application

The brief

Keep the music moving.

A musician learning a song moves between reading, listening, adjusting the key and finding a chord shape. Those small interruptions can pull attention away from playing.

Fogatero brings the useful tools into one responsive songbook. The product is designed around the flow of a session: find a chart, make it comfortable and keep playing.

  • Readable chord charts
  • Quick musical adjustments
  • Practice tools close at hand
  • Design around the session flow

The instrument

The chart adapts to the player.

Transposition changes a song to suit a voice or instrument. Guitar, ukulele and keyboard diagrams help musicians understand the shapes they need as they play.

These tools belong beside the chart, where the question arises. The interface keeps the song central while making the supporting controls easy to reach.

Product workflow illustration. No private records or customer data shown.

The rhythm

Stay with the song.

Auto-scroll reduces the need to reach for the screen mid-song. A coordinated metronome adds a steady reference during practice.

The design treats timing, movement and legibility as connected concerns. A chart should remain comfortable to follow whether someone is learning slowly or playing through an arrangement.

  • Auto-scroll for continuous reading
  • A metronome for practice
  • Responsive layouts across screens
  • Keep charts comfortable at any tempo
Useful tools, close to the moment you need them.

The tools

Tune up. Pick a key. Begin.

The in-browser tuner analyses microphone audio locally, giving musicians a useful preparation tool inside the same experience. Public and private song handling supports different approaches to collecting and sharing charts.

English and Spanish interfaces make the product available in more than one language, carrying the same musical workflow across both.

  • Local microphone analysis
  • Public and private songbooks
  • English and Spanish
  • Prepare and play in one place

The foundation

A companion for the whole session.

Fogatero connects chart creation, adaptation, practice and sharing in one place. The small interactions are shaped around the person holding an instrument, with the screen supporting the session.

The result is a focused product foundation for individual practice and playing with others. The case-study artwork uses fictional chord examples and contains no song lyrics or private songbooks.

  • Create and organise charts
  • Adapt arrangements to the player
  • Share the songs you choose
  • Support practice and playing together

The result

A songbook that adapts to the musician — from the first chord to a shared session.

Good work starts with the right conversation.

Let's talk about your project

Gallery

The project in pictures

Music web application

A different challenge. The same care.

View all work
Presence Box Pro product concept
Up next / Product concept website

Presence Box

A quieter kind of product experience. Strategy, storytelling and a guided enquiry journey for a considered place to put your phone.

Discover the project