Code School teaches web technologies in the comfort of your browser with video lessons, coding challenges, and screencasts. I've been working with a team over there on delivering themed courses with complete narrative so as to create a unique learning environment that takes full advantage of the browser's capabilities with interaction and storytelling.
The courses all share a similar UI structure and have the flexibility to be skinned to the various themes, tweaking the layout where necessary for the individual course's needs.
Below is a sampling of a few of the courses I've had the privilege to work on.
Git Real 2
Git Real 2 is a follow-up to Code School's first course about learning how to use Git in the browser with more advanced Git techniques. We built on the existing branding for Git Real--a Tron-like digital world. Here users were able to interact with the course as a living, breathing microchip sending packets of information through an information superhighway.
Check out the course here.
Rails 4: Zombie Outlaws
Continuing in the tradition of previous Rails for Zombies courses, this one took place in the wild West. I worked in collaboration with Jason Vanlue to develop the look and feel of the assets. Mostly photo-manipulating my way through a narrative about a lone survivor in fictional Santa Maria.
Below are samples from the course chapter pages:
Rails For Zombies: Redux
Rails for Zombies is a redesign of the course that started it all. The theme for the course evolved from the original zombies theme, which has continued to be a staple in branding with all of the Ruby on Rails-themed courses. The concept was to create a more serious and sinister post-apocalyptic view of the Zombies epidemic that could set the stage for future courses. The badges that correspond with the level present a unique, destructive scene to correlate with the levels as well as a new course badge for course completion that updates to the new branding.