GRAPHIC

ILLUSTRATION

TWISTHINK WEBSITE ICONS

Project Goal

Create some icons for twisthink website to represent its capabilities, such as

My Role

I am responsible to created numerous rough and refined ideation sketches.

Evolved from abstract to realistic style, I explored a large range of possibilities to create those icons in order to tell the right story. Ultimately, the final designs draw inspiration from real life products which designers and engineers use everyday life, such as cintiq tablet, coffee mug, computer, whiteboard, and sticky notes.

Strategy Theme Icon

Design Theme Icon

Technology Theme Icon

TWISTHINK portfolio

Project Goal

Put together a portfolio that includes all UI/UX work that twisthink had done for its clients in the past. The folio must have arresting graphics and clear page layout in order to attract more future clients.

My Role

I am responsible to establish new page layouts from scratch, which not only have to summarize large amount of work samples, but also keep it visually clean, organized, consistent. I am also in charge of creating graphics that indicates twisthink capabilities, work process, and project lines.

Creating icons for twisthink capabilities.

User Experience

Human-Centered Design

Visual Research Tool

Video Storyboards

Voice User Interface

User Experience

Human-Centered Design

Visual Research Tool

Video Storyboards

Voice User Interface

Creating icons for project lines.

Creating graphic for Spectrum Health user flow map.

Creating graphics for Herman Miller project stakeholders, infrastructure, and data flow map.

TWISTHINK POSTER

Project Goal

Design a series graphics that illustrate value of innovation, steps of innovation, creative process,innovation matrix, human-centered design process and twisthink point of view.

My Role

Working with director to understand what are the messages that twisthink trying to delivery to its audiences, then I create graphics that associated with those messages.

Value of Innovation
According to Harvard Business Review, only 9% of all U.S public and private companies are doing any kind of innovation.  I designed a iceberg floating in the water refer to those companies, a small portion of the body gets above the water exposure to heat and radiation, but they embrace the difficulties and have more opportunities to be seeing, the rest of its body under the water lives in its comfort zone without any changes.

Steps of Innovation
Colorful dots represent to people's infinite imagination up in the space, white dots represent a unclear idea that has slowly form together. By connecting those dots, the idea creates a sharp and clear shape, but still flat. The last step brings the color and shade to make the product solid and alive. From unclear dots to solid product to show the process from imagine -> create -> Innovate.

Creative Process
From up to down, dot to shape, creative process includes many keywords that's being used over and over again in each design phase. By transforming the letter size and font type to indicate the evolution change during each step. "PROTOTYPE" converted from handwriting to bold and precise style because the level of clarity and confidence become higher while level of risk and fear become lower in later process.

journey map graphics

This is a personal project which is still work in progress. This is showing user journey map illustrations.

About This Project

Create an app for latino immigration to learn english quickly so that they could have better life quality in United States.

Arrive In U.S.

Settle down

Search a job

Search English Classes

On the way to ESL classes

Reading in front of class

Search a new job

Enjoying new life

Arrive In U.S.

Settle down

Search a job

Search English Classes

On the way to ESL classes

Reading in front of class

Search a new job

Enjoying new life

GIF animation

Project Goal

Simulating a real surgery environment, discover the best solution to controls the air quality and flow direction.

My Role

Built quick and short animations for clients to review in order to land on the best solution.

VIDEO STORYTELLING

Project Goal

Applying quick and simple animated graphics to explaining the user experience and functions of the product .

My Role

Exchanging ideas with director to make the storytelling more accurate and interesting, designed graphics and executed in After Effects.

MOTION GRAPHICS doodling

Thank you for watching!

Thank you for watching!

MORE PROJECTS

visual research tool

twisthink website

eation demo app