Gigmapr

— Problem

Performers have a hard time getting gigs outside of their local professional network.

Partnered with Mike Richardson, we embarked to improve the way gig performers to allocate their time to procuring new gigs, as well as expand beyond their local network.

A solution bringing together performers and venues to a central location allowing each to broaden their networking, expanding the reach for both users

 

Educational Project

Team Roles

Frank Cademarti PM /Designer
Mike Richardson Designer

Date

Nov- Dec 2018


 

Methods

Time Management
Design Management
Agile Feedback Loop

Practices

Information Architecture
Usability Patterns
Infinity Map
A/B Testing
Prototypes
Wireframes

 

Tools

Pen & Paper
Adobe XD
Sketch
Adobe Photoshop
Adobe Illustrator


 

Scope and Planning

With a truncated 4 week timeline for this project, we would divide and conquer many tasks, then decimate information in a very tight feedback loop. Every 3 days or so, we would set out to complete tasks to ensure we stayed on our auspicious goal. Ensuring validation for both users was our first goal.

4 Week Plan

 
 

WEEK 1

PLANNING / RESEARCH / WHITEBOARDING / PROBLEM VALIDATION

Research

Mike Richards (www.mikedesigns.us) and I decided to dive right in and outline what we thought the app would need. We also outline a roadmap to ensure the success of the project. Whiteboarding all necessary information for venue and performers’ profile pages, connection pages, and matching dashboards. We also dove into competitive analysis and some preliminary user flows.

IMG_5933.jpeg
IMG_5918.jpeg

Competitive Analysis

The top three current apps were given an in depth thorough examination about the ins and outs of the platforms.

Click to expand

 

USER INTERVIEWS

Mike would lean his network of comedians to interview would be power users. While I reached out to venue owners, bar and restaurant owners, who use live performances to draw in customers. Over the next week, interviews would be conducted on phone and in person, scheduled and conducted within the week.

 

Interviewee Breakdown

 

Performers

  • 2 Comedians

  • Lead Singer of Band

  • Band Member

Venue Owners

  • Bar

  • Restaurant

 

FINDINGS

Performers

Performers were frustrated by not utilizing their time where they felt it should be focused on. 

  • Up to 6 hrs a week finding gigs

  • 3-5 Sources for gigs

  • Lots of time wasted on discovery interview with venue

 
Screen Shot 2018-12-05 at 9.00.48 AM.png
 
bar_owner-1280x720.jpg

Venues

Bar and restaurant owners needs were slightly different but had many overlapping secondary needs.

  • Book months in advance

  • Take 2.5 hrs a week managing network

  • Rudimentary inventory system

  • Uses other bar owners to find new talent

Affinity Mapping

 

Pain points were then distilled from 2 rounds of interviews, mapping Venue (blue) and Performer (yellow) issues.

Gig_Affinity_Map.jpg
Gig_Affinity_Sorted.jpg
 

Pairing them up, and grouping similar issues lead us to come up with 4 main issues (orange) .

  • Booking

  • Time

  • Gig Management

  • Communication


WEEK 2

PERSONAS / TASK FLOWS / WIREFRAMES

A bit behind this week, the ultimate goal was to information translation. We set out to identify what screen and what flows we would need to solve the problem. Ending the week with wireframes would be considered a win.

PERSONAS

Real Interviewees (names have been)

 

(Singer-Comedian-Bar Owner)

FINDINGS

Interviewing various performers across many different types as well as venue owners about how they operate their businesses we came across some major pain points with both users.

Venue

  • Core Network is not very expansive

  • Hard to get new performers

  • Cancellations are hard to fill

Performer

  • Spends 4-6 hrs a week securing gigs

  • Hard to communicate with “Band”

  • Hard to land larger gigs

 

Task Flow

All information was compiled into the below task flows. We identified two as we determined they were slightly different but dependent on one another.

Performer Flow

 
Performer Flow.png

Pages Needed: Search Page | Results Page | Profile Page | Match Page | Chat Page

Venue Flow

Venue Flow.png

Pages Needed: Search Page | Results Page | Profile Page | Calendar Page | Match Page | Chat Page

 
 

RAPID PROTOTYPING

After a quick touch base midweek, we decided to move to digital wireframes to save time. We each took our own route utilizing different software. Adding to the complexity of what we were trying to accomplish.

Click to expand


WEEK 3

TESTING / FEEDBACK / REWORK / STYLE GUIDE

Focused on testing and revising the wireframes, with the intention to nail down a strong UX interface. We turned to our classmates to expedite testing of both UI and UX functions.

Testing

Since both Mike and I made Wireframes we decided to test both. Setting up side by side, each tester got a brief overview of the project. While the wireframes were slightly different, gathering feedback on both individual screens, as well as the overall design was beneficial to our process.

IMG_6070.jpeg
IMG_6063.jpg
IMG_6069.jpeg

Learnings

Likes

  • Cleanliness and use of negative space on MR

  • Large “Stage” half round photo FC

  • Simple navigation of FC / MR

  • Active state for FC / MR

Overall out of the 10 users we tested, 6 liked Mike’s version while 4 liked mine. We reconvened and decided to do one more round of Wireframes taking the feedback and decimating the information in our own way. We did agree at this point to utilize the iPhone X template
*all interviewees used iOS products.


WEEK 4

FEEDBACK / REWORK / FINALIZE STYLE GUIDE / PRESENTATION

Mike was remote this week, he would miss two of our meetings, but we agreed to digitally communicate via zoom to ensure we stayed on the roadmap. I tested one last time, with Mike working on the style guide and would take on high fidelity screens.

IMG_6141.JPG

Testing active state for navigation.

IMG_6142.JPG

Side by side testing of both wireframes.

IMG_6143.JPG

Noting ideas that translated into final Hi-Fidelity design.

Findings

The top section and nav was more legible and on top wireframes, while the card format of the bottom won out with users. We would once again quickly refactor to create the best of the two designs.


Final Wireframe

 

The final wireframes were tested with a select few, and then presented at UC Berkeley Demo day alongside classmates and industry professionals.

 

HIGH FIDELITY MOCKUPS

Screen Shot 2019-05-29 at 10.28.08 PM.png

Key Features in Practice

Color correlation

Color would be a theme used throughout the app. Using it as a time-saving measure, each profile would have a color associate with it, while each venue that closely matched would get the same color.

 
 

Profile

Upload and save photos and videos that show others what a shining star you are. Now your online EPK, allows you to keep your social media for personal use and saving your time in the process

 
 

Calendar

Your calendar allows you to set your availability, open, seeking, and booked, gigs secured through the platform populates in your calendar. 

Colors once again provide easy visibility to your availability for your and potential clients. Helpful for the last min fill-ins.  

A detailed calendar allows the viewer to dive deeper into the information.


Conclusion

As the PM for this project, I am very proud of Mike and myself, and what we had accomplished in just one month. Keeping Mike calm, even when he was on the road, reassuring him we had enough time to complete the project. Making a plan and sticking to dates can be the hardest thing for some people, but it sure garners results. This is nowhere near a perfect project but it was good to go through the process of what would be weekly sprints to achieve preset goals.

Personally, this project helped me juggle two projects simultaneously as I was concurrently conducting the Wells Fargo Case Study. Learning to work with other designers under pressure to come to a resolution that is not based on pride or ego, but based on the best interest of the user was a great value add. Mike was a great partner, very open-minded and a hard worker in person and remote. This project could not have been completed without him.  

More Projects