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
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
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
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
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 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
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