Brand's submark & App Icon 

Brand's submark & App Icon 

Loud App

Share music to help your favorite band get more sales. Earn money for every sale you help generate!

After a pretty strong signal that people wanted to interact with musicians, bands, and independent music on their phones, we pivoted the platform to support iOS and Android devices, natively. This enabled us to really get involved with artist distribution via social channels and we were able to help musicians boost sales in some strategic ways.

 
 
 
 
 
 

Lifestyle Android Product Shot - Showing off that UI

 
 
 
 
 

Marketing & Visual Communications

We went with a stripped down marketing approach that was neither too tech or too boring. HD lifestyle shots, hi-fi mock-ups, and basic UX flows help sell the concept. I really wanted to keep the focus on the visual appeal of the app while selling the simplicity of what you'd have to do in the app.

 

The Loud App landing page had two conversion goals: first to download the app, and second to sign up for the marketing newsletter.

 
 
 
 
 

Motion & Animation

Loud Music explanation video outlining how the app & eco system work. 

 

Loud Music helps fans make new fans. When a new fan buys music from a shared link, the artist + fans make money. We think that's bad-ass. Download the app or learn more at www.joinloud.com.

 
 
 
 
 
Loud-Artist-Landing-Page

Artist Landing Page

Every Loud artist featured in the app received a landing page with a basic set of customizations: "Royalty Share" percentage, header image & Soundcloud cover photo. This was a custom UI we designed and used the Soundcloud API to completely redesign the player for our specific needs. It was one of the easiest but more rewarding parts of these pages by providing a simple, reliable, responsive, and fast audio experience. Thanks Soundcloud (fist-bump-emoji).

 
 
 
 

Loud App's education screen sequence. I'm pretty proud of those icons. ;)

 
 
 
 

Player & Share Feature

Payment settings: credit card on file

 
 
 
 
 

Purchase Flow UI & UX

This is an example of an experimental checkout UX. I say "experimental" as this flow was tested and iterated on quite a few times to get it as fast as possible. I used color theory to establish the psychology of each step in the sequence while keeping the human at the center of the transaction. We found a higher success rate & an overall higher confidence in purchases each time we were able to consolidate or completely remove a step. 

 
 
 
 
 
 

Loud App's Artist Profile Page - UI & UX Mockup

 
 
 
 
 

Loud App Hi Fidelity UI Screens

These screens were built and used for prototyping and early user testing.

 
 
 
 

Loud App iOS Product Mockups