<p>Published on <a href="https://blog.prototypr.io/beastgig-an-app-for-emerging-bands-and-artists-152ee120902b?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Uliana Musikhina </p>
<p>Do you enjoy going to live shows? If so, I’m sure you are going to like this project! But actually, what does it take to the artist to break through in music? Here is <strong>BeastGig</strong> — an app that helps emerging musicians organise sold-out gigs.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*7C5jxDtWk-NIU4X2SZiS0Q.jpeg"></p>
<h3>UX Research</h3>
<p>I had so many thoughts about the process a band goes through to organise some show or get on the road for a gig. I love music, but I’m not a member of any band, so basically I started from the point that I have no idea about this topic.</p>
<p>I assumed few things and composed 18 questions interview to ask to the artist. I was interested in the beginning of their career, their experience with gigs, the creative process, the important things to get into account and their thoughts about what works best when you try to make music for living. Let’s not forget, my main target is an emerging band/artist, but I had to interview all kind of musicians to understand the experiences during all the stages on the way to be a rock-star.</p>
<p>Also I composed another interview for labels. At the very begging I assumed that labels will make a huge difference in the artist’s career, and I had an idea of connecting both sides.</p>
<p>The interview-stage lasted about 2 month. Probably it was the most challenging part, as I had to get in touch with emerging artists (which was easy) and also with bands that already made it (which was hard but absolutely amazing). Also I talked with several labels, venue owners, entertainment companies and music fans.</p>
<h4>So what’s going on?</h4>
<p>I put all the insights into the Affinity Diagram, Empathy Map and Mind Map to build a UX Strategy Blueprint and User Stories.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*b4Qa4nwubBm-6kXvc4921A.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*XJlw6eLBkI9EwKLDiUNwoA.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*V5Zzv1wfHcV7O6qpDrLD2g.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*GlmyQ-qQHOv0yKN4VqqGhQ.jpeg"></p>
<p>All these tools allowed me to “digest” the information. I discovered several things:</p>
<ul>
<li>Emerging artists have lack of resources.</li>
<li>They are worried about playing to the empty room.</li>
<li>They are frustrated about being ignored by venues, press and labels.</li>
<li>They love what they do and will continue even if they are not making any money.</li>
<li>They dream about make music for living.</li>
</ul>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*p3eSAY2m4KKLA39BeyT2EQ.jpeg"></p>
<p>There were many concerns about venue pricing, all the booking process and ways to have a live show. Pay to play, door split deals or even passing around a tip jar. When I asked venue-owners about this, I found out that there are many ways to get in, but is it affordable for the young band? Sometimes it is, sometimes it’s not. All depends on location, capacity, backline and extras.</p>
<h4>So, how might we help emerging bands and artists to organise a sold out show?</h4>
<p>That was a great question and it was really hard to come up with the solution that could actually work. During the research phase I had a pleasure to interview <a href="https://en.wikipedia.org/wiki/Jeff_Kite">Jeff Kite</a> from <a href="https://en.wikipedia.org/wiki/The_Voidz">The Voidz</a> who said:</p>
<blockquote><p>“…we should go underground and live the music scene of our own city.”</p></blockquote>
<p>This made me think about the local fan base, about the place where everything begins — your hometown, your neighbourhood, even your band, it’s probably you and your friends living in the same town, having similar inputs and influences. It’s about fans too, if we see someone is coming to our city, we call our friends and go together to that show.</p>
<p>This was a point that helped to come up with the idea of BeastGig.</p>
<h3>Information Architecture</h3>
<p>BeastGig is going to be a platform for artists and fans:</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*V1mFl5XMUMDfzAo_a3S4lg.jpeg"></p>
<ul>
<li>First of all a musician have to join the platform as an artist.</li>
<li>Set the filters to find suitable venues and send the request.</li>
<li>After the venue approves the request, the artist has it booked and can start selling tickets for the upcoming show.</li>
<li>Here is where the fan joins. The fan is that one friend that calls everybody to go to that gig on Friday night. In this case, fan will get a 10% of the ticket value for each entrance that is sold through his/her personal link. How exactly is that?</li>
<li>If the ticket price is 10€: 9€ go to the band and 1€ goes to the fan who shared this event and made someone to buy the ticket for this show.</li>
<li>This way fans, bands, venues and everybody else are motivated to share the info and sell tickets.</li>
</ul>
<p>During working on the first site map and flows I was going through several stages of validation to ensure that all the things make sense to the all parts involved. Taking into account all the data I collected during the research phase there are several points that I wanted to include:</p>
<ul>
<li>The app needs to have <strong>specific filters</strong> to meet the artist’s requirements about location, capacity, price, backline and extras; Building the clear list of venues matching the artist’s criteria.</li>
<li>The booking process have to be clear and easy. It has to <strong>provide help</strong> and solutions at the pain points such a declined requests.</li>
<li>The app has to have <strong>strong motivational aspect</strong> for fans as they are going to be main ticket distributors.</li>
<li>BeastGig follows several principles that allow user to <strong>discover the unique content</strong> as <em>“upcoming festival admissions to apply”</em> for artists and <em>“discover events around you”</em> for fans.</li>
<li>The platform will have multiple entrances with the bottom menu at every screen.</li>
</ul>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*eS_8ySDBfJOsEuB6MNrOhA.jpeg"></p>
<p>I started with the first flow of how a band adds an event. I defined the site map and started with the low-fi sketches of the artist’s section of the app. I decided to test these straight away.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gM45VIRcBv38Jsj5WvpTRQ.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*TDCEPmCgEUpjH9S3WVkvmw.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*7EnpZIUOFn18wm83i9YNKQ.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*c1jytAazjcDyGItRJ6Lv5g.jpeg"></p>
<h3>User Testing</h3>
<p>After finishing the low-fi sketches I made a first user-testing with the 5 people from the target group. These were the situations I described to see if it was easy to complete the tasks:</p>
<ol>
<li>Imagine you want to organise a gig next month, how would you proceed? (completed by <strong>5/5</strong>)</li>
<li>A couple weeks ago you and your bandmates had a show, how would you proceed to transfer the money you got from it? (completed by <strong>2/5</strong>)</li>
<li>Imagine you changed a bank and want to update your personal payment details. How would you proceed? (completed by <strong>4/5</strong>)</li>
<li>You know that you have a gig in a couple of weeks, but you don’t remember when and where it is exactly. How would you check your upcoming event? (completed by <strong>5/5</strong>)</li>
<li>Your upcoming event is next week! You want to boost the tickets selling and share a reminder in the social media. How would you proceed? (completed by <strong>3/5</strong>)</li>
</ol>
<h4>The findings</h4>
<ul>
<li>At some screens the elements are repeated and it’s confusing.</li>
<li>Some users commented that they don’t understand how the income section works.</li>
<li>Top switching menu is not working.</li>
<li>At this initial point there’s no need to integrate existing events from other platforms due to the point that we can’t control the external tickets amount.</li>
</ul>
<h3>UI</h3>
<p>After testing I worked on several adaptions to make the experience better and tested with the same questions using the mid-res prototype. It gave very good results and I started to work on the UI. The idea is to give a BeastGig a nigh-life look. I defined the color palette, visual weights, designed icons and created atomic UI patterns for this app.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ReszLRtSmJPEasIwq54n1A.jpeg"></p>
<p>Here are the parts developed for the artist’s section of the app:</p>
<h4>Register</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*GoxU8gsrh-nU0QZpI1ODcQ.jpeg"></p>
<p>This is one of the first screens the user will see. At this point it’s important to know who is joining, so BeastGig will suggest 2 options: Artist or Fan. For now there’s only the artist’s section developed, let’s have a closer look to the options. An artist can join the platform via Spotify, Bandcamp, Soundcloud or following the standard e-mail registration.</p>
<h4>Dashboard</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*f8anU2YZPG_YuT5GaUAiSw.jpeg"></p>
<p>The dashboard holds a slider with the most interesting events the artist can join, as open applications to the upcoming festivals or bigger bands looking for supporting acts. In case the artist has no planned shows, the app will suggest to add en event. If the artist has any upcoming show, it will be displayed at the dashboard followed by inspirational quote from famous musicians.</p>
<h4>Add an event</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IRZKG0_1w3b8EskgzFfleg.gif"></p>
<p>To add an event the user has to click the biggest button at the main bottom menu. It’s right in the middle, it’s big and visible, as it’s a primary action. After clicking this button, an artist will get to the filters’ page where all the preferences can be set. Filters include location, date, price range, backline and extras.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_yy-hiBw_biMJoO9IcWQmA.jpeg"></p>
<p>After setting all the preferences, the app will build a list of the venues matching the artist’s criteria. The user will be able to see all the relevant information on the cards, select few and apply once to send multiple requests. Before sending the multiple requests the app will notify that the first venue to accept it will be the one to hold the event. So the user is always aware about the process and has the full control.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*w37gzVnIIZabdMOFWr9xqw.jpeg"></p>
<p>Another important point during the booking process is a reservation fee that the artist has to pay to the venue to be able to book and perform. Also the artist will receive income from the completed events, so these details are necessary and important. The app allows to set payment details using the most common credit/debit cards and PayPal.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cKBI8TUhdDo6JWIWwPv4SA.jpeg"></p>
<h4>Calendar</h4>
<p>At this section the artist can have an overview about all the upcoming and requested events.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IE_5HdGnUceZnQVmjTYtAQ.jpeg"></p>
<ul>
<li><strong>The full coloured</strong> one is the confirmed event with the tickets selling progress, so the artist can see straight away how it’s going and if there’s a need of an extra push.</li>
<li><strong>The outline</strong> one is a requested booking. The artist requested to play at some venue and is waiting for the response. It can be confirmed and become a full coloured bar or declined and become grey.</li>
<li><strong>The grey</strong> one is a declined event when the venue didn’t accept the request. At this case the app will suggest to search again using the same criteria, edit filters, or delete it.</li>
</ul>
<h4>Event page</h4>
<p>Event page holds the information about ticket selling progress. It displays the amount of available tickets and the income the band gained from the sales so far. Also it holds unique link, which allows to the artist share and boost the sales.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*fMj8DloHAYR3UTiFsTQKHg.jpeg"></p>
<p>Fans are very important, and they are the people who really make the difference. That’s why at the event page there’s a section of <em>“Tickets sold by”</em> displaying the people who are helping to the artist to make it a sold out event.</p>
<h4>Income</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZpybjZyLTlJ-PcYc3lvYKg.jpeg"></p>
<p>Income page helps to keep track on everything money related. Here the artist will have an overview about what was payed for booking the venues and what was received after playing the live shows. The artist has set the payment details, so after the show is completed, all the money the artist made is transferred to its bank account without any extra move from the user’s side.</p>
<h4>Profile</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*IYw99D51H1Im2ckdRlfeOg.jpeg"></p>
<p>The artist’s profile is very important section. The venues will accept or decline requests checking the information in the artist’s profile. The fans will find out thanks to this page too!</p>
<ul>
<li>So the first thing is a slider where the artist can put photos or videos.</li>
<li>Bellow there’s a list of upcoming events, so the fan can sell tickets for one of them and the venue can see that the band is active.</li>
<li>Then there’s a short BIO, followed by music tracks, so anyone can have a listen and have an idea.</li>
<li>Artist’s website, social profiles and other music platforms are also included.</li>
</ul>
<p><img alt="" src="https://cdn-images-1.medium.com/max/900/1*lBu3S3JMmoghvUiPcjJdYw.gif"></p>
<p>BeastGig was tested with real artists, bands and fans. You can have a look at the prototype for yourself: <a href="https://marvelapp.com/14jbd98g">Marvel</a></p>
<p>Thanks for reading and let me know what do you think about it 😉</p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=152ee120902b" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/beastgig-an-app-for-emerging-bands-and-artists-152ee120902b">BeastGig — an app that helps emerging bands and artists make a sold out show</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


BeastGig — an app that helps emerging bands and artists make a sold out show

Top Stories