YIMENG BAI

yimengbai — Thu, 15 Sep 2011 18:33:01 +0000

FRAGMENTS

AN VIRTUAL FASHION SHOW

yimengbai — Fri, 17 Jun 2011 18:13:43 +0000

THE LAST GAME

AN INTERACTIVE FILM

5/2011 Interactive Film for ITP Thesis

Film Part -Directing / story / storyboarding

Website Part – UI & Web Design / Ware framing / Usability Testing

WEBSITE :: TRAILER

TRAILER

BRIEF

The Last Game is an online interactive multi-perspective fiction film that encourages users to create their own narrative based on their journeys.

STORY

In a bistro, four strangers, Alex, Brent, Catherine, Dominic, are waiting for a professional and qualified killer to “help” them “suicide”, unfortunately the bar tender claims that in the following 10 minutes this killer will only choose one of them before the midnight, so only one person will be able to die. After confessing their sins and expressed their dissatisfactions for life, they found their problems had been solved by other people and don’t have to die anymore.

MULTI-PERSPECTIVE LINEAR

SITE MAP

SKETCHES (UI)

- LANDING PAGE -

- SCREENING PAGE -

WIREFRAMES

- LANDING PAGE -

- SCREENING PAGE -

UI DESIGN

USER INTERACTION FLOW

STORYBOARD

yimengbai — Fri, 17 Dec 2010 11:59:20 +0000

HMNYC

AN INTERACTIVE SCULPTURE

12/2010 Interactive Sculpture for H&M flagship store Display window

Freelance Art Director – Art Direction / Sketching / Graphic Design / UI Design

Wire Framing / Protoyping

WEBSITE: hmnycproject.com DOCUMENTATION VIDEO: HMNYC PROJECT

DOCUMENTATION

FINAL INSTALLATION

BRIEF

Inspired by the unique personalities of New York City’s residents

#HMNYC is an interactive sculpture that allows users to upload messages via Twitter and photos through FLICKR to create their own experience with the display

LOCATION: H&M New York 5th Ave Flag Ship Store ( 42nd St and 5th Ave)

INSTALLATION DESIGN

PHOTOBOOTH DESIGN

INFRASTRUCTURE

UI DESIGN

LANDING PAGE

The Virtual installation of NYC skyline shows up-to-date photos tooken from the photobooth in store.

GALLERY PAGE

Users can download their picture for free.

Search photos by using the navigation bar. The heights is based on the photo volume of the current day.

FIND US PAGE

Using Google map API to locate and navigate your way to the installation

KEY CREDITS

Creative Director : Emily Ryan

Art Director: Yimeng Bai

Producer: Winslow Porter

Photo Booth Designer: Mike Kelberman

Designer : Luis Violante, Genevieve Hoffman, Adam Lassy

Network Team: Liangjie Xia, Derek Chung, Li Li, Daniel Tsadok

Fabrication Team: Matt Richard, Drew Burrows

yimengbai — Tue, 18 May 2010 22:25:43 +0000

DRIVE YOUR IMAGINATION

INTERACTIVE BRANDING SITE FOR AUDI A4

3/2009 Interactive Website Campaign

Art Director – Concept / Art Direction / UI Design / Usability Testing

VISIT

BRIEF

Audi planned to launch a new website to advertise its newly designed high-speed version of Audi A4..The theme of my proposal is “Drive your imagination”. The superior characteristics of the new A4 that go beyond imagination are presented with a light painting approach.

CONCEPT & KEY VISUAL

UI DESIGN

LOADING

LANDING PAGE

MAKE-YOUR-OWN

LIGHT PAINTING PAGE

User can use light to draw a variety of graphics in the given virtual three-dimensional space, giving

a full play to your imagination.

VITUAL DRIVE PAGE

User choose an A4 with your favorite color, to wander

through the graphics you have drawn through keyboard control.

KEY CREDITS

Agency: Ogilvy & Mather, Beijing, China

Client: Audi
Executive Creative Director: Doug Schiff
Creative Director: Yanyan Yang
Art Directors: Yanyan Yang, Xiaojun Liu, Yimeng Bai, Qing Guo, Jiming Su
Copywriter: Xiaojun Su
Producers: Fei Wang, Doug Schiff, Yimeng Bai, Mice Lin
Production Company: Vigortime

yimengbai — Tue, 18 May 2010 16:25:10 +0000

LENOVO THINKPAD – THNKER

CHINA BRANDING SITE

11/2008 Interactive Branding Site

VISUAL/WEB DESIGNER – Concept / Art Direction / UI Design / Sketch / Wireframes

VISIT

CONCEPT

The creation of “thinker robot” for lenovo thinkpad branding site, is inspired by Rodin’s famous work “thinker”, is derived from thinking of the impact of a variety of the new green technology has made on our life.

Every single part of the thinker’s body represents a reflection on a critical problem and its solution. The head reflects thinking on breaking away from the nine-to-five work pattern, whose solution is the increasingly popular globalized Internet purchase model. The major body parts represents a thinking on the destruction of natural disasters to the living environment of human beings, and the Japanese architects’ design of a low-cost and recyclable paper house provides a feasible solution. The arms are pieces of furniture woven with harmful grass water hyacinth, representing how to turn the waste into use. And the thighs are made up of renewable Tetra Pak packaging boxes, symbolizing the sustainable development of human being.

UI DESIGN

