loadingspinner.gif

Never miss the music/concert

with Shadi...

PROJECT OVERVIEW

Ezra has been going out with his girlfriend for the past 3 years and their 4 years anniversary is coming up. they both share similar interests in music. Their favorite band was playing a gig around the same time and place they meet 4 years ago.

Saman missed out on purchasing tickets as the offline advertising was poorly executed and has been extremely busy at work to check online ticket purchasing websites.

THE CHALLENGE

Ezra has been going out with his girlfriend for the past 3 years and their 4 years anniversary is coming up. they both share similar interests in music. Their favorite band was playing a gig around the same time and place they meet 4 years ago.

Saman missed out on purchasing tickets as the offline advertising was poorly executed and has been extremely busy at work to check online ticket purchasing websites.

Timeline: 6 weeks


My Roles:

 

UX research, competitor research, the wireframing

 

Tools:

 

 Photoshop, Adobe XD

 

Research Tools:

 

comparative & competitive analysis, user research, persona creation, task analysis, user flow, wire-framing, paper prototype. 

THE SOLUTION

Through the use of Shadi and push notifications Saman would be been alerted to the fact that the band was touring again not only would he have been able to set a reminder and schedule ticket purchases. He would be able to keep up to date with his other favorite bands.

PROBLEM

What does the public need?

IDEA

An international database 

for music

USER

Male and Female aged

18-35

THE NEEDS

In the beginner of the project, we drafted survey questions. we shared the survey with 30 individuals who were studying Music at the Isfahan University of Art by using the Snowball sampling technique to help us to have more participants.

We analyzed the results and found these following insights:

Purchasing

Discover

Advertising, online and offline is how people find out about gigs.

Purchasing

Online is by far the most popular place to purchase tickets.

Online is where people decide what to buy.

table.png

Social

Sharing the live event with friends

Digital V Product

Online resources drive more revenue than offline sources.

The Event

Most popular genres and music style

s3imecdcdn4cjcdbgj9c-5.png

COMPETITORS & FEATURE COMPARISON

We searched to find some applications which might help people to discover new and old music, artists, concerts, tickets, and discographies. We conducted a competitive analysis on current apps to compare and evaluate features, performances, strategies, thus to have a clear view about the features of our product and how they should work together. 

DISCOVER

NASIM

APARAT

DIGIKALA

AFFINITY MAPPING

We created an affinity diagram, grouping key information from our interviews and survey responses into three groups that would be the basis for our personas.

We were sorting our user interview data and survey responses on our affinity diagram to create the personas

PERSONAS

IRANPROUD

COMPARE

DEFINE

CONTENT

MAIN PAGE

Feedback List, Upcoming Releases, Artist Search, Gig Search and User Login

Home - This is to be the main home page/ landing page for the site both mobile and web. From this screen users will be able to navigate to Advanced Search section, User login or user specific what’s happening feed.

 

Search Results - This page will show relevant search results across all sections of the site such as Artists, Venues, and Gigs

What’s happening Feed - This is a feed showing the user upcoming events for their selected bands and/or venues. Users will be able to further define this feed by viewing all bands playing at their venues. This section should also recommend nearby venues and similar artists.

ARTIST PAGE

News, Tours, Bio, Albums, Songs, Fanpage, Music Video, Show Number of Supporters, Artist Rating and Album Rating, “you gave this album 4/15” This page will show all information related to an artist, Sections on this page will include Artist info, Albums, Upcoming and past Gigs, Musicians within the band.

 

Artists - Should have the following information Artist/Band, Year Formed, Country, Year ended, Labels, Band Images/Logo, Web Official URL, Genre and Artist Bio

Albums - Should have the following information Title, Album Type, Year Released, Label, Artwork, Producer, Album Bio and Album Rating.

Songs - Should have the following information Track name, Track Number, Length, Composer/Original Artist, Video, Buy and Lyrics.

VENUE/GIG PAGE

This Page shows all information relating to a Gig, this includes venue information, ticket information, gig specific information and set list. Users will be able to share this event onto various Social Media platforms.  There is possible future integration to purchase tickets through this page.

 

Venue - Should have the following information Name, Location, Contact Details, Venue Details, Parking, Accessibility, Food & Drink details, Opening Hours, Map.

 

Venues - Enmore Theatre, The Annandale Hotel, 505, The Factory Theatre, The Vanguard, The Beresford Hotel, The Standard, The Sandringham Hotel, The Red Rattler, Oxford Art Factory, Notes Live, The Metro Theatre, Manning Bar, Hordern Pavillion, The Hi-Fi,  GoodGod Small Club, FBi Social, Black Wire Records, The Beach Road Hotel, The Entertainment Centre and Acer Arena.

INFORMATION ARCHITECTURE

SHADI

Screen Shot 2021-01-07 at 1.00.29 PM cop

SING IN

HOME

BROWSE

ARTIST

VENUE

FESTIVAL

REMINDER

LOCATION

SETTING

PROFILE

FEATURE PRIORITISATION

Based on the goals and needs of our personas, we listed out possible features that had been developed during ideation to prioritize those features and create our MVP ( Minimum Viable Product).

Screen Shot 2021-01-07 at 2.06.27 PM.png

USER CASE

DEFINE

SING UP

SIGN UP THINKING

Sign up as a business need weighed heavily on this app. As we are offering a free service, we wanted to gather as much information about the user as possible. That included; Name, Email, Date of Birth, Gender, Location and preferred music genres I adopted the Fogg Behaviour Model (B = mat) which talks to Motivation, Ability, and Trigger. With this in mind I streamlined the sign up process and even gave the ability to use the app without sign up (at limited functionality).

