KEVIN LEE
IS A DESIGNER & DEVELOPER OF
THE NEXT GENERATION OF INTERACTIVE MEDIA
HTML5 & FLASH & iOS

inquiries@subhype.net

SAN FRANCISCO, CALIFORNIA
SEATTLE, WASHINGTON

ABOUT

Kevin Lee is a designer and developer of websites, digital multimedia, and online advertising with over ten years of professional experience on the web. Accomplished as a Flash developer, he also has experience in HTML5 and iOS app development, specializing in integrating sound and video, along with outside data sources (including social media feeds), into a cohesive and well-designed experience. Kevin has worked with prominent brands such as Red Bull, Dell, Lipton and Lipton Brisk, Tibco, Electronic Arts, Pogo.com, HBO Video, The North Face, Asics, Beck's, Smirnoff, Ciroc Vodka, Charles Schwab, Guinness, Newcastle Brown Ale, and Cheetos.

The site was designed to display content on PCs as well as new mobile touch platforms, including the iPhone and iPad. This site adheres to the principles of progressive enhancement—the contents of this site are accessible to all browsers in current use. This website was coded with HTML5, the next generation of web technologies, and developed using MooTools.

Currently, the site is presented minimally, where the content is presented conventionally but lacks the page-based advanced features. This may be due to your browser not being advanced enough to use these features. To see this site in the intended paged format, please use the most current version of your browser or a HTML5-capable browser like Firefox, Safari or Chrome.

RED BULL EMSEE 2011

EmSee is a national rap battle royale with 64 freestyle rappers competing head-to-head over the span of nine stops (eight regionals with one final) throughout the United States. For this production, set to be aired on a national cable network, Red Bull needed a live motion graphics operator that could put up a timer and flash image and word cues on screen, show contestants photos and vignettes during their introductions, and show some eye candy in-between battles. All needed to be executed in an impeccable fashion to keep the competition consistent through each of the 63 matches occurring throughout the contest. Video, including footage of the contestants, had to be shot quickly on site at each stop, much of it done during the same day. And it all had to look cool enough for national television.

Because of requirements of the project, existing VJ applications were not suitable without heavy customization. Instead, a custom Adobe AIR solution was developed using its Flash animation and video playback capabilities. Image cues and word cues flashed onscreen with a tap of a button, brackets were updated in moments, and all were adjustable on the fly if necessary. Footage, much of it shot during the same day as the production, could be quickly imported and shown. The UI was specially created to not only to quickly execute the various sequences, but was honed and streamlined to minimize and avoid any screwups which might affect the contest. And for the downtime between battles, a set of motion graphic animations were created (much of it using time-lapsed photography), and, if wifi was available at the venue, the console queried Twitter feeds and displayed tweets by event goers and performers live.

This was that rare project that combined design, photography, and software development, all handled by a team of one.

Client: Red Bull North America/Ankh Marketing
Specific role: Flash/AIR development, motion graphics (using Flash & After Effects), videography and photography

BELLYFLIP

BellyFlip is a simple iPhone app for expecting mothers who want create time-lapse photography of their growing bellies. Designed by two young mothers, the app was created so that new mothers could relive and share the most visible and gradual part of the childbirth experience. Take individual photos, place them in a nicely designed frame, and share via email, Twitter or Facebook. Set an optional weekly timer so you remember to take a picture. With enough pictures, a flip animation movie file could be created and also shared. After the baby is delivered, users can enter their baby's name, vital statistics and picture into the app to create baby announcements.

Client: all me, LLC
Specific role: iPhone development

App Store link: http://itunes.apple.com/us/app/bellyflip/id507291390

ASICS GEL-KINSEI 3

What the website for the Asics Gel-Kinsei 3 lacks in content it makes up for in presentation. Utilizing pre-rendered 3D graphic animations, we created a 3D shoe which could be stripped down to each component and be rotated. Text on the site was XML-driven and multilingual—Chinese, Japanese and Korean versions of the site were created by swapping in a different XML file.

