I design nice user interface and branding
MY WORK
placeholder
W&U Design Studio
Software: Illustrator
The project was designed for the personal design studio " W&U".The goal was to provide a quick and easy process of shopping on the site.
placeholder
placeholder
placeholder
The Purchase flow redesign for Office365 on AT&T.
Software: Photoshop
The goal was to make the purchase flow easy for users to purchase in different plans and to help users understand the benefits after purchasing. During the flow, the wizard is important to guide users where they are. Overall, the flow gives users a clean and simple purchase user experience and provides the right information at a right time or place.
placeholder
placeholder
placeholder
placeholder
B2C/C2C Online Creative Marketplace
Software: Photoshop Illustrator
This was a pitch work for YUEHU.NET which is a online platform for creative designers to show&sell their design product through online market. It is both B2C and C2C platform for merchant and designers. From C2C, designers upload their design product, make the price and sell the products by themselves. From B2C, merchant can find the potential design products or designs from this site, they can contact those designers to discuss whether make it into quantity production.
placeholder
placeholder
placeholder
placeholder
Landing Page - Desktop Application for Web Apps
Software: Photoshop
The project is a desktop application for PC and Mac users to launch web apps with Single Sign On in order to provide a sticky/quick respond user experience. The product name is Catalist which is a play word from "Catalyst" . The landing page basically reflects the concept "Catalyst" with the inking background, the goal is let users understand the feature of the product and trigger the user action to download.
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
App Store - Desktop Application for Web Apps
Software: Photoshop
The project is a desktop application for PC and Mac users to launch web apps with Single Sign On in order to provide a sticky/quick respond user experience. User can download Apps from App Store, it helps user understand more about this apps from "Screenshots", "Features", "Reviews".
placeholder
placeholder
placeholder
placeholder
Yingkuui kids fashion
Software: Coda ( HTML5, CSS3, Media Queries )
Instructor: Greiman April; Slote Bob
The website is responsive, it can be viewed through different mobile devices and desktop browsers. This is the iPad Version of the site.

To young moms, their biggest dream is to ensure a good life quality for their children. YINGKUUI realizes their dreams by providing the best quality clothes. Besides, the website is quite responsive for it can be easily accessed through any desktop browsers and mobile devices, such as iPhone and iPad, which means young moms can easily get the product information at any time and any places whenever they want.

