Design leader · 10+ years
Product designer
who ships.
Over a decade leading UX and product design on products where trust is the feature, and countless hours mentoring designers. I still design, build and ship the work myself, with AI, so you get the working product, not just the mockup.
Available for new projects
Trusted by teams at Pfizer, Verizon, Takeda, and Custom Ink.
Jon Haines, not actual size
What I do
Different surfaces, one job: make complicated things clear enough to trust.
-
Product & UX leadership
Workflow-heavy, regulated products in defense, fintech and healthcare. Research to shipped UI, plus the people around it: mentoring and growing designers, and earning the trust of whoever signs off.
-
Design systems
Systems that keep many products consistent as they scale, and now systems that AI coding agents can build from correctly.
-
Motion & interaction
How a product behaves: states, feedback, and transitions. Specced and built in Rive and code, not described in a meeting and hoped for.
Selected work
High-stakes products, made plain. Then made to move.
-
Design system · Motion · 2026
Sidestep
A design system where everything moves, with the specs and rules that let AI coding agents pick the right component and the right motion.
With Sidestep, an AI agent wrote 340 lines and invented zero styles. Without it: 1,146 lines and 117 made-up values.
-
Motion · State-driven character · 2026
Kernel
A product mascot whose five moods are driven by app state, animated in code.
From first sketch to a polished, shipping mascot in under a month.
-
Motion · Interaction states · 2026
Character Select ↗ (opens Contra)
Hover, select, and lock-in states for twelve characters, built as one Rive state machine.
-
Motion · Rive + Blender · 2026
Halloween Hotel
A playable scene: a Blender build running on Rive's GPU canvas, in the browser.
-
Motion · Product UI · Rive
Onboarding Flow ↗ (opens Contra)
A five-screen onboarding flow, from sign-in to a confetti finish, driven by one state machine and view-model data binding.
-
Motion · Character · Rive
Monkey Mascot ↗ (opens Contra)
A character mascot with three trigger-driven behaviors: he waves, eats a banana, or dances.
-
Motion · Micro-interactions · Rive
Icon Grid ↗ (opens Contra)
Nine icons that flip from flat monochrome to full-color illustrations on hover, each with a springy bounce.
-
Case study · Fintech · Agentic AI
The trust layer for an agentic sales system
Interfaces that let sellers see what an AI agent was doing, know which signals to trust, step in where it mattered, and shape the agent over time.
Brought the agent's activity, buyer signals and pipeline into one view, so sellers stopped piecing it together across tools.
-
Case study · GovTech
ISI Defense: leading v5.0
Led design on v5.0 of a security platform for defense contractors as the sole designer, owning the design system and its clearance-based permissions.
Shipped v5.0 and passed its Section 508 accessibility audit, with permissions reworked across 8 user roles.
-
Case study · MedTech
Pfizer: a dashboard for medical coverage
Research and UX/UI that made complex insurance information easier to navigate.
-
Case study · LegalTech
Epiq: replacing spreadsheets with a reconciliation platform
Sole UX designer and researcher, turning a spreadsheet-based bankruptcy reconciliation process into a platform for banks and financial institutions.
-
Case study · Fintech
Fora Financial: a leaner template for product pages
Long educational pages turned into a modular, conversion-focused template built to repeat across every funding product.
-
Case study · Design systems
Nursegrid: scaling a design system ↗ (opens Behance)
Reusable patterns and brand consistency for a celebration feature as the product scaled.
-
Case study · PropTech
Tailorbird: unifying a fragmented SaaS platform ↗ (opens Behance)
Led the design of a unified dashboard for a platform serving 26 of the top 50 U.S. real estate owners.
Pulled scattered features into a single dashboard, so property teams had one place to work.
-
Case study · eCommerce
Custom Ink: a shared design language ↗ (opens Behance)
Led a shared design system across product surfaces and a streamlined checkout, driving a 1.5% customer lift.
-
Case study · Healthcare
AccentCare: a website for multiple audiences
Web and mobile redesign for a healthcare organization, built around accessibility and clear navigation.
-
Case study · Risk management
SaltyCloud: design system creation ↗ (opens Behance)
A design system and style guide that standardized UI patterns across a risk-management platform.
-
Case study · Research
Verizon: privacy dashboard research ↗ (opens Behance)
Led user research and interface analysis, turned into UX recommendations for a clearer, more trustworthy privacy dashboard.
In their words
A full build out of a design framework from scratch… From the moment he joined, Jon brought a sharp design eye, a collaborative spirit, and a deep understanding of how to translate our vision into something both functional and visually compelling.
He created clean, intuitive prototype screens that perfectly captured our vision and improved the features and visuals of our product… his work significantly elevated the overall user experience.
His contributions as a UX designer ranged from research to visual design… The degree of initiative, coupled with reliability, made Jon an excellent team member.
Work with me
For seed to Series B teams that need senior design and someone who can build it. Scope and pricing get shaped together on a first call.
Available for new projects
-
Fixed scope · Two weeks
Working prototype
Your idea as a real, deployed product, not a clickable mockup. Designed, built and ready to put in front of users or investors.
You get a live URL, the code, and a design system to keep building from.
See one: Bad Plot · Agentic sales
-
Fixed scope · Three to four weeks
Mascot & motion
A character or hero piece modeled in Blender, animated in Rive, and wired to your product's states, like Kernel's five moods.
You get a production-ready Rive file, dropped into your site or app.
See one: Kernel · Character Select
-
Three-month minimum
Fractional head of design
I run your design function part-time: set the direction, build the system, hire and mentor your first designers, and still ship work myself.
For teams that have outgrown freelancers but aren't ready for a full-time design leader.
See it: · What teams say
Also available: a two-week Product & UX audit, or a monthly Design advisor seat.
Things I've made
I designed every one of these myself, end to end: the product, the brand and the details. Then I built and launched them. Same process I bring to clients.
-
iOS + web game · Live
Bad Plot ↗
Designed by me · Product design, brand, and Kernel the mascot
A daily movie-guessing game built on deliberately bad plot descriptions, judged by Kernel the popcorn. Designed, built in Expo and shipped to the App Store.
-
Reels
82Kviews
1,778likes111comments
Why MLB wants a salary cap
Sports data-viz brand · Daily
AthleticFigures ↗
Designed by me · Brand, data storytelling, charts and motion
Stick figures and charts about MLB, NFL, NBA and NHL. Reels and carousels made with a Blender-to-video pipeline, 40+ posts in.
-
Card art + game · In progress
Clewies
Designed by me · Game design, card system, and art direction
A mythology card game with living character cards, living-portrait loops and a browser prototype. 112 cards and counting.
Coming soon
Learn how I work
I design with Claude Code connected to Figma, Blender, Rive and the codebase. I teach design teams to do the same, and I have for years: podcasts, talks, and classrooms.
- Figma
- Claude Code
- Blender
- Rive
- Shipped
-
Half day · Up to 15 people
Workshop for design teams
A live, hands-on session: your designers go from a Figma frame to a working, moving build using AI, on a real piece of your product.
Everyone leaves with a working setup and one thing they shipped.
-
One week
Team setup
I set up your team's AI toolkit: connections to your tools, reusable skills, and a design system that coding agents can build from correctly.
Your workflow, written down and running, not a slide deck.
-
Monthly · 1:1
Coaching
For designers who want to start shipping. One session a month plus async review of what you're building.
Built on years of mentoring designers through career pivots.
Where I've taught and spoken
Podcasts
Talks & panels
Workshops & series
- ThinkfulWebinars I built and facilitated
- Think Like a DesignerClubhouse series, host
About
For over a decade I've led UX and product design on products where getting it wrong is expensive: defense platforms, bank data, medtech, and now AI agents. My job is to make the complicated part feel obvious, to the customer, the team, and whoever has to sign off.
I run design end to end: research, product strategy, the system, the shipped UI, and now, with AI in the loop, how it behaves and moves. I've led teams and I've been the only designer in the room. I've also spent countless hours teaching and mentoring designers, and that's a big part of how I lead: I grow the people around the product, not just the product. (I came to design from journalism, and it still shows: find the story, cut whatever doesn't serve it.)
Based in Brooklyn, NY · Working with teams anywhere
More about me →Countless hours
Mentoring and teaching designers
in the classroom, online, and one on one, reaching thousands of students.
- Webinars built and facilitated for Thinkful
- Schools: General Assembly, Thinkful
- Host of Think Like a Designer, a Clubhouse series
10+ years
leading UX and product design in regulated, high-stakes industries.
Top Voice
in User Experience Design, recognized on LinkedIn.
10K+
designers following @uxcalibur on Instagram.
~4 years
as an independent design consultant to product teams.
Who I've worked with
What I believe
The more complex the system, the plainer it has to be.
Getting it wrong isn't a bad review. It's a decision nobody can defend.
Design leadership is a trust problem before it's a craft problem.
The job is earning the trust of people who aren't designers, but decide whether a decision holds up.
Motion is how a product explains itself.
Every state change is a sentence. If it moves well, nobody needs the manual.
AI didn't replace the designer. It removed the handoff.
I go from strategy to a working, moving build without a translation step in between.
What are you building?
Tell me what you're building and where it's stuck. Or skip ahead and book a 20-minute intro call.
