top of page
Image by Jodie Walton

Mobile Case Study

BE A ROCKSTAR

WITH GUITTY

Introduction

As a guitarist and a musician, I enjoy playing songs i like while singing along, but the autoscroll never syncs up with the song. I stop playing to fiddle with my phone.

Problem

When attempting to sing and play guitar simultaneously, guitar chord websites and apps cause the user to stop playing and scroll through the chords and lyrics.

Sub Problem

Due to autoscroll being out of sync with the songs bpm, the user must pause their playing.

SIDE NOTE, most leading guitar learning apps do not provide access to songs in hebrew.

Tools 

Photoshop

Illustrator

Figma

My solution

By creating an app with autoscroll which can be synced and adjusted, users can sing and play a song they aren't very familiar with, without pausing. Access to a rich quarry of songs, along with recorded and live lessons, provide an effective learning process.

Building an app with a metronome the user can access and hear while chords and lyrics autoscroll is activated, whilst scrolling with the beat. The technology exists. Daily practice can dramatically improve guitar playing skills. There will be in app instructional videos, as well as a platform for purchasing live online lessons. Most importantly, is an open search of a vast archive of chords, tabs, and lyrics. The community can help expand this song archive. One can compare the app to a self help app, which provides daily exercises, pre recorded guided meditations+ virtual meetings with professionals.

Rough Wireframes

News 01.png
VIEW ALL.png

Design system

Typography

Title Large - Roboto Bold 22/28 . 0
Title Medium - Roboto Bold 16/24 . +0.15
Title Small - Roboto Bold 14/20 . +0.1
Label Large - Roboto Medium 14/20 . +0.1
Label Medium - Roboto Medium 12/16 . +0.5
Label Small - Roboto Medium 11/16 . +0.5
Body Large - Roboto 16/24 . +0.15
Body Medium - Roboto 14/20 . +0.25
Body Small - Roboto 12/16 . +0.4

Colors

1A1B22

292C39

F94061

D9D7D8

FDFDFD

F94061

A bright shade of pinkish red associated with emotions such as energy and passion.

 

Psychological Effects:

- attention grabbing

- stimulating (Sustained effort)

- Excitement 

Components

Style guide (3).png

Mockup Gallery

Image by Ernest Karchmit
Guitty splash.png
iPhone 13 Pro-2.png
bottom of page