Crowdmix — Case study · Tom Nicholls
← Tom Nicholls
Case study · Crowdmix

Listening to music
with your friends

Defining a social music app from a blank page

Make listening to music on your phone something you can do with friends, wherever they are in the world. I joined as a Business Analyst, moved into product design, and became Head of Product, defining the product from user needs, leading the design and overseeing its production.

Crowdmix raised more than £14m, soft-launched invite-only in May 2016 and went into administration that July. This is what we built, and what I’d do differently.

Role
Business Analyst → Designer → Head of Product
Team size
80 developers & designers
Platform
iOS & Android
Industry
Music & social
Worked with
CEO, co-founder, CTO
The invite-only app, May 2016 · rebuilt from the app screens
9:41
{{ app.title }}
Showing {{ app.filter }}Show all
No posts in this crowd yet. Tap + to post the first one.
{{ rp.who }} {{ rp.prep }} {{ rp.crowd }}
{{ rp.when }}
{{ rp.msg }}
{{ rp.comments }} comments
{{ rp.track }}
{{ rp.artist }}
{{ rp.cEl }}
{{ rp.shareEl }}
{{ rp.likeEl }}
TRENDING CROWDS
{{ dc.n }}
{{ dc.m }}
{{ dc.label }}
HOT THIS WEEK
{{ ds.n }}
{{ ds.t }}
{{ ds.a }}
{{ disc.emptyMsg }}
YOUR CROWDS · {{ crw.count }}
{{ cr.n }}MIXED
{{ cr.m }}
{{ cr.last }}
Find more crowds
{{ prof.name }}
{{ prof.handle }}
{{ prof.posts }}
Posts
{{ prof.crowds }}
Crowds
{{ prof.followers }}
Followers
MUSIC SERVICES
Songs play from your own service, so friends on different apps hear the same track.
{{ sv.ini }}
{{ sv.name }}
{{ sv.status }}
{{ sv.btn }}
PLAY SONGS ON
{{ pf.name }}
No service connected, so songs play as 30-second previews.
RECENTLY PLAYED
{{ hs.t }}
{{ hs.a }}
{{ mp.t }}
{{ mp.sub }}
Feed
Discover
Crowds
Profile
Crowd Chart
{{ cs.n }}
{{ cs.t }}
Imagine Dragons
Imagine Dragons
{{ chart.members }}
{{ chart.mixLabel }}
9:41
PLAYING FROM
{{ fp.from }}
{{ fp.t }}
{{ fp.a }}
{{ fp.by }}
{{ fp.at }}{{ fp.left }}
{{ fp.viaIni }}{{ fp.viaLabel }}
Post it
9:41
Cancel
NEW POST
POST TO
{{ cc.n }}
MUSIC
{{ cmp.track.t }}
{{ cmp.track.a }}
{{ cq.t }}
{{ cq.a }}
PHOTOS · UP TO 2
{{ pk.n }}
{{ cmp.postLabel }}
{{ cs.title }}
{{ cm.ini }}
{{ cm.who }}{{ cm.when }}
{{ cm.txt }}
Reply
{{ cm.lTxt }}
POST
SHARE
{{ shs.title }}
{{ shs.sub }}
SEND TO A CROWD
{{ sc.n }}
Repost with a message
Copy link
{{ shs.sendLabel }}
{{ app.toast }}
Try it: play a song, then tap the player bar to open it full screen. Use + to post with a song, browse Discover and Crowds, and see which music services are connected in Profile.
{{ n.n }}
{{ n.t }}
{{ n.d }}
01

The problem

Music is social, but listening on a phone isn’t. Friends use different services to play the same songs, and there was no good way to share what you love with the people you care about.

Value proposition

Feel a connection with friends through the music you listen to.

{{ pb.n }}
{{ pb.t }}
02

Strategy

I started as a Business Analyst, and the first step was defining what problem the product solves. The hard part was solving it for three kinds of user at once, artists, advertisers and listeners, while still making money. I interviewed people from each group to learn their needs, goals and problems, and worked out an advertising model that wouldn’t get in the way of either listeners or brands.

Once the vision statement was agreed, and as I moved into design and then led product, I worked with the C-suite, design, marketing and development teams to produce everything that followed from it.

{{ af }}
Early draft of the Crowdmix vision statement: target group, needs, product, value, competition, channels and price
An early draft of the vision statement: who we’re targeting, what they need, what we’ll build and the value we get back. The final version is under NDA.
03

User research

