Interactives

I have worked on a couple of interactive pieces that have been a lot of fun. With Apple’s hard stance against flash, I feel that all interactive pieces should be created in HTML5 so that they can function on iDevices. Here are a couple of pieces that I have enjoyed producing alongside a design agency.

Text Editor March Madness

Click here to interact with the piece on the Rackspace Blog.
Click here to interact with the piece on the Rackspace Blog.

https://ae062216e82cf001d584-e258cca27b309719cad10cd6343925fe.ssl.cf1.rackcdn.com/jb0/folder_name/TextEditorMadness

We made this piece as a geeky way to connect with our audience during the 2013 March Madness tournament. This is around the time that everyone goes bracket crazy, so I thought it would be interesting to pit different text editors against each other to see which one would come out victorious. If you aren’t familiar with programming, a developer choosing a text editor is akin to a wizard in Harry Potter choosing a wand. Discussing the merits (and deficiencies) of text editors can get developers fired up.

This idea ended up working very well. We had a huge influx of traffic to our website due to devs tweeting about the bracket, multiple posts on different programming sub-Reddits and chatter within the different editors IRC channels. As some one said, the bracket “was as epic as it was meaningless,” but it was also a lot of fun.

Geek Gift Guide

Click here to interact with this gift guide on the Rackspace blog.
Click here to interact with this gift guide on the Rackspace blog.

A colleague and I were tasked with creating a Geek Gift Guide for the 2012 Christmas season. We were initially wanting to make one of those dichotomous key question/answer type of graphics that users would be able to use to find the perfect guide for the favorite geek in their life. In a brainstorming session, I proposed creating a slot machine type graphic where people could either spin the wheel randomly or lock down variables like “Interest,” “Price” and “Geek Level” to get a gift suggestion.

The gift guide went on to win a gold Addy at the citywide contest for its category. Props to my colleague Lizetta Staplefoote for not only coming up with many of the gifts, but also letting me collaborate with her on this guide. While our agency originally created this piece in Flash, I encouraged them to revise it in HTML which we used for a Valentine’s Day Geek Gift Guide in 2013.