Red Bull Flow

A camera app and web viewing experience for Red Bull: sequences of very short sports video clips.

When: 2012
Role: Tech lead
Stack: iOS

I was tech lead on an iOS and web app with Sidekick Studios. Red Bull funded it and Sidekick Studios incubated it. Flow was a camera app and web viewing experience for sequences of very short sports video clips (tricks on a BMX or skateboard, for instance).

For example: Five people go off for an evening BMX session and a couple of them have the Flow app installed so shoot a few clips of each rider doing tricks. They tag all the clips with the same word '#londonsession', and the Facebook profiles of each rider and when they get back afterwards there's already a seamlessly-cut-together 'flow' of their session, as well as more clips added to each person's rider profile page. With Flow we were trying to answer the question: 'How can we use mobile video to help people get better at the sports they love?'

Screenshot 1 of 2, Red Bull Flow

Screenshot 2 of 2, Red Bull Flow

Around the same time

The Exploralaboratorium - six week-long hacks for Comic ReliefWriting · 2012
Charlatan — IsolatariumMusic · 2012
The Startup WifeProjects · 2012
Concluding thoughts on my researchWriting · 2012

Earlier in projects: Fence Subscriptions. Later in projects: Fundeer.

/* No script, no button and no pill: the header sits in the page as the plain bar, every room in the row, and the body keeps its own top padding. */ /* grouped: the same idea, and why this block now names two layouts. Its rooms sit behind the More button, so with no script to open it they have to be a plain second line instead. float needs no equivalent — its bar renders every room already, and its rules below hide .site-more outright. */ :root[data-fx-nav-layout="grouped"] .site-more-button { display: none; } :root[data-fx-nav-layout="grouped"] .site-more .site-more-list { display: flex; position: static; flex-wrap: wrap; gap: 0.5rem 1rem; min-width: 0; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; } :root[data-fx-nav-layout="float"] header.site-header { position: static; width: auto; height: auto; margin: 0 0 2.5rem; padding: 0; flex-wrap: wrap; align-items: baseline; background: none; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; } :root[data-fx-nav-layout="float"] body.py-8 { padding-top: 2rem; } :root[data-fx-nav-layout="float"] .site-header .site-nav { flex-wrap: wrap; } :root[data-fx-nav-layout="float"] .site-header .site-nav > a { display: inline; } :root[data-fx-nav-layout="float"] .site-more { display: none; } :root[data-fx-nav-layout="float"] .site-header .site-title, :root[data-fx-nav-layout="float"] .site-header .site-title:has(> span) { max-width: none; opacity: 1; margin-right: 0; visibility: visible; }