// panels.jsx — résumé, bio, Judgment Calls, contact, hiring. Every surface uses // theme tokens so light/dark both hold contrast. Contact is a single column. (() => { const { useState } = React; const ROLES = [ { co: 'Doctronic', role: 'Product Design Lead, AI Health', when: 'Feb 2026 – Jun 2026', note: 'Shipped the first AI-authorized prescription refill flow in the US — intake, eligibility, AI consult and clinician review. Designed the EHR medical-records experience and a trust-and-privacy layer (memory controls, delete-consult, incognito mode) that let patients govern how AI used their data. Prototyped end-to-end AI workflows in Figma, Claude Code and Claude Design.' }, { co: 'GoodRx', role: 'Sr. Product Designer, Telehealth Subscription', when: 'Apr 2025 – Jan 2026', note: 'Shipped GoodRx’s first telehealth subscription platform under HIPAA-compliant guardrails — telehealth, prescription management and discreet home delivery in one experience. Redesigned the ED subscription funnel: signup CTR to an all-time high of 26.1%, up from 15.6%. Shipped retention features: shipping frequency, order history, cancellation survey, delay next order.' }, { co: 'The Estée Lauder Companies', role: 'Sr. Product Designer, Enterprise Design Systems', when: 'Oct 2023 – Apr 2025', note: 'Directed an enterprise interaction design library — tokens, motion guidelines, specs and high-fidelity prototypes — adopted across 7+ luxury brands at global scale. Shipped Product Search & Filtering 2.0 with mobile-first filter logic.' }, { co: 'Amyris', brands: 'Stripes Beauty · Biossance · JVN Hair · Rose Inc · Costa Brazil', role: 'Sr. UI/UX Designer, Consumer Health & Wellness', when: 'Sep 2021 – Aug 2023', note: 'Founding designer for Stripes Beauty, the 0-to-1 menopause wellness brand co-founded by Naomi Watts, launched 2022. Shopping-funnel optimisations lifted conversion +25% and cut bounce rate up to 40% across the portfolio; advanced search, cart/promo tools and livestream shopping.' }, { co: 'Sephora', role: 'Interaction Designer, Education & Learning', when: 'Nov 2017 – Jan 2021', note: 'Built Sephora Education’s first design system across iOS, Android and web. Completed an ADA-ready, mobile-first LMS migration — 4.5/5 satisfaction, 20K+ weekly course completions, serving 30K+ in-store hires. Led 2–3 designers and producers through weekly critiques.' }, ]; const PREV = [ { co: 'Quicken', role: 'Sr. UI Designer', when: 'Aug 2021 – Nov 2021' }, { co: 'Amazon', role: 'Sr. Visual Designer', when: 'Mar 2021 – Aug 2021' }, { co: 'Old Navy (Gap Inc.)', role: 'Sr. Visual Designer', when: 'Nov 2016 – Nov 2017' }, { co: 'Sephora Digital Team', role: 'Visual Designer (Freelance)', when: 'Nov 2015 – Nov 2016' }, { co: 'Live Nation Entertainment', role: 'Web Design Coordinator', when: 'Jun 2014 – Nov 2015' }, ]; const EDU = [ { h: 'Education', b: 'UC Davis — B.A. Media Technology (2009) · General Assembly — Product Design (2021) · Google AI Professional Certificate (2026)' }, { h: 'Recognition', b: 'DANDA Awards Platinum — Condition Subscription for GoodRx (2026) · Sephora Values In Action (2019) · Adobe Creative Jam Top 10 (2021) · SacHackathon 1st Place (2021)' }, { h: 'Tools', b: 'Figma (advanced), Claude Code, Claude Design, MCP connectors, Adobe Creative Suite' }, ]; const SIDE = [ { co: 'Design Quest', role: 'Playable RPG portfolio', when: '2026', note: 'Built solo with AI-assisted development. Live and playable in the browser.' }, { co: 'VC Stock Screener', role: 'Fintech tool, design + build', when: '2026', note: 'Verdict-first screener. Designed and shipped solo with AI-assisted development.' }, { co: 'HomeBase', role: 'UX/Product Designer — SacHacks III', when: '2021', note: 'Community platform for exchanging donations, services and volunteer time. Led discovery, PM and end-to-end UI/UX. 1st place.' }, ]; const SKILLS = [ { h: 'AI & tools', b: 'Claude Code, Claude Design, MCP connectors, AI-assisted prototyping, Figma (advanced), Adobe Creative Suite' }, { h: 'Product design', b: 'End-to-end product design, interaction design, information architecture, high-fidelity prototyping, design systems' }, { h: 'Research', b: 'Discovery interviews, usability testing, funnel & conversion analysis, A/B testing, evidence-driven iteration' }, { h: 'Brand & visual direction', b: 'Brand direction, visual design, art direction, motion guidelines, campaign & editorial systems' }, { h: 'Healthcare & regulated', b: 'HIPAA compliance, EHR design, trust & privacy patterns, clinical / legal partnership, ADA accessibility' }, ]; function Sheet({ title, kicker, sub, children }) { return (
{kicker}

{title}

