Street Fighter X Tekken Tweet Battle

This one was fun! We made a Facebook app for Street Fighter (Capcom) to index and visualise hashtag performance of #teamtekken and #teamstreetfighter over 10 one week ’rounds’. We used @anywhere to drive the in-app tweet functionality, with the whole app being localised to 6 languages. (View app)

The characters in the app change expression as each hashtag performs differently. As they start to win, there’s more victorious representations; as they lose they become ‘beaten’.

The ‘Wallpapers’ section displays the overall leaderboard and allows users supporting the winning team to download exclusive wallpapers.

The ‘Registration’ option allows users to register for an in-game title. Note the Facebook registration plugin, the first time we’ve used one in-app to administer a promotion. Half of the fields are pre populated from Facebook information, halving the amount of info a user has to put in, all without permissions.

Tweet display showing recent tweets within infinity scroll. Note @anywhere integration with hover cards to preview user details.

Nice simple app designed and built in 2 days, the Soundcloud custom javascript players are fun. View app.

We built this Facebook orientated application to allowes users to distribute their ‘rage’ across Facebook, Twitter, YouTube and beyond. (View app)

A central app enabled users to ‘spread rage’ through Facebook by sending their friends rage through wall posting, and/or the application indexing their recent posts and giving them a ‘rage score’ based on negative sentiment. A Twitter function allowed users to Tweet their rage. These activities contributed to the overall ‘Rage meter’, an unlock process which revealed exclusive content the more users built up ‘rage’ online.

The application was fully localised to 5 different languages with Geo conditioning built in too.

JLS Jukebox Facebook app

7 days to build, limited budget, scalable architecture and one of the biggest boy bands in the world? Sure! Let’s go, JLS!

This one was a fun build, Facebook threw up a few API surprises and ‘Send Dialogue’ plagued this project all the way through.

We used Soundcloud to power the jukebox interface, via the playlist API. Users have the option to login with Facebook to create their own playlists Jukebox, or just continue to listen to the album as it is.

We put sharing at the heart of this, users can post their jukebox with up to 3 friends, and add a message to send with it. There’s an option to post it to their wall too.

We added a splash of identity by having the user’s Facebook profile picture as the artwork on their customised Jukebox.

This was a massive front end challenge too. For a young audience we wanted to keep the interface clean, all above the fold and bold, with the user journey seamless. We used overlay sliders for a lot of the UX. I think it paid off

Here’s some images from pre production.

 

My rubbish first sketch of the Jukebox (ha ha), working out how to make a interface make sense and not clunky…

Sexy buttons… Super sexy buttons… I really can’t stress how important buttons are to me.

Cute icon to go along with the app

And another awesome one which didn’t make it (WORLD EXCLUSIVE)

And there we go. One of my favourite apps so far. Check it out here. Was stressful but it came out super slick, kudos to my ninjas who made it happen.

Chronos/The Wanted, another Fb project

Wrapping up another ‘chronos’ project for The Wanted. Not sure what to do with this app project yet, they’re so easy to do and build and work really well; just takes time to put some steam behind it to make it in to a sucessful product.

The layouts conditioned so existing fans see share options with Facebook and Twitter, and non-fans see a prominent ‘Like’ button to like the page.

I like how this one turned out though! I’m beginning to love the dark ‘Like’ buttons.

Suggestions welcome. I know i’m rubbish at page folds…

The Wanted ‘Postagram’

This app was cool to do. We used the Instagram API to pull in The Wanted’s recent photos, then through Facebook let users pick one, write a message with it and send it to friends, sort of like a summer postcard.

Haven’t launched it at the time of writing, so i’ll include the link when it’s live. Trying to work out if we can use ‘Postagram’ legally with it, but you can see some of the word in progress.

Did the UX on this one and app production. Love Instagram!

Update: This is live now! Go have a play