Chapter 01 —
Armani Moving Images
01

Armani is looking to create a Fall campagin that accelerate sale.

The idea is to create an expandable fullscreen ads that contains a squence of moving images that showcases their model as the entry point of their web campaign.

The ad is created on html canvas. Instead of using any movie the moving sequence creates an illustion of movie playing back.

armani-ad
armani-ad
armani-ad
armani-ad
Chapter 02 —
Armani Pushdown
02

In addtional to the moving image. We made another campaign as a pushdown units. It highly resembled the styles of main armani website. Allow user to scroll down the item and choose the item you like to view more details.

The ad boots the sale dramatically, Armani was very happy with it.

armani-ad
armani-ad
Chapter 02 —
Pandora
01

Pandora ad is a web-based ad that user can live shot a photo from their device of their hand and drag and drop the ring onto the their hands to see how it looks like.

Chapter 01 —
Converse in page
01

Converse is a campaign for hearst.

User can tap on tablet to view the detail of the product. On desktop, User can hover to see the product detail.

Chapter 02 —
Converse pushdown
02

Converse campaign for hearst is done in 2014. Cross-platform on desktops, tablets and mobiles.

Chapter 01—
Nisson Nismo Signature Design
01

The car transforms within the 3D ring into a different model when user clicks any arrow on screen.

User can click differnt part of play around the animation and differnt angle of the car.

Chapter 02—
Nisson Nismo Signature Design
02

The ring rotates and the car transforms to an any angle when user clicks on arrows or any bar on the top left.

Chapter 01—
GShock
01

Clients hoped us to design a series of scene that each showcase a different quality of the watch and combine into a single ad. We designed the ads into 6 panels which user can swipe up and down on the screen(Tablet/mobile) to enter each module. The first one is called 'Color Box'. User can drag and drop a different color box into the GShock watch face to change the look of the watch with the selected color. The second is called 'Experience Winter' that user need to defog the window stroke by stroke to see the watch behinds it. The idea is to show the watch's capacity to endure the extreme weather in winter. The third one is called 'Equalizer'. The background of watch is a gigantic equalizer that is controlled by the knob on the top left corner. When the user turns the volume up by rotating the knob, the bright color of equalizer enlightens the entire watch up. The fourth one is called 'Cutting the Ropes'. To illustrate the durability of the watch, user can swipe the screen to cut the rope suspending it. The fifth one is called ‘cracking icebergs’.User cracks the ice up by touching it on screen, until only the watch is left. The last one is called 'Master the elements' which contains a user controlled slider to transition the entire window to a different season.

Chapter 01—
GShock