Launch site : www.yingkuui.com/final
placeholder
placeholder
placeholder
Active Matrix Gateway.
Software: Photoshop
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
placeholder
placeholder
placeholder
placeholder
MDM Configurator
Software: Photoshop
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
placeholder
placeholder
Fashion iPhone APP
Software: Photoshop Illustrator
The project is for redesigning the UI for the Fashion iPhone App. The goal is to find the right color palette for the overall branding and clean the visual hierarchy in fonts,color,icons,buttons,etc.
placeholder
iPhone Application – Try It On
Instructor: Greiman, April&Slote, Bob
” Try It On ” – Inspired by ” Purikura ”
In Japan, ” Purikura ” is the moniker of a special type of photo booths that produce photo stickers. Still maintaining huge popularity for girls in Japan, it has spread throughout Australia and East Asia to Taiwan,South Korea, Hong Kong, Philippines, China, Vietnam, and Thailand. To have fun with this contraption , girls get together and take a funny expression photo in the photo sticker machine, then they add some funny graphics around the images by the machines or hand drawing. After applying finishing touches, they share pictures to each other as interesting memories.
placeholder
placeholder
placeholder
Wireframe- Desktop Application for Web Apps
Software: Illustrator When design this desktop application. I obtain user feedback from user testing. Most of them think the screen size needs to be resized into a bigger screen to use. So the next step is for me to research to right size for different monitors, and redesign the overall layout for the new screen. However, the goal is to improve the experience from the user demanding of "larger space".
placeholder
placeholder
placeholder
placeholder
Yingkuui Kids Fashion
Software: Illustrator Indesign
Instructor: Greiman, April & Slote, Bob
The project will be focused on the kids clothes from YINGKUUI. It contains two parts, a website and an iPhone application. The website mainly showcases the products.Moreover, it comes with two features: one is called ” Try It On ” which allows users to try on latest products, and the ” Dreamland ” is a place for kids to express their dreams for the future.
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
Posters for "Wanted and Unwanted".
Software:Illustrator Photoshop
Some Posters I did for the personal brand called “Wanted & Unwanted”.“wanted and unwanted”emerges from the conception of “Going too far is as bad as not going far enough” from the Buddhism, neither too much nor too little is suitable.“Having done too little or too much” is the reason why so many things are done imperfectly. We should think about how we can well adjust the relationship between too little and too much.It illustrates that it is very important for us to get the so-called “degree”, and also, control is of great significance.And moreover, we should treasure what we have right now and always remember what we should do.
placeholder
placeholder
placeholder
placeholder
Header and Banner Design for W&U personal brand.
Software: Photoshop Illustrator
The project includes many aspects of design. The major part was design a long banner which includes all the funny cartoonish characters. So I start from sketch by designing the characters first, and then put them all into the banner. All the characters are designed into Pins, some of them are designed into T-shirts. The banner also used as the header of the W&U website.
placeholder
placeholder
placeholder
placeholder
Illustration for W&U personal brand.
Software: Illustrator
The Illustration is for W&U to develop the products in notebooks. This is one of the themes for the notebook covers.
placeholder
placeholder
placeholder
placeholder
placeholder
Logo Design Process
Software: Photoshop Illustrator
This was the process when designing the logo for Desktop Application. Here shows the logo design process with different concept behind.
placeholder
Yingkuui
Software: Photoshop Illustrator
The design was for Yingkuui Kids Fashion. Here shows 2 direction of the logo. The first one is the concept of " air balloon ", the second one is the concept of "animal cookies".
placeholder
placeholder
Icons
Software: Photoshop Illustrator
The icons design for TIBCO software called "Clarity". There are several different types of data source. And User and click on one of them to import or configure the dataset.
placeholder
Software: Photoshop Illustrator
This is the logo design for Yuehu.net in 2009. It is an online platform for creative designers to show&sell their design product through online market. It is both B2C and C2C platform for merchant and designers.
placeholder
Software: Photoshop
Instructor: Colin Sebestyen
The Motion Storyboard for Starbucks, instructor wanted us to create 4 frames storyboards in order to show the basic sequences of the motion.
placeholder
placeholder
placeholder

Nike – Station ID
Software: After Effects, C4D
Instructor: Carl Nolting
The station ID I made for NIKE CHINA. The goal is to promote the brand identity for the target audience in China, by using visual elements inspired by Chinese traditional art. This project includes 3 short pieces for Tennis, Football ( Soccer ) and Basketball respectively, each of which is 10 seconds long.
placeholder
placeholder
placeholder
placeholder
placeholder
placeholder
Software: After Effect, Photoshop
Instructor: Colin, Sebestyen
The motion piece tells the story of Yao Ming who has overcome numerous obstacles, both on and off the court, to play basketball from the good to the great. A tribute to Yao’s NBA journey.
placeholder
placeholder
Dreamland
Software: C4D, After Effect, Illustrator, Logic Pro
Instructor: Justin Metros
The motion piece is for the kids fashion website called ” Yingkuui “, and for the page of ” Dreamland “. The ” Dreamland ” is the place that educates kids what dreams are made of and helps them to express their own dreams. The goal of this feature is to find out what the kids truly want, what they genuinely like, in order to make sure YINKGUUI having a positive interaction with kids.
placeholder
placeholder
placeholder
placeholder

