Designed and implemented Karma digital cluster and central screen. The software is designed in Adobe Photoshop/Illustrator, and prototyped and implemented in Kanzi Studio.
The Karma brand is about two words, Silky and Sumptuous. The moodboard convey the feeling of luxury and beauty in simplicity.
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
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.
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.
The purpose of the sitemap is to simplify the functions of the website. This sitemap also includes the task-flow of the primary persona.
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.
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.
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.
So much of our food is being thrown away each year. How can we change our behavior through technology?
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.
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.
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
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.
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.
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.
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.
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.