👋 Howdy! I’m Jono, a product designer with 10+ years of experience designing (and sometimes building) products end-to-end. Currently I’m a Lead Product Designer at Virta Health. I love thinking through systems, talking to users, obsessing over details, and diving into code.
Selected Works
-
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #005ee7; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #fff1d1; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #fff1d1; :after { background: #005ee7; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #005ee7; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #fff1d1; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #fff1d1; :after { background: #005ee7; } } Virta Health
Digital HealthLead Product Designer / 2020 - Present -
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #6421FF; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #c9efb8; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #c9efb8; :after { background: #6421FF; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #6421FF; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #c9efb8; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #c9efb8; :after { background: #6421FF; } } ConductorOne
B2B SaaSFreelance / 2023 -
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #135762; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #4A127B; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #4A127B; :after { background: #135762; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #135762; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #4A127B; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #4A127B; :after { background: #135762; } } Wanderium
Travel AssistantFounder (Design & Eng) / 2018 - 2020 -
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #e0361f; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #b19128; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #b19128; :after { background: #e0361f; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #e0361f; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #b19128; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #b19128; :after { background: #e0361f; } } Various
Side Projects, Speaker2015 - 2017 -
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #2e9fff; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #1f78c3; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #1f78c3; :after { background: #2e9fff; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #2e9fff; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #1f78c3; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #1f78c3; :after { background: #2e9fff; } } Disqus
Audience EngagementLead Product Designer / 2012 - 2016 -
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #888; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #136f80; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #136f80; :after { background: #888; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #888; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #136f80; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #136f80; :after { background: #888; } } TwoSides
Social Debate PlatformCo-Founder / 2012 -
:doodle { @grid: 3x9; @size: 100%; } overflow: hidden; background: #3a0099; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #6b5b00; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #6b5b00; :after { background: #3a0099; } } :doodle { @grid: 3x10; @size: 100%; } overflow: hidden; background: #3a0099; :after { content: ''; position: absolute; @size: 100%; border-radius: 50%; background: #6b5b00; transform: translate(@p( (0, 50%), (50%, 0), (0, -50%), (-50%, 0) )); } @random(.15) { background: #6b5b00; :after { background: #3a0099; } } Harmonizr
Group CollaborationCo-Founder / 2011
More About Me
I’m a Bay Area raised and based digital designer. After studying Computer Science at UCLA, I’ve combined my passion for both design and code since they go hand in hand in creating delightful software products.
Over the last 14 years, I’ve founded startups, created side projects, and led product design at Disqus and Virta Health. Building products and features end-to-end that crisply solve a user’s problem is what I enjoy most.
My design process values simplicity, systems thinking, balancing both business needs and technical constraints, and frequent checkins with users and stakeholders for feedback and validation.
Tools and technologies I frequently use: Figma, HTML, CSS, Javascript, React.
On the weekends, I like to hang out with my daughter, listen to podcasts, watch NBA highlights (go dubs!), analyze A24 films, drink boba, and play golf (badly). You could say I’m a walking millennial stereotype… and you’d be mostly right.
My occasional writing
- Product Design Collaboration: You’re Not Thinking About It Enough
- Real vs. Fake: The Infamous Case of the Quickly Copied Fidget Cube
- Securing Your Digital Life While Traveling
My internet presence
You can find me via email, Twitter, LinkedIn, and Medium.
About this site
This is a Jekyll static site deployed on Netlify. Fonts are Tablet Gothic Next and Plantin from Adobe Fonts. Generative patterns are created using css-doodle.