Stef LiashukFounding product designer
Case 01 · Freelance product designer · Veterinary AI · Owner app

A health forecast for dogs, told by their vet.

Pointer had a predictive model and a prototype built by its CTO. I redesigned it into a product vets trust and built its design system. A six-person team is now building it from my concept.

“This is from my vet, this isn’t just some random app.”Partner veterinarian, testing the prototype
Role
Freelance product designer
Timing
Nov 2025 – Jul 2026Two engagements
Method
AI prototyping on a custom design system
Scope
Audit · prototypes · design system · print

Given: Pointer’s logo, two colours and two typefaces came from their brand guide, and the marketing site isn’t mine. The product system built on top of them is.

Today tab with a note from the care team Health tab comparing Biscuit with his breed Heart valve disease detail with actions
Dental disease44 instead of 90 by age 9
The problem

The forecast worked, but only the team could read it.

What I did

One rule: every risk comes with an action. Prototyped with AI on a design system I built.

The result

Vets tested five versions. The clinic note, actions first and one alert colour are what’s being built.

6
person tech team now building it
4
clinics signed up
5
versions, each tested with vets
2
AVMA conferences
Product film · the final prototype in 30 seconds

The client. Pointer forecasts a dog's health risks years before symptoms, from its vet record and breed. Owners get it free through their clinic.

Anna · CEO, vetMaggie · product, vetAlan · CTOStef · product design
01 · Before and after

The same feature, before and after.

CTO's v1 risk simulator: dark screen, percentages and a list of treatments
Nov 2025 · CTO's v1

Percentages, a chart and a list of treatments to toggle. Accurate, but hard for an owner to act on.

Final dental disease detail: ring score, three actions and a projected curve
Jun 2026 · Final

One risk explained in a sentence, three actions ranked by impact, and the curve they change.

02 · How it evolved

How it evolved.

From dark dashboards to a light app led by a note from the clinic.

1 / 4
DEC 2025Dark only
Dark owner app homeDark dental calculus detail

The owner app

Logging, journal, care plans. Dark mode only.

JAN 2026Light first
Light home with one priority riskCurrent versus projected risk

One risk, one action

Light became the default. Dark mode stayed supported.

4 MAY 2026Tested
Care team note on Bleu's planRisk profile with rings

Rings and the clinic's voice

The version vets and partners walked through.

JUN 2026Final
Final, after vet feedback ↓

Sage system, actions first, plain words, no all-red profiles.

03 · What vets changed

What testing with vets changed.

Every version went to vets: a partner vet, a co-development group and an industry advisor.

Before
Tested version: dental in red, heart in orange
Tested with vets · 4 May 2026

Team's direction: a different alarm colour per risk. Tested with vets and clinic partners.

After
Final: one orange ring with a breed marker and a soft category label
Final · Jun 2026 · my change

One alert colour: orange. Everything else stays calm, so the one thing that needs attention stands out.

"You're providing them something a veterinarian has never been able to provide."

Co-development partner

"If my pet's profile is all red, I kind of feel like a bad owner."

Clinic operations
04 · Final prototype · Jun 2026

Try the final prototype.

A forecast, a plan from the clinic, and how the plan changes the outlook. Working prototypes, not mockups.

  • 01The clinic speaks firstA note from the care team opens the app, not a chart.
  • 02Risks against the breedSoft categories and one alert colour.
  • 03Every dog, its own forecastSwitch pets at the top. Risks and the plan follow.
  • 04Today, from the clinicDaily tasks and the next visit, set by the care team.
05 · How I worked with AI

How I used AI to move fast.

I designed the structure and decisions, then used AI to build working prototypes on the design system.

  1. 01 · BriefFounders + me

    A request

  2. 02 · StructureClaude chat

    UX architecture

  3. 03 · BuildClaude Design · UX Pilot

    Click-through prototype

  4. 04 · TestVets, partners

    Put it in hands

  5. 05 · Next versionClaude Design

    Iterate

One shared tool

The whole team prototyped in the same place.

I set up our design system in Claude Design. The founders tweaked or sketched prototypes in it, and I turned them into tested versions.

  1. Founderssketch an idea or tweak a screen in Claude
  2. Meturn it into a designed, tested version
  3. Vetsreact to a real click-through, not slides
06 · Design system

One design system for the app and print.

From a logo guide with two colours and two typefaces to a product system the AI tools used with every prompt.

Colour · two anchors, two ramps
Moss green--ptr-g · anchor #98AAA1
50100200500600700800900
Pumpkin orange--ptr-o · anchor #FF6000
50100200300400500600700800900

A full scale from each brand colour. Every neutral comes from these two plus white. Fills use the 500s, small text uses the 700s so it passes AA.

Type
Aa 78His mouth needs us this monthNeue Regrade for display and key numbers, Host Grotesk for UI and body, both from the brand guide.
Risk language · scores out of 100, lower is better
  • Trending the right wayBelow or near the breed. "Stable, within normal range"
  • On a watchful pathAbove the breed, not urgent. "Stable, 6 points above breed"
  • Worth a closer lookClearly above the breed. "Rising, 21 points above breed"

Every tier has a colour, a dot and a phrase, so the meaning never rests on colour alone. Orange means look closer, green means done or on track, and actions are black.

Same system in printAVMA stand banner in the same ramps and type

The AVMA stand banners use the same ramps and type as the app.

Shipped as tokens
/* Pointer — Design Tokens · prefix --ptr- */
--ptr-g-500: #98AAA1;  /* ★ anchor · Moss Green */
--ptr-o-500: #FF6000;  /* ★ anchor · primary CTA */
--ptr-canvas-green:  var(--ptr-g-50);
--ptr-surface-card:  #FFFFFF;  /* L2 lifts off L1 */
--ptr-o-text:        #C24400;  /* 5.1:1 on white */
--ptr-g-text:        #3D7048;  /* 5.8:1 */
--ptr-f-display: "Neue Regrade";
--ptr-f-sans:    "Host Grotesk";

A tokens file and a component stylesheet (cards, rings, plan items, pet switcher, navigation), handed to Claude Design with every prompt.

The tokens in use: a risk card and plan items in the final prototype
The same tokens in the final prototype: a risk card and plan items.
07 · Partner dashboard

A dashboard for Heart + Paw, a partner clinic network.

Pointer's risk profile and care plan had to live inside a partner network's dashboard, in their brand, keeping their own labels and score format. I turned their UI into a design system and fitted Pointer's features into it.

Open the live dashboard prototype ↗
Heart + Paw dashboard: Biscuit vs his breed, four risk rings, dental disease detail with the vet plan
08 · Print and events

Print and event design.

For two AVMA conferences I designed the stand, a pilot brochure, the founders' keynote, clinic print and a welcome box. Every dog is generated with Nano Banana in one art direction.

Generated collie with orange data rings
Generated pointer mid-leap with light trails
Generated setter with stride data callouts

Nano Banana · one art direction for every dog

AVMA Veterinary Leadership Conference

Chicago · Jan 2026
The Pointer stand at the event: curved backdrop, two banners, orange table cover with key numbers
The stand · Chicago, Jan 2026
09 · What stuck

The decisions vets tested are the ones being built.

The clinic speaks first. Actions come before charts. One alert colour.