riff journal

App Development

App Development

App Development

TrueFire iOS App

TrueFire iOS App

TrueFire iOS App

Art Direction
UI Design
UX Strategy
Information Architecture


Art Direction
UI Design
UX Strategy
Information Architecture


Art Direction
UI Design
UX Strategy
Information Architecture


TrueFire is an online educational company that offers and produces courses for guitar players and musicians. Our team works with a variety of some of the world's most prestigious guitar players including Steve Vai, Dweezil Zappa, Robben Ford, and hundreds of others. Their existing app (only in desktop form) was in need of work to completely overhaul and extend their platform capabilities. After trying to outsource several times with undesired results, they turned to me to design this from the ground up. My role was to simplify a complex subject and give robust life to the overall visual experience. All design and direction completed by me, working alongside various other departments including marketing and development teams. 

TrueFire is an online educational company that offers and produces courses for guitar players and musicians. Our team works with a variety of some of the worlds most prestigious guitar players including Steve Vai, Dweezil Zappa, Robben Ford, and hundreds of others. Their existing app (only in desktop form) was in need of work to completely overhaul and extend their platform capabilities. My role was to simplify a complex subject and give robust life to the overall visual experience. All design and direction completed by me, working alongside various other departments. 

hero-image

Explore and Course Screen

Before & After

tf-old
app 02
userflow

User Flow & Wireframes 

User interactions were a vital part of my process. I started with analyzing the data and flows from our existing platforms and looking for ways we could simplify and improve. I created user profiles and processed feedback to provide us with a direction and revisited the information architecture of the site to help inform our decisions and create a more streamlined experience. After that, I moved on to low fidelity wireframes to quickly edit and get user feedback. 

wireframe

Grid and Style Sheet

Grid
style-sheet

Selection of App Screens

app-screens
mike-yukhtenko-502689-unsplash-1

© AMBER NICOLINI | ALL RIGHTS RESERVED