What people say about me ?

Organized

Collaborative

Nick is an amazing designer with a killer portfolio, plus he is extremely mature and easy to get along with. He never complained about anything, but demonstrated a deep knowledge of design concepts and trends.
Chloe F.

Efficient

Efficient

Nick iterates extensively and effectively, as he asks his peers for critique, and will not rest until every pixel has the right color and is in the right location.
Nir R.

Creative

Creative

Nick is one of the most creative designers in the team, working with him will bring you not only the completed tasks with high quality, but also inspiration by his passion on creating things for better user experience.
Lukuei C.

Nick & Zeny

Nick & Zeny

Personal Project
Nick Yeh 2015

Citrix WorxMail

Citrix WorxMail

Design Lead
Citrix 2014

HP Greeting Cards 2.0

HP Greeting Cards 2.0

Design Lead
CMU HCII Capstone Project 2012

Monsters Inc.

Monsters Inc.

UI / UX / Motion
Citrix Innovation Project 2013

Smart Park

SmartPark

UI / UX
CMU HCII Service Design 2012

Google Flights

Google Flights

UI / UX
Google Design Exercise 2012

HTC HD2

HTC HD2

Design Lead
HTC 2009

HTC Cinema

HTC Cinema

UI / UX / Motion
HTC 2009

4h DESIGN

[4h] DESIGN

Front-End Coding / Web Design
Nick Yeh 2012

Me

Nick Yeh

A hybrid UX designer based in San Francisco, California, currently at Google Play.
10+ years of experience in developing design solutions on mobile and web.
Interested and experienced in both consumer and enterprise facing products.
Enjoys problem solving from different perspectives to embrace challenges.

Please leave your message after the... prompt ;)



Where am I ?

SOMA
SAN FRANCISCO, CA

In a hurry

415.990.5306

Take it easy

nick.yeh@gmail.com

Nick & Zeny Hero Shot Nick & Zeny Card Nick & Zeny Logo Nick & Zeny Logo Sketch Nick & Zeny Album Nick & Zeny Wedding Invitation

Nick & Zeny

Personal Project
Nick Yeh 2015

When a designer falls in love with a dentist, when he decides to stay with her in his rest of live, the wedding becomes one of his most important projects, from logo to website, invitation to venue backdrop. :)

The concept of the logo is to symbolize our initials - (N)ick and (Z)eny. It represents the idea of unity. The Chinese-knot shape is also to respect our families - both of us are originally from Taiwan.

Launch Project
Nick & Zeny Hero Shot Nick & Zeny Card Nick & Zeny Logo Nick & Zeny Logo SketchNick & Zeny Album Nick & Zeny Wedding Invitation
WorxMail Competitive Analysis WorxMail Interview WorxMail Usage Pattern WorxMail Insight WorxMail Persona WorxMail Information Architecture WorxMail Sketch WorxMail Wireframe WorxMail Critique WorxMail Exec Review WorxMail Prototype WorxMail Usability Testing WorxMail Workflow WorxMail Hi-fi Comp WorxMail Icon Set WorxMail Microsite WorxMail Brochure WorxMail Process #1 WorxMail Process #2 WorxMail Hero Shot

Citrix WorxMail

Design Lead
Citrix 2014

Citrix WorxMail is a containerized email, calendar and contact app, providing brand new functionality, updated features and a refreshed UI creating a pocket-sized workspace.

Leading this project from design perspective, I worked in a cross functional team with visual and interaction designers, user researchers, prototypers, project managers and developers.

Contribution included concepting, wireframing, product work flow, user interface design, iterations based on group critique and user studies, microsite front-end coding and communicating with stakeholders via 3-in-a-box meetings.

Launch Project
WorxMail Competitive Analysis WorxMail Interview WorxMail Usage Pattern WorxMail Insight WorxMail Persona WorxMail Information Architecture WorxMail Sketch WorxMail Wireframe WorxMail Critique WorxMail Exec Review WorxMail Prototype WorxMail Usability Testing WorxMail Workflow WorxMail Hi-fi Comp WorxMail Icon Set WorxMail Microsite WorxMail Brochure WorxMail Process #1 WorxMail Process #2 WorxMail Hero Shot
Inkwell Hero Shot Inkwell Research Report Cover Inkwell Statement Inkwell Opportunity Chart Inkwell Competitive Analysis #1 Inkwell Competitive Analysis #2 Inkwell Target Users Inkwell Research Methods Inkwell Affinity Diagram Inkwell User Quotes Inkwell Design Report Cover Inkwell Design Ideas Inkwell User Scenario Inkwell App Flow #1 Inkwell App Flow #2 Inkwell App Conponents Inkwell App Impact-Achievability Grid Inkwell App Paper Prototype Inkwell App Lo-Fi Prototype Inkwell App Hi-Fi Prototype Inkwell App UIs Inkwell App Icon

HP Greeting Cards 2.0

Design Lead
CMU HCII Capstone Project 2012

This was an 8-month Capstone project at Human-Computer Interaction Institute, Carnegie Mellon University. Since January 2012, our team has been looking at the world of social expressions, from greeting cards to gift-giving and examining a specific area within this broad scope. During the summer of 2012, our team went through several iterative design process and evaluations, ended up with a design solution based on our prior research.

As design lead of this project, my contributions were interaction and visual design, user research, branding, presentation slides design and final deliverables to our client, Hewlett-Packard.