{sub &&

{sub}

}
{children}
); } const When = ({ w }) => { const [a, b] = String(w || '').split(/\s*[–-]\s*/); return
{a}
{b &&
– {b}
}
; }; function RoleList({ items, compact }) { return (
{items.map((r, i) => { const [co, brands] = r.brands ? [r.co, r.brands] : String(r.co).split(/\s+—\s+/); return (
{co}
{r.role}
{brands &&
{brands}
}

{r.note || ''}

); })}
); } function Resume() { const H = ({ children }) =>
{children}
; return ( Experience
Built with AI & hackathons
Previous roles
Skills & tools
{SKILLS.map(({ h, b }) => (
{h}
{String(b).split(/\s*[,;]\s*/).filter(Boolean).map(t => {t})}
))}
Education & recognition
{EDU.filter(x => x.h !== 'Tools').map(x => (
{x.h}

{x.b.split(' · ').map((t, i) => {t})}

))}
Download PDF ↓ LinkedIn ↗ danvisual.uxd@gmail.com
); } const BIO = { lead: 'I’m Dan — a product designer who takes the parts of a product people dread, and makes them feel obvious.', body: [ 'Most of my work happens where the stakes are real: health, money, and the systems people rely on at work. That means designing with legal and clinical teams in the room, and treating their constraints as a design problem rather than a blocker — the emergency-screening screen at GoodRx didn’t get removed, it got reframed, and conversion went up because of it.', 'I came up through visual design, and it still shows: I care about type, rhythm, and the craft of a page as much as the flow through it. That’s the work in the Play section — campaigns, editorial systems, motion.', 'I work in the open. Messy Figma files, real user calls, prototypes in front of engineers early. At Doctronic I paired directly with founding engineering so the standards lived in the build instead of a library nobody opens.', ].map(t => '

' + t + '

').join(''), tags: ['San Francisco Bay Area', 'Senior product designer', 'Healthcare · AI · regulated products'], }; window.dvContent.bind('roles', ROLES); window.dvContent.bind('side', SIDE); window.dvContent.bind('skills', SKILLS); window.dvContent.bind('bio', BIO); function Bio() { return (

{BIO.lead}

{(BIO.tags || []).map(t => ( {t} ))}
); } const QUEST = [ { tag: 'GoodRx · onboarding', q: 'Legal wants a standalone emergency-screening question early in your telehealth onboarding. It’s scaring users off before intake. You have one funnel and a compliance requirement.', a: [ { t: 'Argue to remove it — the data shows it’s costing conversion', r: 'Reasonable, and usually a loss. Legal isn’t optimising your funnel; they’re managing liability, and “remove it” gives them nothing to say yes to.' }, { t: 'Keep it, and optimise around it', r: 'Safe, but you’ve accepted a 36% drop-off as fixed. The constraint was placement, not existence.' }, { t: 'Reframe: merge the disclaimers into T&Cs with tappable detail', r: 'This is what shipped. Same legal coverage, different placement — onboarding-start conversion went 17% → 20%, and it became the template for the rest of the funnel.', win: true }, ] }, { tag: 'GoodRx · architecture', q: 'You have months to ship a first subscription product against competitors who already proved the model. Build the one flow you were asked for, or the platform nobody asked for?', a: [ { t: 'Ship the single purpose-built flow — hit the date', r: 'You hit the date and rebuild the screens three more times. Speed now, tax later.' }, { t: 'Build a reusable Conditions Platform', r: 'What shipped. More upfront complexity on a tight deadline — and it launched on time in May 2025, then GLP-1, hair loss and skincare launched on the same structure.', win: true }, { t: 'Ship the flow, propose the platform next quarter', r: 'The most common answer, and the one that never gets funded once the flow is live.' }, ] }, { tag: 'Doctronic · AI health', q: 'You’re designing an AI system making medical judgment calls. Where does the trust and privacy work belong?', a: [ { t: 'A settings page — it’s a compliance requirement', r: 'How most teams treat it, and it leaves the hardest conversion moment unaddressed.' }, { t: 'In the funnel itself — trust is a conversion surface', r: 'The thesis behind the work: memory controls, delete-consult and incognito designed alongside lander, eligibility and intake, not as a separate workstream.', win: true }, { t: 'Post-launch, once you have usage data', r: 'By then the skeptical first-time user has already bounced. Trust is the first screen, not the fifth.' }, ] }, ]; function Confetti({ burst = 0, n = 46 }) { const COLORS = ['#6d4aff', '#5b3fd6', '#a07cff', '#3f2f7a', '#16121d', '#c9b8ff', '#8f6cff']; const pieces = React.useMemo(() => Array.from({ length: n }, (_, i) => ({ l: Math.random() * 100, d: Math.random() * (burst ? 0.35 : 0.9), dur: 2.4 + Math.random() * 1.9, c: COLORS[i % COLORS.length], w: 6 + Math.random() * 7, h: 9 + Math.random() * 11, r: Math.random() > 0.5 ? '50%' : '2px', x: (Math.random() - 0.5) * 130, })), [burst]); return ( ); } const WIN_COPY = { 3: { h: 'Flawless run. You’d have shipped it too.', s: 'Three for three — same calls, same reasons. That’s the whole job.' }, 2: { h: 'Two dead-on. Sharp instincts.', s: 'The one you missed is the most interesting decision of the three.' }, 1: { h: 'One landed — and the misses are the good part.', s: 'Every wrong answer here was somebody’s real plan at some point.' }, 0: { h: 'Zero for three. Honestly? Respect.', s: 'These were contested calls in the room. The reasoning is the point, not the score.' }, }; function CritResult({ score, total, onAgain }) { const [burst, setBurst] = useState(0); const [popped, setPopped] = useState([]); const copy = WIN_COPY[score] || WIN_COPY[0]; const pop = (i, e) => { setPopped(p => p.includes(i) ? p : [...p, i]); setBurst(b => b + 1); window.waveBurst && window.waveBurst(e.clientX, e.clientY); }; return (
Crit Club · that’s a wrap
{score} / {total} {Array.from({ length: total }, (_, i) => ( ))}

{copy.h}

{copy.s}

{[['✦', 'pull it'], ['◉', 'pop it'], ['✦', 'again']].map(([g, l], i) => ( ))}

Every scenario here is a real decision from a shipped project — the full reasoning, and the numbers that followed, live in the case studies.

); } function JudgmentCalls() { const [i, setI] = useState(0), [picked, setPicked] = useState(null), [score, setScore] = useState(0); if (i >= QUEST.length) { return { setI(0); setScore(0); setPicked(null); }} />; } const step = QUEST[i]; return (
{step.tag}

{step.q}

{step.a.map((a, k) => { const reveal = picked !== null; return ( ); })}
{picked !== null && ( )} ); } function Field({ label, area, v, set }) { const T = area ? 'textarea' : 'input'; return (
set(e.target.value)} />
); } const REASONS = [ { id: 'role', l: 'Hiring for a role', ask: 'Role title, level, and the first problem this person owns' }, { id: 'project', l: 'Project or contract work', ask: 'What it is, who it’s for, and what’s stuck' }, { id: 'network', l: 'Networking / just saying hi', ask: 'What connected you here — no agenda needed' }, { id: 'advice', l: 'Portfolio or career advice', ask: 'Where you are, and what you’re trying to decide' }, { id: 'speaking', l: 'Speaking or mentoring', ask: 'The event or programme, the audience, and the date' }, { id: 'bug', l: 'Bug or issue on this site', ask: 'What broke, what you were doing, and your browser' }, { id: 'other', l: 'Something else', ask: 'Whatever it is' }, ]; function Talk({ hiring }) { const [f, setF] = useState({}); const [sent, setSent] = useState(false); const [why, setWhy] = useState(hiring ? 'role' : null); const on = k => v => setF(p => ({ ...p, [k]: v })); const r = REASONS.find(x => x.id === why); const isRole = why === 'role', isBug = why === 'bug'; return (

{hiring ? 'Dan reads every one of these himself and replies within 48 hours. If it’s a fit he’ll come back with questions about the team and the first problem, not a deck.' : 'Pick a reason so this lands in the right place — Dan reads all of them himself and replies within 48 hours.'}

Reason for reaching out
{REASONS.map(x => ( ))}
{hiring && (
What he’s looking for
{['Senior / Lead / Principal product design', 'Ambiguous 0-to-1 or AI-mediated products', 'Teams that measure, and let design own the number', 'Remote or the Bay Area'].map(t => (
✦{t}
))}
)} {why && (
{ e.preventDefault(); setSent(true); window.waveBurst && window.waveBurst(); }} style={{ display: 'grid', gap: 22, animation: 'up .5s cubic-bezier(.16,1,.3,1) both' }}> {isRole && } {isRole && } {isBug && }
)}
); } function ResumeSummary() { const PILLARS = [ { n: '01', h: 'He ships the thing nobody has shipped yet', b: 'The first AI-authorized prescription refill in the US at Doctronic. GoodRx’s first telehealth subscription. A beauty brand in a category with no precedent. Three separate 0-to-1 launches, each one under real legal or clinical review.' }, { n: '02', h: 'He designs where the constraint is the problem', b: 'Legal, clinical and compliance in the room daily — not as a gate at the end. That is why the trust layer at Doctronic became a conversion surface instead of a disclaimer, and why the GoodRx subscription got through review at all.' }, { n: '03', h: 'He measures, then says the number out loud', b: '26.1% funnel conversion. An 81% → 34% abandon rate. +25% portfolio conversion YoY. Search across 7+ Estée Lauder brands, and a POS used by 5,000 associates. He can tell you what moved and what did not.' }, ]; return (
    {PILLARS.map(p => (
  1. {p.n}

    {p.h}

    {p.b}

    2. ))}

Where he sits now

Lead-level product designer across consumer health, wellness and AI-first teams — most useful on ambiguous, heavily-constrained problems where the first version has to both ship and survive review.

); } Object.assign(window, { PANELS: { resume: Resume, summary: ResumeSummary, bio: Bio, quest: JudgmentCalls, talk: () => , hiring: () => } }); })();