MLS #LALookIn

Partnering with Major League Soccer, we placed a sideline camera on the side of a soccer pitch, hooked it to the Twitter API and let soccer fans generate sponsored content using the hashtag #LALookIn.

The Build

Canon MK5 D / Raspberry Pie / Twitter Public REST API / Sponsored Overlay Dashboard

MLS #LALookIn

Partnering with Major League Soccer, we placed a sideline camera on the side of a soccer pitch, hooked it to the Twitter API and let soccer fans generate sponsored content using the hashtag #LALookIn.

Role
Design Lead (UX)
Product Manager

Client
Major League Soccer

Press
TheDrum
SportsTechie
Sports Business Daily

Role
Design Lead (UX)
Product Manager

Client
Twitter

Processed with VSCO with c8 preset

Soccer Fan User Experience

A simple tweet containing a #hashtag can trigger a remote camera shutter, add a sponsored overlay and reply to the user.

There is something delightful about receiving a tweet from a publisher or twitter account you enjoy, mainly when it contains a photo or an image the user creates. We delivered two routes for users to create their content from the soccer pitch. 

Route 1 - Using Twitter Ad Formats

Conversational cards allow users to tap on a CTA button, to open the Tweet Compose with a pre-compose copy. In this instance, we placed the trigger (#LALookIn) inside the pre-composed Tweet to allow the user to tap Tweet. Once Tweeted the @userhandle and #hashtag, triggers the camera, and then returns the image via a Tweet reply to the original user.

Route 2 - #LALookIn

#LALookIn is a unique hashtag. Being unique, we were able to monitor all activity of the hashtag, this allowed the users to Tweet, and trigger the camera. 

 

MLS_UX

User-Generated Content

A selection of user-generated photos using the hashtag #LALookIn.

Currently at @Twitter infusing Product Design and Product Management to build innovative tools for Media Publishers.

Currently at @Twitter infusing Product Design and Product Management to build innovative tools for Media Publishers.

           Twitter       Instagram       Linkedin        Dribbble

     Twitter       Instagram       Linkedin        Dribbble

Twitter       Instagram       Linkedin        Dribbble

Twitter       Instagram       Linkedin        Dribbble

Martin Craster.

Martin Craster.

Made In Middlesbrough, England. Exported to California.

Made In Middlesbrough, England. Exported to California.

jQuery(document).ready(function($) { $('#first').hover( function() { $('#bg-img-1').addClass('show'); }, function() { $('#bg-img-1').removeClass('show'); } ); $('#second').hover( function() { $('#bg-img-2').addClass('show'); }, function() { $('#bg-img-2').removeClass('show'); } ); $('#third').hover( function() { $('#bg-img-3').addClass('show'); }, function() { $('#bg-img-3').removeClass('show'); } ); $('#fourth').hover( function() { $('#bg-img-4').addClass('show'); }, function() { $('#bg-img-4').removeClass('show'); } ); $('#fifth').hover( function() { $('#bg-img-5').addClass('show'); }, function() { $('#bg-img-5').removeClass('show'); } ); $('#sixth').hover( function() { $('#bg-img-6').addClass('show'); }, function() { $('#bg-img-6').removeClass('show'); } ); $('#seventh').hover( function() { $('#bg-img-7').addClass('show'); }, function() { $('#bg-img-7').removeClass('show'); } ); $('#eight').hover( function() { $('#bg-img-8').addClass('show'); }, function() { $('#bg-img-8').removeClass('show'); } ); $('#mtv').hover( function() { $('#bg-img-mtv').addClass('show'); }, function() { $('#bg-img-mtv').removeClass('show'); } ); $('#mls').hover( function() { $('#bg-img-mls').addClass('show'); }, function() { $('#bg-img-mls').removeClass('show'); } ); });