Recent work:

Crain Communications

Making News Responsive
2014 Responsive Web

Loran Landscapes

Urban Gardening on the Modern Web
2014 Responsive Web

Opera Erratica

Pushing the Web to Capture the Avant-Garde
2014 Responsive Web

What Should I Be This Halloween?

Costume Generation
2014 Responsive Web

The Lollipop League

A Handmade Site for Artisinal Candy
2013 Web

Thumbplay Music / iHeartRadio

Designing Streaming Music
2010-2012 Mobile

Konnect4

Mobile Meetups
2012 Mobile

OK Go

Behind The Scenes of a Crazy Machine
2010 Web

I Went to MoMA And...

Capturing a Museum Experience Online
2011 Web

Crain Communications

Making News Responsive

As part of a dedicated team at Chicago’s Vokal Interactive, we had an extended engagement with Crain Communications - a publishing company with a combined reach of over 3 million readers - with the goal of responsively redesigning several of their online publications and email newsletters, making sure they were accessible to readers on almost any device or format. While my primarily role comprised lead visual design for the Crain’s New York and Crain’s Detroit sites, I also performed competitive research, produced a guide to industry best practices, conducted and compiled interviews and surveys, protoype interactions via frontend web, and was extensively involved in user experience. Initiatives included suggesting the use of Brad Frost’s Pattern Lab as a living web style guide, and the adoption of an icon font.

Role: Visual Design, Design Research, Frontend Prototyping, UX Support

Crain's New York Business, tablet and mobile view

Article page for Crain's Detroit Business, with reading meter

Responsive email designs for Crain's Detroit Business

Design innovations: persistently-accessible Top Stories, shareable micro-content, enhanced local/contextual content, 'Read Next' bar for continued engagement

Loran Landscapes

Urban Gardening on the Modern Web

I created a new site for Chicago landscape Michael Loran Hansel - transitioning from a Flash-based site, Michael wanted to make his website accessible on all devices, find a better way to showcase his work, and refresh his brand. The website is now a responsive, single-page scroller that showcases Hansen’s services with large-format imagery, attractive galleries and clear iconography, featuring a new logotype.

Role: Creative Direction, Visual Design, Logo Design, UX, Development and Deployment

Opera Erratica

Pushing the Web to Capture the Avant-Garde

Patrick Eakin Young, creator and Director of Opera Erratica - a UK-based theatrical company that produces contemporary work, wanted a website that reflected his boundary-pushing aesthetic. Using full-screen video background and CSS blur filters, the design has a kind of audacious minimalism that puts the theatrical work itself is at the center of the site.

Role:Creative Direction, Design, UX, Frontend Prototyping

The site features full-width HTML5 video, with blur effects

What Should I Be This Halloween

Costume Generation

A web-toy designed to help fence-sitters decide what to wear this Halloween. Updated yearly with topical material. Featuring accerelometer-powered shake-to-refresh action on mobile.

Role: Concept, Design, UX, Development and Deployment

Make up your mind, then put on the make-up

The Lollipop League

A Handmade Site for Artisinal Candy

South African confectionary ‘The Lollipop League’ needed a site to showcase its candied offerings. Working with the brand’s vintage aesthetic, the site has a warm, friendly color palette, subtle suggestions of art-deco-inspired finery and flourishes, and a clear, accessible single-page scrolling structure.

Role: Creative Direction, Visual Design, UX, Development and Deployment

Single-page scrolling works to expose the content upfront

iHeartRadio/Thumbplay

Designing Streaming Music

Thumbplay Music was a subscription-based music streaming service, which was incorporated into the iHeartRadio application from ClearChannel. Working closely with a UX lead and the rest of the product design team, I led visual design for iPhone, iPad, Android and BlackBerry mobile applications, and provided additional illustration, animation and design work for web and print.

Role: Visual Design, Motion Graphics, Print Design

Thumbplay's iPhone and Android applications

iHeartRadio iPad app

Konnect4

Mobile Meetups

Konnect4 was an iOS application designed to promote local meetups and events. I provided finished, pixel-perfect visual design that gave the app a sense of sophistication and elegance.

Role: Visual Design

OK Go

Behind The Scenes of a Crazy Machine

Working with creative input from the musicians and their digital media manager, I designed and developed an interactive online feature to accompany the viral video “This Too Shall Pass” from acclaimed band 'OK Go'. Based around the floor plan of the video’s Rube Golberg-esque construction, users can effectively ‘zoom in’ to a segment of the video, accessing behind-the-scenes photography and video. Featured on Gizmodo (“this incredibly detailed interactive floor plan takes it to a whole new level”) and MAKE.

Role: Creative Direction, Visual Design, Actionscript Programming

Users uncover photos, videoclips and 'fun facts' as they zoom into the map

"It's a great reminder of the amazing things smart, dedicated people can accomplish when they put their collective minds to it" - Gizmodo

I Went to MoMA And...

Capturing a Museum Experience Online

The New York Museum of Modern Art wanted an online feature to capture an real-world interactive initiative - visitors were asked to share their experience of the museum by writing and drawing on specially-designed slips of paper. Once collected, the feature lets viewers browse the full collection, clicking on any item for fuller detail. In collaboration with Art Direction from MoMA and Project Management from Arrow Root Media.

Role: Visual Design, Actionscript Programming