With the business agreed on what we were building, I had to prove (or disprove) our assumptions. Every method below involved people from one of the three user types: artist, advertiser or listener.

{{ me.t }}
{{ me.d }}
Sticky notes from a user workshop spread across a table
Sorting workshop output with people from the target demographic.
The Fellow Passenger persona: goals, frustrations, listening habits and devices
One of the personas built from the interviews, workshops and surveys.
Then research stopped
We stopped talking to users before we’d tested the biggest assumption.

The CEO wanted a “big bang” launch, with no one outside the company knowing about Crowdmix until release. Interviews and usability testing with real users were halted. From then on, every decision was checked only by people inside the building.

Why that mattered: the whole app assumed everyone is a muso. We never tested that properly. Most people don’t talk about music, and it isn’t central to their lives. Music does different jobs for different people, and most of them just want something on in the background.

04

What people wanted

The research boiled down to three primary goals: discover, share and listen. Their weight changed by persona: influencers lean towards sharing, contributors do a bit of everything, and consumers mostly discover and listen.

{{ g.t }}
{{ gi }}
05

The core loop

Those three goals became one journey, and the whole product was designed around four objects that carry people through it.

{{ lp.n }}
{{ lp.obj }}
{{ lp.d }}

The stack

A stack is Crowdmix’s unit of content. The smallest stack is one picture and one song: music is the core, and the picture gives it a visual reference and context. Stacks show as a preview in the feed and open into a full-screen view.

{{ sk.t }}
{{ sk.d }}
PictureSong

The tile

Most people won’t share from a blank page, so Crowdmix starts the journey for them. A tile is a pre-stack: content we suggest, visible only to you until you choose to share it.

{{ ti.t }}
{{ ti.q }}
{{ ti.d }}

The crowd

A crowd is a conversation about music with people who share your taste. Every crowd has an owner who sets its topic. This answered the research directly: people wanted to share privately with friends, without their taste being judged in public.

Private crowd
Public crowd
{{ cw.l }}
{{ cw.a }}
{{ cw.b }}

The feed

The feed is the heart of Crowdmix: everything new from the crowds you belong to and the people you follow. We compared a following model (like Instagram) with a conversation model (like Snapchat) and split the feed into two views so people could choose.

{{ fs }}
06

Design

With the vision and research in place, we drew out the key concepts: how content flows from artists and creators to listeners, how user types relate, privacy, how people talk about music, and how the product makes money. Then the detailed design began.

{{ dm.t }}
{{ dm.d }}
A whiteboard mind map of Crowdmix concepts linked by red marker lines
Mind mapping the concept before laying the functionality out as impact maps.
Interaction design wireframes showing the flow between Crowdmix screens
Interaction design: page layouts and the flow between them, tested with users as we went.
Key issue
People didn’t want to comment on each other’s music.

That’s a problem for a social network. How does it work without real conversation? We noticed that what people did want was to leave a stamp of approval or disapproval.

This is the kind of finding we stopped getting once outside testing ended.

{{ fx }}
07

Develop

Once the stakeholders and I had signed off the concepts and prioritised what to build first, development began. The CTO and I designed the agile process for a team of 80 developers and designers.

{{ dv.t }}
{{ dv.d }}
The master product wall: a grid of user stories on sticky notes
The master product wall, showing where every story in play was at any moment.
08

Launch

The app soft-launched to invited users in May 2016. Long before that, the hype arrived ahead of the product: senior hires, sponsorships and press built expectations a closed app couldn’t meet. Two months after launch the company went into administration.

Coverage before launch
{{ pr.alt }}
{{ pr.name }}
09

What we planned to measure

We set goals against each stage of the user lifecycle. The main one was increase time in the app, so I focused on activation and retention first. Once outside testing stopped, these could only be measured with staff, not with the listeners the product was for.

Lifecycle funnel: acquisition, activation, retention, revenue and referral, with activation and retention ticked as the focus
The five lifecycle stages, with activation and retention marked as the first focus.

The testing loop

The loop we designed for every release. After research was halted it ran inside the company, with colleagues standing in for real users.

{{ tl.n }}
{{ tl.t }}
{{ tl.d }}
10

What I learned

Crowdmix taught me more than any project that went well. Most of what went wrong traces back to one decision: we stopped learning from users before we knew whether they wanted the product.

{{ ls.n }}
{{ ls.t }}
{{ ls.d }}

Now I won’t start a build without a way to put it in front of real users, and it’s the first thing I agree with leadership.

More work, or a chat?
London SE9 · 07736 048842
← All case studies Get in touch →