Launch Project
Inkwell Hero Shot Inkwell Research Report Cover Inkwell Statement Inkwell Opportunity Chart Inkwell Competitive Analysis #1 Inkwell Competitive Analysis #2 Inkwell Target Users Inkwell Research Methods Inkwell Affinity Diagram Inkwell User Quotes Inkwell Design Report Cover Inkwell Design Ideas Inkwell User Scenario Inkwell App Flow #1 Inkwell App Flow #2 Inkwell App Conponents Inkwell App Impact-Achievability Grid Inkwell App Paper Prototype Inkwell App Lo-Fi Prototype Inkwell App Hi-Fi Prototype Inkwell App UIs Inkwell App Icon
Monsters Inc Hero Shot Monsters Inc Poster Monsters Inc Information Architecture Monsters Inc Storyboard Monsters Inc Sketch Monsters Inc Snapshot

Monsters Inc.

UI / UX / Motion
Citrix Innovation Project 2013

Monsters Inc is an innovative project as well as my first project after joining Citrix as a product designer. Designers here could spend their 20% of time on topics they are interested in, apart from regular product line work.

Monsters Inc helps people to attain balance and flexibility of work and life, by changing their behavior, even slightly, to achieve the goals they set. It works within company network and connects co-workers, the people that see each other all the time and turns them into a support network, that’s focused on change. Monsters Inc also reminds you to log your activities based on time of day and your location and it rewards achievements and motivate you to keep going.

It was a team project of two, my contributions were ideating, high-fidelity UI design, stop-motion-animation, concept video editing, and playing around with LEGO bricks. :)

Monsters Inc Hero Shot Monsters Inc Poster Monsters Inc Information Architecture Monsters Inc Storyboard Monsters Inc Sketch Monsters Inc Snapshot
SmartPark Poster SmartPark Hero Shot SmartPark UIs SmartPark Value Diagram SmartPark Wireframes SmartPark Sketchs SmartPark App Icon

SmartPark

UI / UX
CMU HCII Service Design 2012

SmartPark is an exciting new Mobile phone app that leverages easily implementable technology to allow people to pay for parking through their mobile phone. It works by scanning a QR code that would automatically pair their car to the spot until they returned.

Parking Administrators can enjoy the benefits of easy management and efficient patrolling as the app will tell them which of the spots they need to check. They also save money by reducing the amount of coins that need to be collected reduce their maintenance costs by converting a portion of the meters to SmartPark signs instead of more costly traditional meters.

Users will be excited to use it because of the many conveniences it offers them. It will eliminate the need to worry about whether your meter will run out and it will make carrying around coins to feed to the meter a thing of the past. It can even find parking for you and guide you back to your car, something no other parking service can do!

Download Full Report
SmartPark Poster SmartPark Hero Shot SmartPark UIs SmartPark Value Diagram SmartPark Wireframes SmartPark Sketchs SmartPark App Icon
Google Flights Hero Shot Google Flights Deck #1 Google Flights Deck #2 Google Flights Deck #3 Google Flights UIs Google Flights Flow / WireFrames

Google Flights

UI / UX
Google Design Exercise 2012

This personal project was made for Google / YouTube as a design exercise back in 2012, 48 hours were given to accomplish it.

Deliverables are wireframes, workflows, high fidelity UI design, an interactive prototype as well as a microsite to documentary my design process.

Launch Project
Google Flights Hero Shot Google Flights Deck #1 Google Flights Deck #2 Google Flights Deck #3 Google Flights UIs Google Flights Flow / WireFrames
HTC HD2 Hero Shot HTC HD2 Hero Shot HTC HD2 UIs HTC HD2 Design Guideline #1 HTC HD2 Design Guideline #2 HTC HD2 Design Guideline #3 HTC HD2 Design Components

HTC HD2

Design Lead
HTC 2009

HTC HD2 is a smartphone designed and manufactured by HTC. The HD2 natively runs Windows Mobile 6.5 operating system, and was released in North America in March 2010. It was the first smartphone with a 4.3-inch touchscreen, the first Windows Mobile 6.5 phone with a multitouch capacitive screen and HTC Sense.

My major responsibility was the HTC Sense user interface, from earlier concept to final implementation. Co-worked with project managers to make sure everything is on schedule, with usability engineers to finalize layouts and flow, with planners to lock down function and features, as well as delivered assets to developers.

HTC HD2 Hero Shot HTC HD2 Hero Shot HTC HD2 UIs HTC HD2 Design Guideline #1 HTC HD2 Design Guideline #2 HTC HD2 Design Guideline #3 HTC HD2 Design Components
HTC Cinema Hero Shot HTC Cinema Landing Page HTC Cinema Realized UI

HTC Cinema

UI / UX / Motion
HTC 2009

HTC Cinema was designed to provide an entirely different watching experience on large size, high resolution and touchscreen-based HTC mobile devices.

My contributions to this project were visual design, motion graphic design, realized UI design and concept developing.

HTC Cinema Hero Shot HTC Cinema Landing Page HTC Cinema Realized UI
[4h] DESIGN Home Page [4h] DESIGN Project Detail [4h] DESIGN Profile Page

[4h] DESIGN

Front-End Coding / Web Design
Nick Yeh 2012

[4h] DESIGN is the predecessor of this current portfolio, designed and hand-coded by me. It contains 42 of my projects from 2007 to 2012.

I recently updated it to catch up with the trend - a flat and responsive web design.

Why I named it "4h" ?
First of all, there are four characters (h) in my legal name (Shih-Hao Yeh). Secondly, if you flip the [4h] logo up-side-down, you will find it symmatrical. Yep, I am a completist.

Launch Project
[4h] DESIGN Home Page [4h] DESIGN Project Detail [4h] DESIGN Profile Page