"Easy is hard. Be instinctual."
The Purchase flow redesign for Office365 on AT&T.
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.
Desktop Application for Web Apps
The project is a desktop application for PC 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.
Products Platform Infographic Design
Fashion iPhone APP
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.
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.
This project was mainly focused on how to integrate all Tibco software in to a whole new level in term of business with Nissan. So the challenge was to make entire user story / flows into visual in 2 weeks. First week, we spent most of time on storyboard, and after several round, we precisely captured what the client want and put into the visual. Client was very satisfied.
Nissan iPad Experience(POC) - Storyboard
Macy’s POC project was successfully accomplished less in a week. Since the client mainly used in the warehouse and the goal is to fetching the data fast, they need very light and simple UI. So I only used Macy’s red, as my primary branding color choice and made the UI as simple as possible. The front-end developer did excellent job to finish the project in a short amount of time.
W&U Design Studio
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.
Cloud Bus Web Design
Cloud Bus empowers you to define your own integrations—or use existing integrations—then deploy them in the cloud or on-premises. With Cloud Bus extended connectivity, you can integrate SaaS applications, social networks, and your on-premises applications in real-time. To shorten time-to-value, Cloud Bus offers ready-to-use integration packs that connect customer and order information for popular applications like Salesforce.com, SAP, and tibbr. And because it’s a service deployed in the cloud, Cloud Bus delivers full value without a complex infrastructure.
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.
Download Design Process Book Here
Posters for "Wanted and Unwanted".
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.
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.
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.
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.
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.
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.
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 “.
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
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.
My Life, My Dream
The 2 images are made for the kids fashion company when they held the fashion show called ” My Life, My Dream “.
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.
Yu Long Snow Mountain – Tilt-Shift Miniature
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.
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!
Software: Photoshop, Corel Painter 11
A digital painting to commemorate a special moment in San Francisco Muni station – Montgomery