END-TO-END MOBILE APP
The all-in-one project management tool helping indie bands and artists more efficiently self-manage and promote.
Project Type
End-to-end mobile application
(student project)
My Roles
UX Research, Strategy & Design; Branding; UI Design; Prototyping
My Team
Design boot camp peers and mentor
Tools Used
Figma; ChatGPT
Final Result
In this case study, I'll show you how I designed a research-informed, prototype-tested project management mobile app that helps bands more effectively self-manage and promote, so they can build their income and grow their business.
But it didn't happen in a straight line.
Design Thinking Process
Since this design challenge was an end-to-end app, I knew I would need a solid framework to guide me through the process of clearly defining a problem to solve, then finding and testing the right solutions.
Define
Research Synthesis: Affinity Mapping Persona
POV/HMW
Ideate
Ideation
Feature Map
Sketches
Architecture
Prototype
Wireframes
UI/Branding
Interactive Prototype
Test
Usability Testing
Iteration/Revision
Empathize
Project Brief
Competitive Analysis
User Research
Project Background
🤔 Reflecting on my own early experiences as an indie music artist, I often struggled - and saw others around me struggling - with marketing ourselves - our businesses! As creative types, we spend hours a day honing our craft, while marketing and promotion remain a dark, scary hole. 🕳️
I knew there would be problems to solve in this area, and I also know that effective fan engagement and promotion are crucial to a band's success.
Initial Focus:
Artist-fan engagement, marketing, and management
Fan-artist & fan-fan community engagement
Research Plan
I set out to verify that there existed a need and a desire among the independent artist community (who market their content directly to consumers) for a private platform that helps bands and solo artists effectively engage with and promote to their fans.
What other products were out there?
For examples of band/artist D2C (direct to consumer) apps or products and ideas of how I could improve existing efforts to solve problems in this space, I needed to do a competitive analysis.
What problems could I solve?
In order to identify key problems to solve in the band-fan engagement process, I would need to interview two different user groups: bands and fans.
Business Goals
Learn more about bands' needs, pain points, and experiences with regard to artist-fan engagement, marketing, and relationship management
Consumer Goals
Learn more about fan groups' needs, pain points, and experiences with regard to the "fan" experience, artist-fan and fan-fan engagement
Assumptions
Musicians want to make a living through music.
Just like everybody else, bands want to be compensated for goods and services they provide.
They would engage with fans through an app.
Bands/artists would find value in engaging with their fans through a private platform app and would do so consistently.
They subsist on fan support.
Fan support (resulting in sales) is key to most independent artists' ability to earn money.
Fans would engage with bands through an app.
Regardless of their current methods, fans will want to engage with their favorite bands through an app.
They would use an app to monetize.
Bands would use an app as a primary platform to build revenue from their products and services.
Social media sucks.
Both bands and fans want a private, secure alternative to social media as a platform for engagement.
Competitive Analysis
I found a few - though not many - D2C artist-fan engagement platforms.
Other than Instagram, the platforms I did find were either geared toward mid-to-large-tier artists (TopFan and With the Band, requiring 150k fans minimum) or were weaning in popularity, such as ReverbNation.
Competitive Analysis Takeaways
There are few private D2C platforms for independent artists.
White label promotion & engagement apps are inaccessible to most small DIY artists.
Social media is the ubiquitous "band-aid" for fan engagement.
User Research
Looking at this as a potential D2C (direct to consumer) product, I conducted interviews with 4 musicians and 4 fans.
I organized the feedback using an affinity map for each user group.
Interview Takeaways
Artists had a lot of shared pain points.
-
Marketing/Promotion (lack of knowledge, time, and/or funds to do it)
-
Difficulty generating income, largely due to changes in the music industry
-
Time Management
-
Social Media Concerns
Fans were pretty content.
-
They enjoy feeling part of something "special" or bigger
-
They love the music
-
They are excited by the live event atmosphere / culture
-
They enjoy easy access to streaming music
Social media was an issue everybody has learned to live with.
-
All artists are "invested" in their social media lists and use it as their primary means of fan engagement
-
Most artists grudgingly use it, although they're not sure of an alternative and don't know how to use it to monetize
-
Fans use social media for news and to connect
-
Fans had a few concerns about social media but it was more about the lack of forum moderation / the few "idiots" who are out there
A New Focus
The interview findings were clear: since fans I interviewed had few real, tangible pain points, the greater opportunity seemed to lie in a product serving the many needs and pain points of independent bands and musicians.
Fans
Bands
I'm not great at self-promotion and I can't afford a manager, but I don't have time to learn all the hacks.
GC
Sometimes on the day of a performance I’m horrified to realize I never sent an email to fans to promote it. I need some kind of plan.
LS
Streaming services have killed music sales for smaller artists. We need creative solutions for generating income or we won’t be able to survive.
JW
Personas
Taking findings and insights from the research, I reassembled the data into two personas that were representative of characteristics of all four users interviewed. This set of artifacts helped keep the humans I was designing for front and center.
The personas highlight:
-
Pain Points (what are their struggles/areas of opportunity?)
-
Behaviors (what does the user do on a daily basis and how might the product fit?)
-
Jobs To Be Done (which goals invite actionable solutions?)
-
Platforms/Apps Used (which services or apps are they likely to sync to the bandrise platform?)
Persona Takeaways
Organization and planning are key
Both users need help getting (and staying) organized and planning steps to success.
Need help with promotion and marketing
Making a living from music is important to both users. They need inspiration and guidance on effective solutions to financial success.
Needs to be easy to set up and manage
While one user is a little more tech-savvy than the other, they both would benefit from a simple, straightforward design - something that will provide immediate positive reinforcement and that won't require a huge learning curve.
Problem Finding
Crafting problem statements helped define the user and the specific problem on a more granular level, putting me in a goal-oriented mindset for feature ideation.
How might we help independent bands and musicians...
Feel empowered and excited about managing their business?
Create actionable, attainable goals?
Adopt easy, affordable practices for more effective organization, management, and promotion?
Discover and implement new ways to make money?
Ideation with AI
From the beginning of my discovery and research process, I used ChatGPT to find competitor apps and websites, enhance the ideation process, and inspire some content ideas.
I fact-checked any products or companies mentioned, and measured any feature ideas against the personas and data synthesis to be sure it would be a fit for my user base.
Defining the Features
Between ChatGPT and my own brainstorming sessions, I had no lack of ideas for features. But to limit it to MVP (minimum viable product) launch, with research-backed, viable product features, I needed to vet each feature idea to determine:
How does it benefit the user?
Is it research-supported?
Which business or user goal does it meet?
Feature Priorities
Dashboard or mission control screen
Focus on event promotion
Ability to create projects and view details in one place
List of default action items
Professional solutions to help with distribution and revenue
Architecture
At this point, I needed to determine the hierarchy and some of the flows and interactions.
I used Figjam to map out the screen architecture, along with some key flows I wanted to eventually test with users.
Key Screens
Home Dashboard
Gives users a quick at-a-glance overview and can tap through to view more detail.
To Do List
Keep users organized and on task; prominently accessible via the home dashboard.
Add a New Project
Originally called "Deal." Also prominent on the home dashboard. Users add new project details and build their To Do List here.
Current Project List
This gives users an overview of all current projects
Adding a New Event
This is the first step in getting organized in setting and managing day-to-day activities.
-
The user has the flexibility to select from 3 project types or add a custom project type)
-
Projects can be confirmed or in the planning stages
-
Saving the project sets the user up to start working on a to-do list.
-
To minimize overwhelm, to-do lists are chunked into project stages
Building a To Do List
Stage 1: Event Booking
To promote an organized flow, completed action items trigger other project statuses or action items. For example, once the contract has been signed (moved to "done"), Stage 2 Promotion action items become available to the user.
-
bandrise provides users with a suggested list of action items to reduce cognitive load, save time, and inspire ideas
-
For organization and flexibility, items can be moved under a progress status
-
For added personalization, users can add customized action items
Stage 2: Event Promotion
The "Promotion" stage supports users in promoting their event by:
-
providing a list of action items related to event promotion
-
the option to link to the user's email or social accounts or affiliate links
Stage 3: Post-Event Follow-Up
-
After the event date passes, the Post-Event Follow-Up action items are available to users.
-
Users can select from a list of action items to help with post-event tasks, including thanking the organizer, welcoming new fans, sending an event summary email, etc.
I can attest from personal experience, this is an often forgotten step!
Sketches
Once I had an idea of the basic architecture and key flows, I needed to start adding some detail using pencil and paper. I find that hand-sketching helps the flow of ideas -- and it's easy to grab the sketches for references throughout the wireframing and interaction design process.
These are the first drafts for:
-
Home dashboard
-
Navigation menus
-
“Create a new project” flow
-
Settings
-
Solution Center
-
Project dashboard (originally called "deals")
💡 Once I started sketching the mobile screen detail, I realized my initial side-by-side To Do List "statuses" on the whiteboard architectural exploration wouldn't work for a mobile layout. These initial sketches still show the side-by-side layout, but I adjusted the layout in the wireframes.
To Do List “Stages;”
Drag & drop list item actions
Wireframes
The branding was still in process, so working in mid-fidelity allowed me to get started on the content and interactions while awaiting the final brand design. I did include a preliminary logo iteration, plus some iconography that ended up in the final high fidelity designs.
Key Screens
Account Set Up & Verification
Home Dashboard
Professional Solutions
Profile Set Up
Adding & Saving a New Event
Linking External Accounts
Building a To Do List
Login Screen
Account Set Up
Email verification:
This process was later simplified to a 4-digit verification screen.
Profile Setup:
For a minimal profile set up, only name and band name are required.
Set up Accounts:
For a more flexibile setup process, this can be skipped & done later.
Home Dashboard:
The user has a quick view of projects and all things band management.
Add New Project:
For a customized experience, the user can select from 3 project types or add a custom project.
Add Event Details:
For less friction, only the event name and date are required to save an event.
Event Details Success:
To improve productivity, users are encouraged to start building their To Do List right away.
To Do List:
List item drag icon was later changed to the more recognizable rows of dots.
Event Details:
The user can return here to view, edit, or share event details with band members.
More Menu Screen:
Users can access resources & professional solutions to help them build their business.
Professional Solutions:
This wiki knowledgebase was later renamed "resources and professional solutions."
Licensing Opportunities:
Users can access information on how to license their music, plus link to affiliate companies.
Branding
The name "bandrise"
evokes the feeling and imagery of bands easily and effortlessly rising to success.
Lower case = friendly
One word = cohesion, unity, symbolic of a "band" or band name
Inspiration
I sought branding inspiration primarily among products offering music promotion features and services. My aim was a simple, modern, sleek, exciting, inviting interface.
Dark/sleek background; crisp white text
Pops of color to highlight features & text
Friendly line-drawn icons w color accent
Color Palette
3E3AA8
6762EC
35DFDA
C83261
FBCF60
020522
FFFFFF
Logo on dark background
Logo on light background
Design System
For stylistic consistency across screens and shorter design time -- not to mention a custom look -- I created a component library.
Menus & Navigation
Buttons & Toggles
Icons, Search, Filter
Form Fields
High-fidelity Screens
As the final step before usability testing, I needed to make these mockups look as close to real-life as possible. Using Figma, I combined the branding elements with the wireframes to produce high-fidelity (full color) screens. Notice how the wireframes were like the blueprints of a house -- and this is the "model home" with all the paint and fixtures in place.
Create an Account
Set Up User Profile
Link External Accounts
Create/Save a New Project: Event
Home Dashboard
Event saved confirmation. Option to start building a To Do List.
Create a new project: event
To Do List: dragging action items into a status field.
Sample Stage 2 Promotion with account launch action and affiliate links.
Save event details
Event details screen/tab w/help finding accommodations.
Resources & Professional Solutions
Home Dashboard: access through Resources, More, or by initiating a search.
Resources Screen
How to license my music
Usability Testing
In order to test the usability of the design and task flows with real users (was this "model home" ready for move-in?), I created a high-fidelity interactive prototype with seven task flows and held moderated usability tests with 4 participants.
Overview
-
4 participants, moderated
-
2 male, 2 female
-
2 with music industry experience
-
2 with a higher level of mobile app familiarity; 2 with less tech familiarity
Success Metrics
-
# of errors
-
Ease of use star rating
Testing Results
✅ Biggest Wins
-
UI/general look and feel; logo
-
Organized
-
General ease-of-use
-
Resources section (as a useful feature)
-
Target users felt it was a useful product
⚠️ Friction Points
-
In profile set up, checkboxes and progress bar were confusing to some
-
"Add a to do list item” - can it be simplified to reduce friction?
-
"Add/search for account" in account linking could be more obvious
-
"Resources” icon not recognizable
Prioritizing the Feedback & Results
-
In spite of a few glitches with the Figma prototype in the drag & drop functionality, usability testing was largely successfull and provided valuable user feedback.
-
I took the errors/friction points and general feedback and categorized testing data into “feature” addition or “usability” improvement.
-
I then prioritized those improvements I felt could be accomplished with the least amount of time and effort, with the greatest impact.
Iterations
I made and documented 7 iterations based on the prioritization matrix. One was a menu item addition (inadvertently left off of the prototype), and the others were usability improvements.
Toggle & Helper Text
Before
After
1
Greater differentiation (through visual significance) between "confirmed" and "unconfirmed" status through use of color.
2
Show helper text to reduce cognitive load.
"Link Accounts" Screen Iterations
Before
After
1
Simplified progress bar; added "x of x" screen #s.
2
-
Text color change for cohesion (yellow to teal)
-
Radio buttons (instead of check boxes) to indicate single option only
-
With radio buttons, no need to use "inactive" states for other options
3
Simplified and centered "search/add" for greater visual presence and differentiation from other list items. (It was getting lost.)
Add New Item / Account / Status
Before
After
1
-
Moved "add new item" into status field to reduce # of steps (instead of adding, then dragging into a status field).
-
Clarify user options with two separate actions:
-
add action item only (no account to link)
-
add/link account (adds action items and initiates account setup process)
-
2
-
Changed text to white (visual consistency)
-
Centered text (aid visual recognition)
Final Thoughts
This was an inspiring and personally rewarding project for me, given both my background as a target user and the progress I was able to see throughout various stages of the project.
Usability testing indicated that the experience and UI were true-to-life, with several musician participants commenting on the potential for this product to be a big help in streamlining their process.
Challenges
-
🫠 Feature creep: In my excitement, I let the features get away from me. Too many features, not enough time. (See bullet #2)
-
😳 I occasionally got caught up in my personal "opinions" about a design idea without anchoring it in the established artifacts -- like the prioritized feature map, for example. This caused me to pivot and back-step a few times 'til I got back on track.
-
🧩 I got frustrated trying to "figure things out" on my own. But staying rooted in the design process, things flowed much more smoothly. Having a feedback loop with my peers and mentor also helped keep me out of my own head.