Articles

Diagram of line icons illustrating their use of good design principles

7 Principles of Icon Design

Learn about key characteristics of quality icon design: Clarity, Readability, Alignment, Brevity, Consistency, Personality, and Ease of Use.


Examples of icons from the NYC Transit System, Olympic Games, and the original Macintosh computer

3 Classic Icon Families

Celebrate the power of icons through a tour of 3 important achievements in modern design: the Olympics games icons, Unimark’s design of the NYC Transit System, and the GUI of the original Macintosh.


A smiley-face icon placed on a grid illustrating its proportions

Icon Grids & Keylines Demystified

A breakdown of icon grids — purpose, anatomy, and in-depth examples from iOS, Material, IBM, and Phosphor.


Specimens of an email icon, a globe icon, and a fingerprint icon

Foundations of Iconography

What are icons? What are their benefits and what are they used to achieve? Get an overview.


Design

Prototype design for the user interface of an autonomous car

Toyota Research Institute

Toyota Research Institute is Toyota's Bay Area research arm, advancing autonomous driving technology through on-road testing and demonstrations. From 2017 to 2019, I partnered with their UX team to:

  • Build demos to showcase research and point of view on autonomy
  • Build debug interfaces for Field Operations to test vehicles on the road
  • Conduct user studies around safety, trust, and situation awareness
  • Solve UX challenges re: vehicle intervention and driver agency
  • Imagine the future of multi-modal, AI-powered driving
  • Architect principles of behavior for in-car AI
  • Unify TRI's internal design language

Two illustrated Wazers laughing and winking at each other

Waze

Around the world, millions of people use Waze to get to their destination “faster, smoother, safer, and happier.” Waze is the quirky, crowd-sourced navigation app.


This year, I'm collaborating with their Brand & Marketing and Product teams --REDACTED--REDACTED--REDACTED--REDACTED--REDACTED--REDACTED--REDACTED--REDACTED--REDACTED--.


A table view of recent payments made through the PayPal app

PayPal

PayPal has been making online payments safe and easy since the early aughts.


In 2019, I helped the design system team refresh PayPal's guidelines from the ground up. We audited design patterns across the org, architected the navigation and page structure, revised the writing, and created new visual aids.


Within 4 months, we brought more clarity to their design language and increased team velocity by 4x.


Booking screen of the SoulCycle mobile app

SoulCycle

SoulCycle is a high-energy, boutique spinning class with a cult following.


In 2015 and 2016, I designed their the iOS booking app and website. SoulCycle for iOS created an enormous lift in class bookings, helping riders get out of the app and onto their favorite bike.


Composition of icons from the Phosphor Cadmium icon pack for Android, on a flat-style phone frame

Phosphor for Android

For Android users who enjoy theming their phone, Toby Fried and I created a family of line-style icon packs to achieve a simple, friendly look. Phosphor is clear, reductive, and quirky. Each icon is crafted with minimal lines and geometric shapes.


Our first release went live in 2019. Today, we provide 870 icons (and counting!) in 4 colors.


Team page of the Prolific Interactive website, with profile photos of several employees

Prolific Interactive

In 2015, I spearheaded a brand refresh to better reflect the spirit of Prolific Interactive, a mobile-focused product agency.


The rebrand took us through core values, brand identity, tone of voice, internal documents, and culminated in a new website to showcase our team and our work. We rolled out the refresh in just 6 months.


Composition of black line-style icons on a yellow background, with the logo of Phosphor for Android

Snapshots from Dribbble