Hey, I’m Jean Ivan Jose, from the Philippines 🇵🇭

Your next Senior Product Designer.

I design product experiences that feel clear, thoughtful, and easy to use—taking something complex, simplifying it, and turning it into a flow people can actually understand.

4 core B2B SaaS case studies Surfaces serving ~75% of revenue WCAG 2.1 AA AI-in-the-loop prototyping
View case studies
helloivanjose@gmail.com
Experience

6 years designing products end-to-end—core workflows, platform integrations, and enterprise surfaces—shipped cross-functionally with CTOs, PMs, and engineers.

Design systems

I build and own the system: tokens, documented components, and AI-ready specs backed by Storybook and the Claude Design System.

Industries

Health SaaS, a blockchain email-security platform, e-commerce, plus executive, investor, and podcast sites.

AI-assisted

I build AI skills and machine-readable specs so Codex, Claude, and Google Stitch produce on-brand work inside my design workflow.

Selected work

Case studies grounded in product decisions and systems work.

Each study shows how I approach structure, interaction, systems thinking, and implementation detail in B2B SaaS.

01 · Core targeting workflow

Modernizing a legacy audience map for faster, more flexible geographic targeting.

AI Prototype Workflow redesign Interaction systems

Shipped the map-first core, then defined one audience model for search or region selection, CSV upload, saved areas, radius, and polygon across phased releases.
02 · Platform integrations

Designing a reusable connection flow for client credentials, validation, and account management.

Client credentials Status design Platform UX

Created a scalable pattern for integrations so each new app could inherit the same product logic, states, and UI structure instead of starting from zero.
Organization templates with group hierarchy, shared scopes, and centrally governed assets
03 · Organization management

Enterprise org management: roles, permissions, and shared templates designed to protect live automations.

RBAC & scopes Templates Enterprise

An organization layer above groups—permission that follows the hierarchy and centrally governed templates that stay safe to edit—built to win a high-revenue enterprise account that named it a requirement.
Billing Management overview showing group balances, payment access, monthly caps, and account moves
04 · Organization billing & spend

Org-wide billing: pool money at the org, spend it by group, and protect paying campaigns.

Billing & payments Financial UX Enterprise

The companion to org management—billing groups, per-account caps, transfers and disbursement, and spend analytics that stay legible from the org down to a single automation.
05 · Design system · Personal project

Figma to React: a design system a designer, an AI, and a compiler can all build from.

Design systems Design to code Multi-agent QA

I owned the Figma system at LettrLabs. On my own time I built the packaged React library, machine-readable specs, and an agent audit against a written standard—then published its open findings.
Selected other work

Shipped client & product work, in brief.

Supporting work — not full case studies. Two blockchain products from my time with ULedger, plus CMS-driven marketing sites. Each opens in a new tab.

Capabilities

What I bring, and what I build with.

Product areas and industries I've shipped in, plus the design-system, AI, and CMS/commerce stack behind them.

Product areas
B2B SaaSB2CDashboardsIntegrationsAdmin & RBACAutomationsPayments & billing
Industries
Direct mail adsHealth SaaSBlockchain email securityE-commerceExecutive & investor sitesPodcasts
Design & systems
FigmaStorybookClaude Design SystemDesign tokensAdobe (Ps, Ai, XD)
Accessibility
WCAG 2.1 AAColor contrastKeyboard navigationScreen-reader testingFocus statesaxe DevTools
AI workflow
Figma MakeCodexClaude Design toolingMCPMachine-readable specsAI for research & discovery
User research
HotjarMicrosoft ClarityGoogle AnalyticsFigJam (journey maps)
Web & CMS
WordPressWP ACFWooCommerceShopifyWebflowElementor ProHTML / CSS
Collaboration
AsanaClickUpConfluence
Approach

Reuse what works. Reduce what distracts. Make the interaction carry the clarity.

01

I start from product logic and mental models, not decoration—the interface should explain how the system behaves, especially in complex, ambiguous problems.

02

I extend and advocate the design system before inventing new components, and I keep it consistent enough that people and AI can both build from it.

03

I work cross-functionally—close to PM, engineering, and stakeholders—explaining the concept behind a screen, not just the screen—so handoff feels like a shared product conversation.

04

I prototype with engineering in mind—often in code or Codex—so the team can pressure-test states, feasibility, and edge cases before build cost rises.

05

I treat B2B as consumer-grade underneath. A business may buy the product, but one person still has to build an audience, configure automation, and pay—largely on their own. So I design self-service B2B SaaS: the permissions, complexity, and scale a business needs, delivered with the speed, clarity, and ease of use people expect from consumer apps.

Let's work together

Have a role or project in mind?

Email me