UI Design

I do UI design to support intuitive and engaging user experience.

Conference Assistant app Conference Assistant

Conference Assistant – an Android mobile app (left) with a web portal (right) designed to support the experience of conference trips for enterprise representatives. They would attend multiple conferences yearly and bring insightful information back to the team. The two key features – Note Taking and Contact Collection by scanning name cards are demonstrated in the prototypes above (app version).

FLEXE App

A native mobile app combining with a scanner designed to support warehouse workers efficiently and accurately moving packages from stacks to staging areas.

Daily UI

Daily UI exercise – sign up, weather app, and calculator.

Issue Reporting App

Issue reporting and tracking app for student dormitory.

Dream On

Emotional design for Dream: On mobile app.

App for Baking Class

App designed for Zingerman's baking and cooking classes – applying Michael Bierut's design style on Material Design.

Microsoft Academic KDD Entity Detail Page Redesign Prototypes

Microsoft Academic redesign – KDD entity detail page.

Microsoft Academic KDD Entity Detail Page Redesign – Citation & Author

Microsoft Academic redesign – KDD entity detail page, citation & author visualizations.

Microsoft Academic KDD Entity Detail Page Redesign – Institution & Related

Microsoft Academic redesign – KDD entity detail page, institution & related visualizations.

Microsoft Academic KDD Entity Detail Page Redesign – Mobile View

Microsoft Academic redesign – KDD entity detail page in responsive website mobile view.

Craigslist Homepage Redesign

Craigslist homepage redesign – exploring different ways of presenting information.

Problem Roulette About Page

Problem Roulette About page for instructors and students – introducing a residential web application which supports multiple choice exam preparation.

Problem Roulette What's New Feature

What's New feature for Problem Roulette – responsive modal design.

Quail Farm Web Design

Website design for a quail farm – Modernism style.

Graphic Design

I enjoy doing graphic design in my casual time.

The First Snow

The First Snow – inspiration from my living experience in both Seattle and Ann Arbor as well as traveling experience in European countries.

Under the Moon

Under the Moon – inspiration from other designers' works about night view.

Memories of the Mediterranean

Members at the University of Michigan – students, faculty & staff (following Umich branding design principles).

Umich Graphic Design

Poster designed for missing migrants in the Mediterranean area – trying to arouse people and authorities' attention to the human right issue.

Posters and Calendars for Cooking & Baking Classes

Poster and calendar design for Zingerman's baking and cooking classes – applying Michael Bierut's design style.

Self-portraits

The above are graphic designs about me. The left-side one is a Sunshile Lion as a visualization combining the spirit of my name in Chinese (sunshine) and how my friends would describe me - courageous in facing difficulties. The right-side one is my graphic self-portrait.

Badge Design for Design Courses

Badge design for four core design courses I have taken at UMSI – interaction design and graphic design courses.

User-Centered Design

I believe in adopting Human-Centered Design approaches to empathize with user needs and to transform research insights into applicable designs to bridge gaps for users.

Office Wi-fi Illustration

George the Dog & BarkBarkBark - visualization for an office wi-fi called “George the Dog.”

The Dark Circle Family

The Dark Circle Family – inspiration from lacking of sleep during the first year of my master's program.

Branding & Logo Design

I design visual identities for both organizations and products.

Zingerman's Branding Design

Zingerman's branding design - applying Michael Bierut's style on coaster, apron, and shopping bag design.

Atlas Logo Design

Logo design for Atlas - an insurance market opportunity seeking software, with key concepts of navigation, guidance, and heat map.

Info Graphic

I do info graphic to present information and convey ideas with engagement and efficiency.

My UCD Journey

In this infographic, I am trying to tell a story about how I came into human-centered design field and skills built along the way. Several years ago, I did a part-time reference service counter attendant at my school library, and found that users were unable to access resources they needed due to poor interface design. I started thinking about what I could do to improve this situation. I was lucky to expose myself to usability evaluation and information architecture design, and realized that I was very interested in conducting UX research. I later had a touch on information visualization and interaction design, and found that I had a great passion for design too. I was eager to be a problem solver, so I decided to cultivate myself to be a professional UX designer. During this time, an innovation design internship opened a door of design strategy for me where I know lots of interesting things to explore. Currently, I am improving my graphic design and front-end development skills, aiming to be closer to a full-stack designer.

Map for Missing Migrants

Many young people in North Africa leaving their hometown to Europe with a dream of improving their family's life, but they have never come back. Their families are still waiting for them with a glimmer of hope. In this infographic, I used flying kites as a metaphor trying to present and visualize the hope of the families and the fatalities of the migrants.

Storytelling

I use graphic design to support presentation and storytelling for use cases of products and services.

Graphics for Storytelling

A series of graphics designed for a pitch deck to tell a user-centered story for a new concept from current issues and opportunities to a possible solution and its impact.