Title Sequence - The Battle of Red Cliff
Software: After Effects, Photoshop
Instructor: Carl Nolting
The title sequence is created for the movie ” Red Cliff “, which is directed by John Woo. The goal is trying to reveal the bloodiness of the major battle which happened at Red Cliff 2000 years in China, by using the 2D illustration style with red and black color.
placeholder
placeholder
placeholder
placeholder
placeholder
Title Sequence – Pure
Instructor: Colin, Sebestyen
Software: After Effect ( Trapcode Particular )
This motion piece was inspired by the musician, Yan Tiersen, who did the song called ” Pure “.
placeholder
placeholder
placeholder
placeholder
placeholder
Kid's fashion project survey.
Software: Illustrator
This was the starting point for the YINGKUUI kids fashion project. The goal is to find out the primary and secondary users who want to buy kids clothes. There is a feature called "Try It On" which allows user to try on clothes for kids on web. During the survey, the younger generations of moms like this feature because they think it is fun for them to use. The "Try It On" was then developed into a iPhone APP for the mobile users.
placeholder
Who has the most followers?
Software: Flash ( Actionscript with Greensock plugin )
The project is a comparison between 2 micro-blogging sites, Twitter and Sina Weibo. The goal is to let more people know about those famous persons from US and China. In this project, I compared Top 30 famous people from each site, according to the number of followers. User can click people’s name to get more personal information.
( The database was around 12/2011 from those 2 micro-blogging sites.)

Link to Project: www.yingkuui.com/infoFinal
placeholder
placeholder
placeholder
placeholder
She Smiles in the rainbow – Final project for the Digital Application class
Software: Photoshop
Instructor: James Booth.
placeholder
National Geographics – The lost San Francisco
Software: Photoshop, Corel Painter 12
Instructor: Brunsfeld, Michael
The final project for Imaging class. This is a cover design for National Geographic Magazine, and I set the issue date in 2120 which can give a more futuristic flavor. The underlying story is that people who live in the year of 2120 discover the lost San Francisco which has sunk to the bottom of the sea at an unknown time.
placeholder
placeholder
placeholder
2 Dreams
Software: Photoshop
Instructor: Michael Brunsfeld
Class assignment. For fun. The goal of this image is to experiment with the power of channels in the Photoshop. I manipulated the channels of the original landscape view to create a beautiful illusion.
placeholder
placeholder
My Life, My Dream
Software: Photoshop
The 2 images are made for the Yingkuui kids fashion company when they held the fashion show called ” My Life, My Dream “.
placeholder
placeholder
Yu Long Snow Mountain – Tilt-Shift Miniature
Software: Photoshop
The 3 pieces of photos are the landscape I took at the snow mountain called ” Yu Long ” in China. I used the ” Lens Blur ” in the Photoshop to emulate the tilt-shift miniature.
placeholder
placeholder
placeholder
Cubic Distort in Tokyo
Software: Photoshop, C4D
Instructor: Michael Brunsfeld
1)I created a sequence of cubes in C4D and rendered out for the Photoshop. I used ” Liquefy ” tool and tweaked the alpha channels of the images of cubes. The goal is to create some abstract shapes to match the serene photo and to form an unconventionally intriguing style.
2)Created a montage by fracturing a scene into many pieces. Select and cut pieces and jump them to a new layer —then ALTER those pieces. Tried distorting them, re-coloring them, overlapping them, re-combining them, changing opacities, then adding drop shadows to separate and get things to PoP!
placeholder
placeholder
Predestination
Software: Photoshop, Corel Painter 11
A digital painting to commemorate a special moment in San Francisco Muni station – Montgomery
placeholder
placeholder
placeholder
Illustration for YINGKUUI kids fashion
Software: Illustrator
The YINGKUUI brand had a promotion event for their kids fashion products in 2012. The concept is to show the attitude of "My life My dream".
placeholder
placeholder
placeholder
The Bubble Girl
Software: Photoshop, Corel Painter 11
A storyboard for the animation project called ” Bubble Girl “.