Karma

UX and Technical Design
item01

Home of Heroes

Site Redesign
item02

Revercipe

Mobile App Design
item03

Back-2-Back

Mobile/Wearable App (on going)
item03

Polycom

Interactive Prototype
item04

Unity Care

NPO Website Redesign
item05

Traverse Card

Fantasy Product
item06

Karma Automotive

UX/Technical Design

Karma Infotainment

Designed and implemented Karma digital cluster and central screen. The software is designed in Adobe Photoshop/Illustrator, and prototyped and implemented in Kanzi Studio.

BRAND IDENTITY

The Karma brand is about two words, Silky and Sumptuous. The moodboard convey the feeling of luxury and beauty in simplicity.

Persona

UX-Ergonomic Study

The first step to design a touch-screen software is to gain an understanding where are the pain and comfort zones of the touch screen.

UX- User flow

UX- Kanzi Implementation

3D diagnostic screen design and implemented with Kanzi. The 3D car model helps driver understand the errors and provides the solution to the problem.

Home of Heroes

Website Redesign

This is a project about rebranding and redesign an NPO website called Home of Heroes. The site is dedicated to veterans who sacrificed themselves to protect our country. The website owner, Doug Sterner, aims to educate the public about the real heroes are in this country.

The original Web site has two problems. The visual design and information overload. I redesigned the main concept of this website should be to inform and to share.

PERSONAS

The persona helps designers to define the goal of the product, as well as creating empathy towards users. For HoH, the primary goal is for users to share their everyday-hero stories.

SITEMAPS

The purpose of the sitemap is to simplify the functions of the website. This sitemap also includes the task-flow of the primary persona.

VISUAL DESIGN

For the mood board of this project, I decided to draw inspirations from content-based websites such as TED and Huffington Post. The purpose of this NPO is to educate the public, so it is necessary to make a content-based homepage. For logo design, I looked into comic book such as Marvel comics. I used United Sans, as the typeface to appeal to younger audiences. In the end, I decided that simplicity makes the best impression and usage for logos.

MARKETING

In order to promote the call-to-action page, I created two marketing products. The first one is stickers for people to put on their books, cars, and windows. It is flexible, and it conveys the message of what being a hero is about. The second product is a poster with Lenticular printing technology. When people first look at the poster from right angle, it will display a person who is dressed up like a super hero. However, when they look at this poster from another angle, it will reveal what this person actually do, and why he is a hero on home of heroes website.

FINAL DESIGN

Revercipe

Mobile App Design

This app functions like a reverse recipe. It absorbs a list of ingredients that a user provides, and presents with a list of potential recipes that they might chose in order to utilize the ingredients that they already own. This app helps us to become more conscious and creative in our consumption.

PROBLEM RESEARCH

So much of our food is being thrown away each year. How can we change our behavior through technology?

UX RESEARCH

SSNiFs (stakeholders, situations, needs leading to the right features) allows designers to look at the product from other perspectives. From the analysis, designers create a potential features for the product.

UX PROCESS

FINAL DESIGN

Back-2-Back

Mobile/Wearable App

This mobile travel app connects users directly with local curators (I call them 'Local Gurus') who are hostel owners, famous bloggers or people who are just in love with a particular destination. The information are constantly being updated in real-time because the world is constantly changing. At the same time, the users can evaluate the information that are posted by the gurus to insure the quality of the information on the application.

UX RESEARCH

UX PROCESS

FORMAL TESTING

In this one-hour long formal user test. The test subject is given 3 tasks to complete. This part is about 10-minutes long when the user just reached the "destination landing page." Facilitator: Alex Pineda Test Subject: Gabriel McNeill

Polycom

Interactive Responsive Prototype

Polycom redesign project was one of my main design project at Rauxa. They wanted new website to tell their story of collaboration, have a modern feel, and interactive elements that can introduce their products. They wanted more colorful, modern feel in their new website. I designed the assets in Photoshop and Illustrator, and then prototyped the responsive website in Axure. Click below to view prototype in different platforms.

Unity Care

NPO Website Redesign

At Rauxa, a project that I had full responsibility of is to redesign an NPO called Unity Care. The website's is outdated and information are cluttered together. I designed the website specifically for parallax scrolling. I also created a sticky icon for donation that they requested.

FINAL DESIGN

Traverse Card

Fantasy Product

I love travel. I want to make better travel experiences. This project is inspired by my friend who lost his rail ticket, wallet, and almost his passport during our trip together. Traverse Card has all the essential documents and information in one place. It has better security, and it makes our journey easier.

UX RESEARCH

I chose Din and Frutiger, because both typefaces are used in public transit industry. Din was used in railroad signs and Frutiger was first used in airports. I chose hexagon to make the product feel high-tech, but the color is subtle and friendly.

FINAL DESIGN

The homepage of the card is protected by owner’s finger-print. He can access it by touching anywhere on the card. The card automatically locks itself after 1-minute, because when airport staff are checking documents, the time rarely exceeds 30-seconds.