Joshua Yao.

Product Designer and a film-maker

Portfolio.

Projects that make me happy.

Tesla ServiceTesla.
Redesigning the Service Portal experience. Contact for Access.
Xbox PersonlizationXbox.
Building a Like/Dislike feature framework for extension across the Xbox ecosystem.
SwypeSwype.
A fintech project that reduces the wallet down to a single card.
Lucid InternshipLucidchart.
Designing the AWS architecture import experience for Lucidchart.


...if you're still hungry for more, here's a few other projects...

League of Legends Stats
League of Legends Stats: post-game cooldown.
gaming, stats, integration
Fanconnect
Fanconnect: the basketball fan app.
sports, social, feed
An IV Infusion Dashboard Project
InfuseView: an IV infusion dashboard.
medical, dashboard, hospital
V-style
V-Style info visualization.
fashion, visualization, d3

always more coming soon.

Visualize this.

Shutters.

Things I shot...with a camera.

It all started on celluloid...

Follow the story.

It began with film and photography. As I became more invested and drawn into the medium, entering work into film festivals and even winning a few, I began to see a parallel between design and film.


Both are all about understanding your audience.


How a scene breathes and feels, how it transitions from one to another, how the flow makes sense to the viewer. This evolved my philosophy on design to view design as not just creating something usable, but rather an experience like a movie. It should present information at the right time in the right way and draw the user into the story and flows it's developing while evoking delight.


Transitioning into product design, I was able to take that into places I've worked through designing fluid flows, intuitive motions, and emotive interfaces.


I aim to make the journey as delightful as the destination.


My name is Joshua Yao, and I'm a product designer who's excited about creating designs and user experiences that are memorable and immersive, while tinkering with everything to see how it can be better (like this portfolio).


I studied Human-Computer Interaction (HCI) at the University of Washington for my Bachelors of Science and also at the Georgia Institute of Technology for my Masters of Science in HCI.


I currently am located on the coast in a small little town called Seattle.

Seattle Coastline

Work.
Projects and experiences.
Visuals.
For your eyes only.
About Me.
The one and (maybe) only.

Reach out: [email protected]

Work.    Visuals.    About Me.

Portfolio designed and developed with ❤️
...and lots of Stack Overflow
...and cookies
...the food kind, not the web kind.

Infographic for Swype
Header for FanConnect Your browser does not support the video tag. Body for FanConnect
Header for V-Style

Visual representations of styles for easy scanning and discovery.

Timeline scanning to see how styles evolve over the year giving advanced insight on fashion trends and differences.

Your browser does not support the video tag.
Your browser does not support the video tag.

See exactly the source of the data so users can see live world examples of styles.

Explore V-Style Yourself
Footer for V-Style
Header for InfuseView

A module-to-brain layout makes it easy to quickly locate which module has issues.

History panel easily shows patient data, without obscuring important information.

Your browser does not support the video tag.
Your browser does not support the video tag.

Realtime pump information ensures that users are always fully informed.

Color-coded alerts with icons for immedient attention control.

Your browser does not support the video tag.
Footer for InfuseView