Aol Artists| Portfolio Page for AOL Artists
Portfolio page to showcase artworks that are done for the new AOL branding.
See the new design? Click Here
Infographic| Demo
A demo page showcases AOL/Facebook traffics integration.
Want to see the new design? Click Here
Video cloud| Video Hub
A concept to create next-generation video portal and unique user experiences.
Want to see the new design? Click Here
Discovery UK| Photography & Games Channel
To be updated
To see the comps, Click Here and click on the left and right portion of the popup to navigate through.
Yefolio| personal portfolio site
Previous design of Yefolio. Website features personal artworks and blog.
See the live website. Click Here
EDM| design drafts
Drafts of redesign of the EDM website.
To see different design drafts, Click Here and click on the left and right portion of the popup to navigate through the series.
CSS Zen Garden| horizontal layout
CSS-based visual design. Applying different external CSS files to the HTML markup that is provided by CSS Zen Garden to change the visual presentation of the website. This site is built in a horizontal layout.
See the live website. Click Here
CSS Zen Garden| elastic layout
CSS-based visual design. Applying different external CSS files to the HTML markup that is provided by CSS Zen Garden to change the visual presentation of the website. This site is built in a elastic layout, using em as the main structure. The magnifier incorporates Javascript so it can be dragged around.
See the live website. Click Here
CSS Zen Garden| Liquid Layout
CSS-based visual design. Applying different external CSS files to the HTML markup that is provided by CSS Zen Garden to change the visual presentation of the website. This site is built in a liquid layout, using percentage as the main structure. Change the window size to see the painting effect.
See the live website. Click Here
Portfolio site| Flash-based
Flash animated portfolio site. Experiment of animating effects using Adobe Flash and Actionscript.
See the live website. Click Here
Global Language| Dynamic Layout
Visual design using CSS and Javascript. The goal is to experiment animation as visual aid in web design and the use of different medias on web.
See the live website. Click Here
HOW magazine| Remapped
CSS-based design of a spread from HOW magazine. Translating printed piece into HTML. This site is built using dynamic layouts, which changes it’s layout according to the size of the browser window. Layout available for three common screen size, 640 and below (handheld devices), 640-950 (most common screen size), and 950 and above (wide screen). Change the window size to see this in action.
See the live website. Click Here
Graphic Backgrounds| series
Designs of various visual elements/skins/backgrounds for corporation websites.
See the series of designs, Click Here and click on the left and right portion of the popup to navigate through the series.
Augmented Reality| Entertainment
Do you want to experience the coolest tecnhology of augmented reality? Here is how:
- 1. Turn on your computer's
webcam. And turn off any pop-up blockers. - 2. Augmented Reality requires a printed marker to work. If you don't already have one,
print one here » - 3. Launch the app and hold your printed marker so it faces your computer's webcam.
- 4. Have fun!
*It may take a while to load the 3D model the first time, please be patient. ^.^
Drumset| 3d
3D modeling, texturing and lighting using Cinema4D.
To see different angles of the object, Click Here and drag around the object.
Airplane| 3d
3D modeling, texturing and lighting using Cinema4D.
To see different angles of the object, Click Here and drag around the object.
Airplane| 3d
3D modeling, texturing and lighting using Cinema4D.
To see different angles of the object, Click Here and drag around the object.
Airplane| 3d
3D modeling, texturing and lighting using Cinema4D.
To see different angles of the object, Click Here and drag around the object.
Blow If Off!| game
Interactive game with the use of microphone.
First locate the microphone on your computer, either built-in or external, then Click Here and start blowing, see what happen?
Let's Cook!| Application
Interactive cooking application. Follow instructions to create your delicious meal.
Ready to learn how to cook? Click Here to start.
Life| animation
We all chase something in our lives, power, money, reputation... There are always people in your way, people that help you, people that try to stop you... However, after spending most of your life chasing the goal, you realize that you have been running in a circle. It ends in where it starts.
To see, Click Here.
Lights Off| animation
Key M (male) and key F (female) want to escape from the restricted life of living in a keyboard. However, they must avoid being caught by their guardian - Mr. Lamp. They plan to sneak out during the night when Mr. Lamp is sleeping. Will they success?
To see, Click Here.
Promotional Flyers| Series
Promoting new websites.
To see the series of flyers, Click Here and click on the left and right portion of the popup to navigate through.
ABC Animal| brochure
Typographical constructions of 26 Asian Animals naming from A - Z, using only the letters from the names of the animals.
To see, Click Here and flip through the brochure to see all 26 animals.
Albita Rodrogiez| CD Cover
Two versions of CD Cover for a country music artist, Albita Rodrogiez.
To see, Click Here.
Discover Hong Kong| Poster
Promotion for tourism of Hong Kong. Encourage visitors to discover the culture, life style and the spirit of Hong Kong.
To see, Click Here.
TypeCon 2006| Series Posters
Promoting the TypeCon 2006 - Boston T party event, which would be held in Boston for five days. TypeCon is one of the biggest annual events for typography.
To see the series of posters, Click Here and click on the left and right portion of the popup to navigate through.
Tilt-Shift Photography| Series
Experiments of miniature-effects of tilt-shift photography.
To see the whole series, Click Here and click on the left and right portion of the popup to navigate through.
Memory| Series
Memory is one important part of our lives. It’s sweet, sour, salty and bitter. Some people wants to reserve it, some wants to erase it. But no matter what you do, it always exists in you and it becomes one of the building block, that distinguishes you from the others.
To see the whole series, Click Here and click on the left and right portion of the popup to navigate through.
World of Theirs| Series
To present you the lives of the first generation of Chinese immigrants living in NYC. They all come to the states for one goal – a better future for their children. They will to sacrifice what they have and start everything from the beginning. They don’t complain how bitter lives are in the new place and they work hard for livings.
To see the whole series, Click Here and click on the left and right portion of the popup to navigate through.
Multi-personalities| Series
Digital compositings to present multi-personalities within individuals.
To see the whole series, Click Here and click on the left and right portion of the popup to navigate through.