UI / UX / Interface Design
project title
Socialistic Website
client
Socialistic
date
2012
categories
Website
primary role(s) for this project
- Art Director
project notes
A quick design update for the Socialistic Website done on my last day with the group, to promote for Social Media week. However in the the group decided to wait for launch until the regrouped on the content plan.
project title
PwC Website Pitch
client
DDB NY / PwC
date
2012
categories
Pitch, Website + App
primary role(s) for this project
- Art Director
- Design + Illustration
project notes
A few samples from the pitch for a financial services client who was looking to create a website and ipad like app around their small business services package.
Primarily I was tasked to come up with several design explorations / approaches for the layout of the site. As time went on we started focusing more on the App idea, and less on the earlier editorial idea, and I took several approaches including a Masonry layout and an App / Path direction.
DDB didn't have the opportunity to do the UX for the site, and needed work with the UX flow the client had already put forth, but it turned out ok and the client really liked the final results. An interesting "gridnik" and infographic based project overall.
project title
Twitter Events + Groups App
client
Client Confidential
date
2011
categories
App Pitch + Strategy + Art Direction
primary role(s) for this project
- Art Direction
- Design + Illustration
- Initial Design Mock-Ups
- Concept Development
- Creative Direction
- Social Strategy
project notes
An iPad/Tablet/HTML5 app proposal for the the twitter api to be expanded for events and groups. The following images display the Events and the Group Management panels.
project title
Minimal Wave Website / Forum
client
Minimal Wave Records
date
2010
categories
E-Com Website / Forum
primary role(s) for this project
- Art Direction + Design
- Creative Direction
- Client Engagement + Management
- Social Strategy
- CSS + EE Developer
additional team members
Alec Cumming - Lead Developerproject links
View Website
Vinyl Magazine Archive
Website UI + Layout Documents
project notes
Designed and built a new E-commerce Website and Forum for Minimal Wave Records, using Expression Engine + FoxyCart + Twitter + Google Search integration. The website has been fully optimized and google indexed, in accordance with the most effective SEO methods.
The layout was partially influenced by the idea of the record cover, since many of these releases are records, and we wanted to make sure the record and the artists were clearly represented before anything else. Another factor in the design came from weeks of roaming through tons of classic 80s magazines like The Face (Neville Brody), iD (Terry Jones), and most specifically Vinyl (Max Kisman), the dutch music magazine that featured many bands found on the site. A few of the colors and other elements where influenced by the faded pages when looking at our old issues, and the 4 color printing of the era.
One highlight of the site is that many people can now put faces to the bands/records that they have known and loved over the years, and also learn a lot more about other things the bands were involved in.
Additionally the MW Forum was updated quite substantially to give the content some room and air. Now you can easily find and read through the thousands of post about the genre without straining your eyes.
project title
McDonalds Digital Future
client
TBWA / McDonalds
date
2009
categories
Strategy / Pitch
primary role(s) for this project
- Initial Pitch Concepts
- Creative Direction
- Client Engagement + Management
- Digital + Social Media Strategy
additional team members
Sean Branin - Initial Design Mock-UpsFlorian Fangohr - Initial Design Mock-Ups
Lucas Kim - Initial Design Mock-Ups
Jean-Paul Tremblay - Initial Design Mock-Ups
project notes
TBWA approached us to create a pitch (in 1 week) for what the near future of McDonalds online could look like, to be included as part of their larger Global Pitch for the brand. I started by sketching out everything that we know about McDonalds, from the original store, through their heyday in the 70's, up till now, and then some.
With transparency being one of the most important directives for companies globally these days, one idea was to convey McDonalds products, and all the data for each product, to be placed in very clear and concise display, and then to give each product it's own hero shot, similar to the great product design layouts of the 60s, like Braun, but in the tone and style of McDonalds.
With this same idea, you would also need provide and interesting way to search through all of the content, that would help visitors sort through all the content quickly, and even suggest similar content when appropriate.
Secondly, we wanted to capture what McDonalds meant emotionally to most people as a brand, by letting visitors connect with all the ephemera, and even americana, that existed in the real world for the brand, be it on Flicker or Facebook or other social platforms. There are thousands of objects.
Lastly, I wanted to explore the interesting food on the menu that I had noticed during my travels around the world (and even in the US, with the Lobster Roll in Maine, and Crab Cake Burger in my home town of Baltimore). As we researched this further, we were fascinated to find just how many different items there where (like the McCurry, or McFalafel).
project title
Climate Change App
client
Climate Central
date
2009
categories
App Pitch / Strategy
primary role(s) for this project
- Initial Pitch Concept
- Initial Design Mock-Up
- Client Engagement + Management
- Producer
project notes
Climate Central came to us for ways to display their complex climate change reports, that come from NASA in the form of very complex graphs and columns of data, into a much more accessible application for everyone to understand what changes are occurring, and how fast they are occurring.
At left are a few early concepts from sketches, for interactive apps pertaining to specific data around how fast the icebergs are melting, and the sea water is rising.
project title
The Corona Beach
client
Cramer Krasselt / Corona
date
2008
categories
Website / Digital Strategy
primary role(s) for this project
- Sr. Producer
- Client Engagement + Management
- Digital + Social Media Strategy
- Initial Pitch Concepts
- Tertiary Design
additional team members
Zander Brimijoinn - Art DirectorDaniel Scheibel - Lead Developer
project links
Project Brief (pdf)
Website "Ideology" Pitch - Principles of Relaxation (pdf)
Merlin Project Schedule (pdf)
Loader Sequence Fun (pdf)
project notes
Cramer-Krasselt approached Big Spaceship looking to bring their iconic Corona image and TV campaign, of the serene unexploited Corona beach, into the digital world. As the Corona brand has a rather large fan base in the real world, we also had the dual goal of connecting to Corona fans through common social media platforms. The task at hand was quite a difficult one, in that how do you give visitors a clean and realistic beach experience, and have the best of today’s social mediums all in one place, without cluttering the beach. The result of this excursion was to create two connected “worlds”, giving ample space for both the serene and complex, as well as an ongoing rotation of “easter egg” like activities to keep users coming back for more, and inevitable push Flash to it’s very limits in every way possible.
project title
Optimum Video Player
client
Optimum Online
date
2006
categories
Strategy / Redesign
primary role(s) for this project
- Client Engagement
- Digital + Social Media Strategy
- Sr. Producer
- Initial Pitch UI Concepts
- Initial Design UI Mock-Ups
additional team members
Chris Gardella - Art Directionproject links
project notes
Optimum were looking to bring their 10 year old video portal design inline with the newly emerging 2.0 world. For several weeks we reviewed their customers needs and patterns, within the defined demographic, and also reviewed minute positive and negative details of over 30 different video players available at the time, to come up with a simple but robust interactive video player that allowed visitors to tailer the player to their own needs, without letting the interface itself get in the way.
At left, Two frames from my Initial Concept Design & IA
project title
MTVNLand Website
client
MTV International
date
2005
categories
Website
primary role(s) for this project
- Concept Development
- LAMP / CSS Development
- Technical Producer
- Art Direction
additional team members
Kristofer Widholm - Lead Developer - LAMP / AJAX / XLST / Component Developmentproject notes
MTVNLand is MTV International’s Creative repository. It hosts over 10,000 videos of creative work done by all of the teams around the globe including the On-Air Promos, Teasers, Trailers, Promotional Materials, Commercials and so on. It also host all documents associated with the music, rights and other notes associated with each piece of content. The minimalist aesthetic here was done specifically to highlight the content, and not the website itself - the idea being “a glass of water”.
project title
MTV Exquisite Corpse 03
client
MTV International
date
2003
categories
Art Direction + Sound
primary role(s) for this project
- Concept + Strategy
- Art Direction + Design
- Music + Sound Design
additional team members
Amy Kim - Website ProducerOleg Troyanovsky - International Campaign Producer
Large Animal - Flash popup implementation
project links
project notes
We did the design and the music and sound effects for the MTV Exquisite Corpse 03 campaign website. Exquisite Corpse (aka Exquisite MTV), was the theme of the 2003 MTV Global Image campaign.
The goal of the website was to allow visitors to understand and watch where each part of the 16 different Exquisite Corpse videos came from, and also watch the full videos. Each video started with a color, and had 7, 1 second parts (for a total of 8 seconds). Each 1 second part being created by a different international team, then passed to the next, which were then "sewn" together.
project title
Extranet
client
MTV International Digital
date
2003
categories
Website
primary role(s) for this project
- Art Direction + Design
- CSS + HTML Development
project notes
The MTV International Digital team in NYC needed to have a single place to keep contact info for hundreds of international team members and several dozens standards and practice documents, essentially a catch all for day to day connections. I designed and built this hand coded system in a week for them to use.
On Twitter
Social + Blogs
On the Pxlpark Blog