outheard.tv

outheard.tv

Right after graduating, my friend and I got together to build a product.

18 months of working evenings and weekends later, we shipped outheard.tv — a place where dance music lovers could share their gig videos, follow their favourite DJs and ID new tracks.

The Problem

So you’ve been to see your favourite DJ play and you record a bunch of videos — then what?

  • You could stick the videos on YouTube but they wouldn’t attract many views.
  • You could share them on Facebook, but the rest of your friends hate dance music.
  • You could post them on a forum, but then the viewing experience would be a bit shaky.
  • And, let’s say you recorded a tune you liked but didn’t know its name, how would you identify it? Shazam is no use for pre-release material.

We were scratching our own itch: We wanted a place where everyone who went to a gig could share their videos in one place. We wanted a corner of the web where music geeks could hang out and see what new tunes their favourite DJs were dropping.

Solution Design

The website had 4 key features.

  • Videos — see what’s popular right now.
  • Events — see what events are happening near you.
  • DJs — find and follow your favourite DJs.
  • Crowd — connect and stay in touch with fellow party goers.

For our minimum viable product, we focused on shipping videos, events and a simple profile view.

Screenshot of an event on outheard.tv

Screenshot of the profile views on outheard.tv

Each user had their own little profile which showed your recent videos, followers and the upcoming events you were attending.

Popularity Contest

The crowd could love videos they liked.

Screenshot of the video playing on outheard.tv

Once we realised we wanted to surface popular videos, we needed to design a popularity algorithm that would:

  • Increase the popularity for videos that were loved
  • Increase the popularity for videos that were played frequently
  • Give new videos some popularity for initial exposure
  • Decrease popularity as videos got older
  • Make it possible for videos to bounce back if they were old, but were attracting new loves / watches

Screenshot of the popular videos on outheard.tv

The Crowd

The crowd was where you could find and follow other party goers.

![Screenshot of the crowd on outheard.tv](/content/images/2015/08/outheard-crowd.jpg)

IDs

One of the things we noticed early on, was that people were using the video comments to ask others what track was playing in the video they’d uploaded.

With this in mind, we shipped an update.

Screenshot of the video uploader on outheard.tv

If you wanted to know what the name of the track in your video, you could tag it as ID and music geeks could name the tunes for you.

Think a human version of Shazam.

Showreels

In a later release, we completely overhauled the video feed view.

Following the where there’s output / there should be input principle, we designed showreels that previewed a few videos from the event, while exposing a call to action to add your own.

Showreels in outheard.tv

Just a few days after rolling out this update, we saw a significant increase in video contributions — especially from new users.

Review

Before we ran out of money, the project gathered momentum with:

  • Party-goers from all over the UK, Italy, USA, Australia and Ibiza sharing videos.
  • A partnership with Cream of Creamfields and Amnesia fame.
  • Working with Grammy nominated producer, James Whetherly, where we filmed Above & Beyond and used outheard.tv to crowdsource footage for Creamfields.
  • World class DJs endorsing and sharing videos of their gigs.
  • Being awarded the X Media Lab special project where we were introduced to executives from Spotify, YouTube and Pixar.
  • Being invited to Peter Gabriel’s Real World Studios.

Some old photos ☺️

Photo, from left to right: Yours Truly; Ed Vaizey — HM Minister of State for Culture, Communications and Creative Industries; Ian Livingstone CBE; Michal Krzywinski — outheard.tv co-founder

From left to right: Yours truly; Ed Vaizey — HM Minister of State for Culture, Communications and Creative Industries; Ian Livingstone CBE; Michal Krzywinski — outheard.tv co-founder

James and Michal at Peter Gabriel’s Real World Studios in Bath

James and Michal at Peter Gabriel’s Real World Studios in Bath.

Which button to press?

‘Which button to press =)’ at Peter Gabriel’s Real World Studios in Bath.

Backstage at Cream

Backstage at Cream.

Interviewing my favourite DJs Above & Beyond =)

Interviewing my favourite DJs, Above & Beyond

One of the biggest lessons that I took from this project was that you need to balance business and customer priorities. We spent way too much time on the latter without thinking about the former. Towering hosting bills and no income streams eventually brought the project to a screeching halt.

This was a (fun) lesson of constraints.