Shazam recently underwent a radical visual overhaul which brought the application a much-needed modern rethinking. The application now has a consistent card-based structure that compartmentalizes features in a way that is easy to understand.  Shazam even has rudimentary functionality for concert ticket sales, though the feature is currently shoehorned in with a web application wrapper that is invoked when the user selects the "Next Concert" option for an artist the application has identified.  Here, I saw an opportunity for Shazam to do something more with ticket sales. The app clearly has access to a multitude of databases and is well-integrated into Apple's iOS platform.  Apple recently integrated Shazam functionality into Siri to make music identification easier , so what if Apple opened up Apple Pay to make Shazam the easiest way to buy concert tickets for artists you like? With this inspiration in mind, I set out to design a new Shazam Tickets experience from the ground up.  Below is the screen from which users currently access the ticket sale function. It appears after a song is identified, and the ticket icon here became a motif for the entire Shazam Tickets system I devised. Tapping "Next Concert" will now take users to the Shazam Tickets interface, pictured below.
     The Shazam Tickets Interface   Upon tapping the "Next Concert" button, the user is greeted with information on the soonest, closest concert for the artist. The interface closely matches precedents set throughout the Shazam UI, from a double-barred semitransparent black gradient on the header image with overlaid Helvetica Neue text to the same colors and iconography found throughout the rest of the application.  From the main Tickets screen, the user can, without scrolling, see how far away the venue is, read more about the artist's tour, and purchase a ticket. If the user wants to read more about the tour, the fading gradient on the text indicates that a simple tap will reveal the remaining information. Tapping the ticket icon at the bottom prompts the user to pay with Apple Pay, authenticated by touch ID. A receipt is emailed and the price on the ticket changes to "Purchased" with an iOS check icon to indicate that the ticket has been paid for. An arrow also appears on the ticket to indicate that tapping it will bring relevant ticket functionality.
     Accessing Purchased Tickets   The "My Shazam" section of the app, accessible from the bottom of the screen before song identification, now includes a tab for tickets. Here, the user has easy access to all purchased tickets from an interface already available within Shazam.
     Using Purchased Tickets   When a purchased ticket is tapped from anywhere within Shazam, the user is provided a QR code for entry to the venue, along with relevant information for the ticket.
     Conclusion   Shazam Tickets takes a half-baked feature and turns it into a full-fledged, ease of use-centered experience for quickly and easily purchasing tickets. Though technical implementation is certainly not as simple as tweaking a few interface elements, a feature such as this better positions Shazam as a leader in providing mobile services for music enthusiasts from all walks of life.     Below, you can find raw images of each of the screens I designed for this project.   
prev / next