Loading

Having a shadow of the Thinker, to build a relationship between the original Rodin’s with this new Robot Thinker

Landing Page

Introducing the active Thinker with serval hot spots users can click and see features and details

Feature Page

Every feature of is related a critical problem and it’s solution, users can also find a series of ThinkPad suits with this feature

Product Page

Featued a full introduction of the new Thinkpad series. Users can also purchase from the website.

yimengbai — Tue, 18 May 2010 06:04:47 +0000

GSK FENBID

BRANDING CAMPAIGN

6/2008 GSK Fenbit Branding Campaign for GSK Fenbid

Art Director – Brand Identity / Art Direction / Website / Digital MarketingFenbid

launching their new Paracetamol and Caffeine Tablets which is focusing on release headache, we provide 360 branding strategy for GSK, which can shoot down China’s main market, the idea is to created a “PAIN FREE ZONE” for people who come from all kinds of situation but all suffering headache, so we are not only selling the brand, but to create a community for people to share their experiences on natural way of relaxation, and we also provide a game, a tutorial for knowing this new product better.

yimengbai — Mon, 17 May 2010 07:42:41 +0000

YOU

INTERACTIVE SCULPTURE

4/2010 Interactive Sculpture

Concept / Art Direction / Design / Execution

a set of five easels with different design, with five different motion portraits projecting on blank canvas.

Viewer can seat on the red cushion which putted in front of the setting to see the whole set, and also can walk to a portrait and interact with it.

Once viewer standing in front of one portrait, the character start to present a unique emotion, it will be stop once viewer is leaving.

It’s interesting to see, that there are emotional connections between the viewers and the portraits.

And also discovered, viewers emotion can be change affected by different portraits.

DOCUMENTATION

CONCEPT & GOALs

What does it mean to be emotionally connected to another person?

It’s something that goes beyond just the physical. It’s being able to relate to a person on an emotional level- being able to share your feelings with them, being open and vulnerable, and trusting that person not to hurt you emotionally. The connection has to work both ways. It’s not a true connection if you share your feelings but the other person holds everything back.

We communication a lot nonverbally. Hugging, cuddling, touching, holding your partner- these things all express your feelings for him or her without you saying a word.

This piece is build a visible way for people to see the invisible emotional connections between individuals.

yimengbai — Sun, 18 Apr 2010 02:52:56 +0000

WHAT ARE YOU WAITING FOR

SHORT DOCUMENTARY FILM

4/2010 A short documentary film

Director / Art Direction / Cinema Photography / Editing

What are you waiting for from Yimeng Bai on Vimeo

You may find the brave voices captured here haunting, shocking and humorous. In some of their faces you’ll see joy, anguish and grace as they trust you with their confession.

It’s a simple question and the answers can lead us anywhere. So go ahead, ask yourself…

A short documentary film shot in NYC, asking people one simple question – What are you waiting for

you will be surprised by people’s answer, or maybe, something inspiring there

yimengbai — Sun, 04 Apr 2010 06:02:46 +0000

THE CHEAPEST

A LIVE INTERACTIVE TELEVISION PROGRAM

4/2010 A Proposal for a live experimental interactive television program

Concept / Art Direction / Layout / Website / Structure Design

Everybody want to get their purchase at the lowest prize in the world, who want to buy things at a overbid? that’s ridiculous! But the question is how can you know where is the killing heartbeat price? our information resources are limited, and even hardly have time to do the digging, so we surrendered.

This show, now provide you the only chance, to get the thing you want, at the price you can hardly imagined!You tell us what you want, and we tell you the price we know.

Want to involve more people to participate in the show, and hope to see the surprising price from strangers. Also want to see if this is a effective way to drag more attention for longer stay for a certain show. If people keep coming in and give their price and sources, are you going to stay tune and try to beat them down?

The show going to run with multi-media form, we have a emcee in the Studio, and also a reporter on the street, and people can send text messages, send messages online, also can video chat with the emcee or the buyer.

yimengbai — Sat, 20 Mar 2010 10:04:26 +0000

GREENPEACE: COAL STORY

NON COMMERCIAL ANIMATION ADVERTISING

2/2009 Non-commericial Animation Advertising for GREENPEACE

Art Director – Concept / Art Direction / Production / Story / Storyboard / Key Visual

CONCEPT

Coal takes more than it gives.

Small pros, big cons…Coal shaped the world as we knew it; for better and for worse.

We provided a warning to a country which had been building a life of affluence using the power of coal. “Coal Story” is an animated short film showing the connection between coal-powered electricity and climate change. The pictures were featured by a charcoal background and lines scraped by hands.

A man stumbles across the power of coal when he says a nugget hit by lightning. One thing leads to another, and another…at last, you find out it’s a samara.

STORYBOARD

KEY VISUAL

MAKING PROCESS

3D MODEL TESTING

ORIGINAL PAINTING

FINAL RENDERING

KEY CREDITS

Agency: Ogilvy & Mather, Beijing, China

Client: Greenpeace
Executive Creative Director: Doug Schiff
Creative Director: Yanyan Yang
Art Directors: Fei Wang, Yanyan Yang, Yimeng Bai
Copywriter: Doug Schiff
Producers: Fei Wang, Doug Schiff, Yimeng Bai, Lulu Yang
Directors: Doug Schiff, Fei Wang
Production Company: Vigortime
Music: Kadri Gopalnath