Screen Shot 2021-01-07 at 2.15.32 PM cop

Startup Screen

Login

USER DATA

COLLECTING ANALYTICS

While the user uses the app they will be promoted to let us know more about them and their interests. This will help both business needs and better suggest bands and venues for the specific user. ie: If a venue is known for heavy metal, and the user only likes heavy metal bands. The app will suggest other venue that cater for that type of music.

Considerations are;

•    Frequency of alert

•    Ability to never show again

•    Not to overpower content

•    Location

•    Age

•    Gender

•    Genres

•    Date of Birth

LAUNCH EXPERIENCE

LAUNCH THINKING

Highlights of this paper prototyping were; Adding the button to skip the on-boarding experience, imagery v iconography and merging the final screen with the ability to sign in.

Join

Jump to facebook
(More trusted, rather than doing it in app)

Home

Screen Shot 2021-01-07 at 2.53.31 PM cop

Welcome to

Shadi

Welcoming the user to Verse, the user can skip or continue with on-boarding by swiping

This screen has a brief description about never missing a concert

Letting the user know that the app wil find concerts near them just for them

Photos will be pulled in using Instagrams, Facebook and vines API so users can experience the concert again

A mix of telling the user that its a discography in your pocket and having the ability to sign up on the same screen

SEARCHING ON SHADI

SEARCH THINKING

Highlights of this paper prototyping were; Accelerators (which can speed up the searching process and put less of a load on severs), price, iconography and the possibility to change your location.

PAPER PROTOTYPES

Screen Shot 2021-01-07 at 3.15.04 PM cop

HOME PAGE

An overview of “Whats Happening“ the user can browse by nearby, up coming and on sale soon.

SEARCH PAGE

User can search for an artist, venue or festival. Phase 2 will include songs and albums. Through the use of accelerators “Trending Searching“ it will speed up the search process and there will be less load on the server.

PREDICTIVE SEARCH

Predictive search after 3 characters grouping into Nearby, Artists, Venues and Festivals.

RESULT PAGE

The result page, where the user can see what happening for that specific venue.

DESIGN

PATHS AND CORES

LAUNCH THINKING

User Goals:


•    Find when concerts are on

•    Location of those concerts

•    Discover and learn about artists

 

Business Goals:

•    Gather analytics

•    Share the app

•    In app ticket purchasing (phase2)


Inward Path

AppStore, Social Networks, Music sites, Web deeplinks, advertising and Verse landing page

Outward Path

•    Add to calendar

•    Click through to tickets

•    Follow and artist/venue

•    Finding concerts/content

 

Core Elements

•    Price

•    Where to buy

•    Discography

•    Discover and learn about artists

Screen Shot 2021-01-07 at 3.46.04 PM cop

Core Elements

User Goals

Inward Paths

Trigger Words

Outward Paths

Business Goals

Core Elements

DESIGN

SOCIAL

Shadi will be social through the use of sharing photos and videos that are posted on Instagram, Twitter, Vine and Facebook. Through the use of geolocation, time stamps and hashtags. Verse can create a gallery based on a event at specific point in time and place. Considerations are; cost to access these API’s, credit to the author and deep linking to the app the content belongs too.

DELIEVER

Screen Shot 2021-01-07 at 4.22.16 PM.png

Nearby is the default landing page for the app.

When the user scrolls nearby in the segmented controls will animate into the header.

Featured will include popular and advertising modules.

Nearby is the default landing page for the app.

Side menu give quick access to the main parts of the app. iOS7 animation and parallax has been considered.

Screen Shot 2021-01-07 at 4.22.33 PM.png

Search uses predictive search and accelerators to speed up the searching process and put less load on the servers.

Predictive results will be categorized into nearby, venues, artists and festivals.

Artist page is a listing of all artists.

Artist page will show the concert that is relevant to your location, peaks have been used to suggest a sweeping gesture is possible to access more content.

Web view will be activated when the user taps purchase tickets.
This is a Phase 1 solution.

Screen Shot 2021-01-07 at 4.22.42 PM.png

This page will show case the artists discography, albums and singles.

Photos will leverage other social network APIs to create a gallery of images through the use of geo location, time stamps, and hashtags.

This page will show case details about the album.

Track listing of the album.

Lyric page.

DESIGN WIREFRAMING

Paper prototypes have been a huge help to me and a wonderful learning experience, as a digital designer, it’s a nice change to be able to sketch and draw my thoughts out. Not only does it help save time but I was able to quickly generate a well thought out design. (With a few change of-course) The pages you see to the right, are;

•    Launch Experience

•    Login

•    Create an Account

•    Social Network Access

•    Reset Password

•    Home

•    Venue listing

•    Venue page

      *    Concerts

      *    Details

      *    Photos

•    Side Menu

•    Artist listing

•    Artist page

     *    Concerts

     *    Discography

     *    Photos

•    Album page

     *    About the album

     *    Songs

     *    Lyrics

•    Reminders

•    Settings

•    Home

•    Venue listing

•    Venue page

      *    Concerts

      *    Details

      *    Photos

•    Side Menu

DESIGN USER FLOW

Screen Shot 2021-01-07 at 4.13.43 PM.png

FINAL PROTOTYPE

CONCLUSION

Early during this project, solving the problem of music seemed like an insurmountable task because there were too many factors outside of our control and risky. However, our research showed that nothing is impossible. We found a way to talk and interact with guests deeply. Without that, we couldn't go forward in this project. The biggest lesson in this project for me is this fact that as a designer this is my task to find an innovative way to gain the information I need.