Posted: March 30th, 2010 | Filed under: 01 Selected Works | 3 Comments »
AGENCY: Firstborn / CLIENT: SoBe / DATE: March 2010 / ROLE: Lead Developer
Executive Producer : Crytinue Cho / Creative Direction and Design : Dave Snyder / Tattoo Design : Dave Snyder and Mike Roushey / Tattoo Kiosk Development : Dofl Y.H. Yun(me) / Server-side Development : Francis Turmel / Slide Show Application : Eric Decker
This project has couple of special meaning to me. Fist of all, I moved to NYC to do interactive installation jobs and this is the first project here. FB proposed clients installation projects since I joined and finally Pepsi accepted our proposal. Secondly, I learned how our work with simple idea makes people happy and then they make me happy again while staying in Austin for 5 days of SXSW Interactive. You might understand what I mean after looking at photos I took.
More Info at FB / Demonstration I / Demonstration II / SoBe Lizard at SXSW / More Photos
Especially we had to focus on how digital tattoos can be looked real because the main idea was ‘Virtually reskin yourself, then fool your friends‘. Users take a tattoo on their skin and send their friends a photo so that they believe it’s real tattoo. So Here is a list of what I did to add tattoos realism.
- Matching the quality of tattoo to user photo. Because the kiosk used a built-in low quality camera and the condition of space wasn’t perfect to take best quality photos so the quality of tattoo was reduced to match quality of them dynamically.
- Multiply Blend mode. It is basically used to overlap a tattoo to skin.
- Tattoo Opacity.
- Contour to skin. This part would be the most great part. The displacement map filter which is a Flash built in feature is mainly used to add skinning tattoo realism. The kiosk application reads pixel values, especially red channel this time, from user photos in runtime and performs a displacement effect on tattoos. By controlling amount of distortion, a tattoo can be not only overlapped as flat as a pancake but also mapped to skin based on user photos .
- Redness Opacity and Thickness.
- Transforming. This allows user to move, rotate, skew and scale a tattoo.
Transforming. This allows user to move, rotate, skew and scale a tattoo.
Launch Flash Demo / More Photos
Press::
Contagious Magazine: SXSW Interactive / Creative Marketing’s Critical Mass
Posted: January 17th, 2010 | Filed under: 01 Selected Works | No Comments »
Digital Agency: Firstborn / Client: Aflac / Digital Production Company: Firstborn
visit the site
Press::
CREATIVITY: The AFLAC duck gets some new duties
Posted: November 5th, 2009 | Filed under: 01 Selected Works | No Comments »
Agency: Firstborn / Client: Lands’ End / Date: November 2009 / Role: Lead Developer
This project is my 1st project at Firstborn and my role was lead developer. It was a great experience to meet new people and work together in tight deadline. This campaign was planned for only boston but the client decided to extend to nationwide by being inspired during process, therefore two different websites, bigbostonwarmup.com and bigwarmup.com, were built. The donation campaign was ended successfully by getting over 30,000 coats donated in a month. Here is a link to watch Thank you video from Lands’ End.
Launch / Screen Captures / Demo Video
Here are technical points.
- Displaying Coats number donated – Home page displays the number of coats donated by updating status day by day and ‘Where to ‘donate’ page display each donation number of each store.
- 3D Virtual installation – We recreated the pubic art installation of 7681 figures into the website by combining 3d pre-rendered images, walking figures’ animation and real-time interactive 3D content. Especially same 3d environment setting like camera angle, object size, position is used between papervision3D and 3d application to mach the red boxes and pre-rendered videos. And multiple layers of 3d components and 2d components are combined to make final virtual installation outlook.
- Tracking Coats – Persons who donated a coat can check their position on the site by entering a tracking code printed on the receipt. To do this, we built tracking system in order to track each position on the 3D virtual installation.
Awards::
One Show Interactive / Merit, Websites: Social Networks/ Community
Summit Creative / Gold, Community Website
2010 FITC Awards / Winner, Flash Animation
2010 FITC Awards / Finalist, Flash Motion Graphics
I.D. Annual Design Review / Honorable Mention
Webby Awards / Honoree, Events
Hive Awards / Winners, Community Website
Hive Awards / Honorable Mention, Fashion
FWA / Site of The Day
Press::
CREATIVTIY: Are you doing your part?
FWA Hot Picks: Five great websites from November
Lands’ End: Big Boston Warm-up Counts Down to Success
Euro Investor: Big Warm-up Warms More Than 33,000 Hearts Nationwide
Posted: November 1st, 2009 | Filed under: 01 Selected Works | No Comments »
Agency: JWT Paris Brand: Nestlé Extrême
Art Direction and Design: uint9 Sound FX: Steve Nolan
Agent: Creative Syndicate Interactive Production: unit9
visit the site
Read the rest of this entry »
Posted: November 1st, 2009 | Filed under: 01 Selected Works | No Comments »
Agency: Red Brick Road / Ruby Brand: Heineken
Interactive Director: Robert Bader TV Director: Henry Littlechild(Outsider)
Exec Producer: Valentina Culatti Alisi Tech lead: Yates Buckley Sound FX: Steve Nolan
TV Production: Outsider Interactive Production: unit9
visit the site
Read the rest of this entry »
Posted: November 1st, 2009 | Filed under: 01 Selected Works | No Comments »
Agency: Goodby Silverstein and Partners Client: California Milk Processing Board
Art Direction and Design: uint9 Interactive Production: unit9
visit the site
More Images
Awards::
One Show Interactive 2009/ Websites-Corporate Image / Gold pencil
New York festivals 2009 / Beverages: Non-Alcoholic / Gold World Medal
One Show Interactive 2009/ Websites-Corporate Image / Gold pencil
Favourite Website Awards / Site of The Day
Cannes Cyber 2008 / Foods and Drinks / Nomination
Posted: November 1st, 2009 | Filed under: 01 Selected Works | No Comments »
Philips ‘A Simple Switch’
Awards::
One Show Interactive 2008/ Microsites: Corporate Image / Finalist
Cannes Cyber 2008 / Charities, Public Health & Safety, Public Awareness Messages / Nomination
Posted: November 1st, 2009 | Filed under: 01 Selected Works | No Comments »
visit the site
Awards::
Flashforward 2008 San Francisco / Experimental & Art / Winner
Adobe Max 2008 / Semifinalist
Adobe Design Achievement Awards / Installation Design / Finalist
Posted: November 1st, 2009 | Filed under: 01 Selected Works | No Comments »
Design Production Company : Code Communications / Client : Sony Korea
Awards::
Taxi / Nomination
Dope Awards / Nomination
FWA / Site of The Day