To keep the site and its content quickly accessible despite its large total load size, a unique loading scheme was enabled so that each frame of the rotation animations would load individually depending on which angle and which component was being viewed, which ensured at least one frame of each component animation, at the current angle, was accessible at all times. Flash was pushed to its extreme, using several cutting-edge visual effect technologies including PixelBender and perlin noise generation to create graphics and animations on-the-fly with maximum performance.

Client: Asics
Work at: Cobra Creative
Specific role: Flash development

LOVE & LUXE

This website for a jewelry atelier and boutique in San Francisco is a responsive site that changes its layout automatically depending on what kind of device it is viewed on. With a different layout for desktop, smartphones, and tablets, the site automatically selects the layout and font size to show off the design’s typography and images—no wasted whitespace on this site. For this shapeshifting act, the site uses media queries, a feature of HTML5, to select the right format. WordPress handles the backend CMS duties; its familiar interface allows the store’s owners to make regular updates.

Agency: Sovereign Studios
Specific role: Front-end HTML/jQuery/CSS3 and WordPress/PHP development

Live link: http://www.loveandluxesf.com

MC JELLY D

Andrew Bancroft is a copywriter and web personality (host of the now defunct Digg Real) by day, freestyle battle rapper in a jelly donut costume by night. The website for his musical persona is laden with green-screened videos of himself and his sidekick donut-ho in the type of scenes you'd expect of a rapper of his stature. In-scene videos with alpha channels are quite heavy, but load times were mitigated with an optimized loading scheme that only downloads when the connection is idle.

Client: MC Jelly Donut
Work at: Cobra Creative
Specific role: Flash development

CHEETOS EATING CHANNEL

One of several widgets and toys on the Cheetos.com site in 2009, the 24/7 Eating Channel was a virtual television channel showing nothing but clips of people eating Cheetos. With just enough content to last people until they get sick of the joke, a backend server would schedule a daily playlist of pre-recorded videos, packaged together into "shows," and the front-end Flash client would play each file at the time specified–simulating a broadcast channel. Viewers could also use their webcams to record themselves eating Cheetos, clips that passed moderation would be scheduled for broadcast.

Client: Frito Lay
Agency: Goodby, Silverstein and Partners
Work at: Cobra Creative
Specific role: Front-end Flash development and general back-end schematics

Demo video: http://www.youtube.com/watch?v=EZFLLVxK_Mo

ERINALVO.COM

A portfolio site for a freelance art director, erinalvo.com features slideshows of images and videos in several categories, with a video player that intelligently buffers clips.

Client: Erin Alvo
Work at: Substance and Hype
Specific role: Flash development, interface animations

CHEETOS OFFICE TOOLS 2009

The second toy produced for Cheetos.com 2009, Cheetos Office Tools 2009 is an office suite parody, a document creator in the mold of the warped sensibilities of Chester Cheetah. This little Adobe AIR app, which runs on any PC or Mac after installing Adobe's AIR runtime, walks users through a guided process where users could create and print personalized, ridiculous, and dishonest (for jokes!) business cards, resumés, or resignation letters.

Client: Frito Lay
Agency: Goodby, Silverstein and Partners
Work at: Cobra Creative
Specific role: AIR app development

UNIVERSE OF CHOICE

Instead of presenting a series of web polls like it was a scantron test sheet, why not makes things more interesting...say a 3D scene inspired by the Matrix? A custom-built 3D engine provided the visuals—an endless array of pairs of doors that together represent a question and two possible answers. Select a pair from afar and the camera flies to it while dodging other doors, revealing the poll question and its choices. Users can also submit their own poll questions, which show up in the field after moderation. If they want to answer questions and see what the results are, they can traverse the 3D area with their mouse, filter questions by criteria, or pick a question that they've saved earlier.

Client: Beck's Beer
Agency: Real Branding
Work at: Substance and Hype
Specific role: Front-end Flash development, interface animations

THANK YOU

Thanks for visiting. For more information, including rates and information, please email inquiries@subhype.net.

This site is set in the Exo and Arimo typefaces, available via Google Web Fonts.

Copyright 2011-12 Kevin Lee. All rights reserved.

DRAG TO THE LEFT FOR THE NEXT PAGE