Role: Product Design, Information Architecture, Work Flow/Layout/Interaction Design

PhotoBox! is designed to help control your image on Facebook, PhotoBox! keeps track of all photos – your own as well as those posted by others. With just one tap, PhotoBox! users can find, manage, add effects, and share photos in a single free iPhone app. The first and only app to provide an ‘untag’ feature, users can browse tagged photos and remove unwanted tags of themselves. This gives users better control over their image on Facebook.

Photo Box for Facebook is your choice. Feature highlights:

– View Facebook albums and photos of yours and your friends’
– View all photos with you or any of your friends tagged
– Grid view and slides view with multi-touch panning/zooming capability
– Download single / multiple photos, or even the entire album to your iPhone for offline access, with a few taps
– Downloaded albums / photos can be exported to Camera Roll of Photos app, or shared as Email attachments
– Search by album name or friend name

PhotoBo! is designed with performance and scalability in mind:

– Advanced caching and background prefetching mechanism provide great user experience even in less optimal network conditions

– Have 1000 photos in one album and want to download them all with 1 tab (that’s not uncommon for a popular friend with lots of tagged photos)? That’s how we tested our app. Progressive and fully asynchronous data handling ensures UI responsiveness and minimum memory footprint even when processing large amount of data.

Links of iTunes Store: click here.

Role: Strategic Consulting, Flow/Layout/Interaction Design & Information Architecture
ClassiClub for iPhone, iPod Touch and Android allows users to browse ClassiClub (also known as CCF) technology forum with the best user experience. I designed the workflow and style for the Apps to provide clean and organized layouts that defined a brand and experience for the forum users.

Key features & major flows:

Note: the forum content is in Chinese.

Tools to design the app GUI: Illustrator, Photoshop, Keynote, PowerPoint.

Links of iPhone App: click here.
Links of Android App: click here.

Role: Concept/Layout/Interaction Design, Information Architecture, HTML/CSS/JS/JQUERY/PHP

Delphix provides innovative technology “Database Virtualization” to turn database infrastructure into software that operates in a fraction of the space, while preserving full functionality and performance. The company was founded in 2008 and was listed as “25 new IT companies to watch” by ComputerWorld.

I designed, developed and implemented the company’s website from its started up. My work included the site structure initialization, information architecture strategies, dynamic and visual effects design, video components editing and HTTP/CSS/JavaScript/JQuery/PHP implementation. I owned the whole project from domain to each single component – I was the architect, artist, engineer and webmaster. And I applied Search Engine Optimization by setting up a series SEO tools and inserting meta tags to HTML. My goal was to design a portal/face/image for the company that showcases the highlights of Delphix technology and help visitors to know about the company and become potential customers. The style of the website echos Delphix Server – black, red and gray are dominant colors to balance everything and create a clean and fresh feeling.

At the same time, I designed, optimized and implemented Customer Self Service Portal to provide maintenance services for existing customers. This system provided smooth automation for customers and gained solid customer relationships for the company. I also designed and implemented a series landing pages for different type of visitors to download data sheet, white paper, product trial or register to be customers. Besides that, I designed company’s blog system – a multiple blog site running on WordPress CMS system. The Customer Self Service Portal, landing page and company blogs share the extended look and feel of the main Delphix website, only more focusing on their specific topics. For my understanding, the Delphix website is an extensible project which is not only the company’s image, but also carries full functions for marketing, sales and social medias leverages.

Tools to design the website: Illustrator, Photoshop, HTTP/CSS/JavaScript/JQuery/PHP.

Role: User Experience Concept, Information Architecture, Work Flow/Layout/Interaction Design

Delphix server creates a virtualization layer that simplifies the management of database and reduces duplication and redundancy. It includes a web GUI that provides management for all the VDBs (Virtual Database).

I designed the user interface with innovative concepts (such as TimeFlow) and intuitive usability for Delphix Server (TM) from early research and original scratches. I also wrote specification of GUI architecture, workflow and style guide; created mockups and wireframes for each interaction; and produced GUI library that contains all the visual elements.

Enterprise applications usuallly focus on building technology first and design user interfaces late. As a result, GUIs tend to reflect the mechanics of the technology, rather than what is intuitive or easy to use for customers. In Delphix I was doing GUI design in a parallel relationship with engineering work. The design focused on user experience and usability in a first place, by speaking with prospective customers, over and over detailed analysing and distilling of functions, and iterations on the look and feel. I achieved the goal of to design “an enterprise software with consumer usability and stunning look and feel” and gained thumbs-up from almost all users and customers.

Tools to design the user experience: Illustrator, Photoshop, PowerPoint, Keynote, Visio, Flash.

Role: Art Director, Concepts and Visual Effects
These famous paintings like “Mona Lisa” are remarkable, monumental and well-known by most people. Thus sometimes modern artists like to take a bit nice “joke” on them by twisting or retouching to create unforgettable effects. I created a series of successful advertisements by retouching several famous paintings with images of mobile devices and software interfaces for ArcSoft 05′ 3GSM Trade Show – displaying in a 60′ inch LCD in the center of the exhibition booth. These “paintings” also had been printed and framed as gifts for customer-relationships. A small logo of ArcSoft was inserted in the lower corner of each paining. People smiled or impressed when they saw these paintings and usually kept watching for a while, tasting the combined feeling of “ancient” and “modern”, “old” and “new”, “serious” and “funny”, etc. At the same time they got a change to notice and remember the ArcSoft’s mobile technologies.

Tools to design the project: Photoshop, Illustrator, Flash.

Role: Website Design, Flow/Layout/Interaction, Information Architecture

“Butterfly Garden” is a Full Flash Website developed in Flash & Action Script 3.0. It is highly interactive with seamless dynamic effects. It combined captivating animations and pleasant sound accompaniment. Every little detail is well thought out and designed to deliver the feeling of “a secret garden with beautiful butterflies – and I am the spirit living in this place, enjoying and creating”. I used it to display my portfolio in 2006-2009.

Tools to design the flash site: Flash, Action Script 3.0, Illustrator, Photoshop.