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.

Ms Dynamite

Really simple holding page, barely worth a post but it was a quick fun one to do. Used a lot of CSS3 so stay away Mr. IE. This is what holding pages should  be like, Like buttons, Follow buttons, Tweet buttons, core media and social comments.

Multi site goodness

Just finished a big WordPress project for a multi site network for our new company, using 1 aggregator theme to pull news from 3 other departments, a blog template, and 1 parent site to use on everything else.

This isn’t a code palace so i’m just going to show some of the elements which are neat.

Main body of the site with custom menu configurations.

Custom category with rollovers

Job application page with custom contact form and new ‘Apply with LinkedIn’ button for quick submission.

Newsletter pop up and sign up with CSS3 goodness (Mailchimp)

A shot of single posts, custom fields drive the video embeds if needed. Tooltips give share options and shortlinks with custom lucd.co domain (using WP bit.ly).

Custom user list layout, lists all the users on the multi site but in this instance is serves as a reference to employees. Pretty cool! Needs some tweaking