TRACK APP

AR App Extention of "Bad Track Record"
Product Design
Typography
Integration

This is an overview of the Bad Track Record Installation that the app will be used at. To read more about the installation and the process, click HERE.

Emphasis

This entire project seeks to emphasize the 3 findings in Hip-Hop that may teach us more of the meaning behind lyrics. 
This app was created as an extension to the Bad Track Record Installation. The TRACK app gives visitors a deeper perspective of the content displayed at the installation. The AR function allows visitors to engage with the lyrics on the wall while listening to the music. This page will explore the branding and ideation process of the app. To read more about the premise of the project and the entirety of the installation, click HERE.
 
Want to try the App Prototype?

Abstract​

As a globally publicized form of music, hip hop is one of the most misunderstood and stereotyped genres of music there is today. In modern times, hip hop is both loved and hated, remembered and forgotten, accepted and rejected; stolen and given. The truth of hip hop can easily be lost in lyrics about sex, drug abuse, violence, gangs, and profanity, but to understand hip hop as a whole, one must ask these questions: Who was hip hop for? Why did it exist? What did it mean at the time of its birth and what does that mean for the world today?
 
Something that many often forget is that hip hop is an expression and form of art. There are methods as well skills that are practiced and perfected. Four elements encapsulate hip hop’s essence: deejaying, rapping, break dancing, and graffiti. These four elements are the foundations of the art of Hip Hop. 
The truthful fight behind Hip Hop’s revolution is something that America often chooses to ignore and forget: Slavery, racism, racial inequality, white supremacy, police brutality, and more. For those who see hip hop as “unethical” or something that needs to be censored, it is an important step of respect to recall the truth of history and acknowledge the story of African American minorities in the states. Only then, can one begin to understand hip hop as not only a genre, but a culture. 
 
To illustrate the steps towards understanding the humanity in hip hop, this project will emphasize three findings: The birth setting of Hip Hop, the uprising and revolution of hip hop, and lastly, the anthem of hope that is declared.

The need

  • Engagement with the 3 categories in a unique way
  • Ability to listen to the music in categories
  • Take home the experience
 

Solution

Hypothetical AR experience app. This app would give visitors a interactive perspective and view of the installation. It would also serve as the element that would play music and export music after leaving the space.

The installation panel offers visitors a headset and instructions on how to get started with the track app. The instructions guide visitors through downloading and getting it running.

App Research

At the beginning of the project, I researched some apps that were able to carry out the functions that I needed for this project. I needed an app that could scan a trigger image, create an augmented visual experience as well as play music. The closest app that I could find to these requirements was the ROAR app. However, even with almost all the functions I needed in the ROAR app, I still wanted more flexibility for the users. So instead of using an existing app, I decided to create my own AR app.

Version 1

This first version of the app used the bright yellow color for the primary color. This was to reflect the accent colors used in the installation. One of the features of this initial versions was the connecting headset function. There was also a hamburger menu instead of a nav bar. 

Issues

This version had the issue of being too complex for such simple functions. Like why did users need a connecting headset feature when they can just use bluetooth? And giving users too many options with playing music and choosing the categories in the scan function was too complex. It would cause confusion and unnecessary functions. 
Color choice was also an issue as yellow is used as a categorical color element already which made the use of the yellow for the accent colors confusing.

Pages

Final Content Architecture

After brainstorming about the absolutely necessary elements of the app, I cut down to 4 simple functions:
  1. Learning the categories
  2. Saving the playlist
  3. Listening to the songs
  4. Scanning the lyrics

Page Sketches

Simplifying the functions really freed up a lot of "real estate" on the app pages. I also created a bottom nav bar instead of using a hamburger menu. This simplified the page layouts.

Digital Sketches

Final Pages

On-Site Experience

Upon approaching the Bad Track Record Installation, visitors are met with a user diagram to explain the general steps to begin using the app. This includes giving them a QR code to download the TRACK app.
Visitors use the app to scan the lyrics to listen to the corresponding songs.
Visitors can also switch between the categories to listen to the other songs.

Page Explanations

Try the TRACK App Prototype HERE.

App Branding Stylesheet

Logo Sketches & Iterations

Final Logo and Color

The final logo is meant to reflect the shape of a vinyl record. The colors are meant to reflect the installation materials. The gold is meant to be representative of hip hop and the culture of flaunting wealth.

Typography

Logo Typography

AXIFORMA  SEMIBOLD

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 123456789

Body type

AXIFORMA  BOOK

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 123456789

Although this project is hypothetical, you can still experience the music in real life! To listen to the playlist
of songs featured in this installation, click any of the following links to your preferred streaming service!

Installation Song List

How does it work?

For a better understanding of how the app works and how it is used at the Bad Track Record Installation, watch the video below!