✳  AI DESIGN · CLAUDE DESIGN

Claude Design: real interfaces, designed at the speed of a conversation.

I design product screens, landing pages, and flows directly in Claude Design — exploring more directions in days than a traditional process covers in weeks, then refining the strongest one into production-ready work.

Cover image
✳  OVERVIEW

Claude Design is not a mockup generator. It is a design surface that outputs working interfaces.

I design in Claude Design the way I used to design in Figma — but the artboards are real HTML, so what you review is what gets built. That changes the economics of exploration: three directions instead of one, every state designed instead of the happy path, and a handoff your engineers can open in a browser. I bring the product judgment; Claude removes the production tax.

Supporting visual
✳  THE CHALLENGE

Why teams come to me for this.

Exploration costs too much

One direction gets designed because three would blow the timeline.

Static mockups lie

Flat frames hide the empty, loading, long-content, and error states.

Handoff loses the detail

Engineers rebuild from screenshots and the spacing drifts on day one.

AI output looks generic

Prompting without design direction returns the same template everyone else got.

✳  WHAT I DO
Product screens & flows

Full screens designed as real markup — responsive, interactive, reviewable in a browser.

Rapid concept rounds

Several distinct directions in the time one usually takes, so you choose from real options.

Marketing & landing pages

Conversion-shaped pages with the motion and layout craft already in place.

Every state designed

Empty, loading, error, overflow, and permission states — not just the demo path.

Design direction, not prompts

Type scale, colour, grid, and motion decided deliberately and applied consistently.

Buildable handoff

Markup, tokens, and notes your front-end team can take straight into the stack.

✳  MY APPROACH
Process visual
  1. DirectionAgree the product goal, the audience, and the visual direction before anything is generated.
  2. ExploreDesign several real directions in parallel and review them live, not as flat images.
  3. RefineTake the strongest one to production quality — states, responsiveness, accessibility, copy.
  4. Hand overDeliver the files, the tokens, and a walkthrough so the build starts without translation.
✳  WHAT YOU GET
Production-ready screens
Responsive, state-complete interfaces you can open and click through.
Source files
The Claude Design project plus exported markup and assets.
Design direction doc
Type, colour, spacing, and motion rules so the work extends cleanly.
✳  BENEFITS
3x
More directions explored per round
Days
From brief to clickable screens
Fewer
Handoff questions during build
Complete
Every state designed, not just the demo
✳  WHO IT'S FOR
Founders pre-build

Get a real, clickable product in front of users before committing engineering time.

Product teams under deadline

Add design capacity without adding a hiring cycle.

Agencies and studios

Pitch with working interfaces instead of static decks.

✳  WHY WORK WITH ME

A designer who uses Claude as a production tool, not a novelty.

Designer who shipsI work inside real product constraints, so what I hand over gets built — not reinterpreted.
8+ years across AI & SaaSFintech, healthcare, B2B SaaS, e-commerce, and AI-native products.
Lean and fastFocused weekly cycles with visible progress — no long silences, no design theater.
Metric-firstEvery engagement starts with the business number we are trying to move.
Portrait or working shot
✳  INDUSTRIES I SERVE
01FintechPayments · Banking · Compliance

Secure software for banking, payments, and finance.

Trust & security UXOnboarding & KYC flowsFinancial dashboards
Fintech visual
02Real Estate & ConstructionProperty · Projects · Field teams

Smarter property and construction management software.

Listing & search flowsProject trackingField-ready mobile UI
Real Estate and Construction visual
03HealthcarePatients · Clinicians · Access

Digital healthcare solutions for better patient care.

Accessibility-first designBooking & recordsClinical dashboards
Healthcare visual
04TechnologyPlatforms · APIs · AI

Build scalable software and AI-powered products.

Platform & API toolingDesign systems at scaleAI product interfaces
Technology visual
05EducationLearning · Engagement · Completion

Modern EdTech platforms for smarter learning.

Course & lesson flowsProgress & assessmentLearner engagement
Education visual
06RetailStorefront · Checkout · Loyalty

Smart retail solutions that drive growth and sales.

Storefront & merchandisingCheckout conversionLoyalty & retention
Retail visual
07InsuranceClaims · Policies · Compliance

Automate claims, policies, and compliance.

Claims automationPolicy managementQuote & underwriting flows
Insurance visual
08Compliance & GovernanceAudits · Risk · Controls

Simplify compliance, audits, and risk management.

Audit workflowsRisk dashboardsPolicy & controls UX
Compliance and Governance visual
09Transportation & LogisticsFleet · Supply chain · Tracking

Optimize logistics and supply chain operations.

Fleet & dispatchShipment trackingWarehouse operations
Transportation and Logistics visual
10EnergyGrid · Monitoring · Sustainability

Energy platforms for monitoring, efficiency, and sustainability.

Monitoring & telemetryUsage analyticsSustainability reporting
Energy visual
✳  TOOLS & EXPERTISE

The tools I design and build with, end to end.

Logo
Figma
Logo
Claude
Logo
Webflow
Logo
Framer
Logo
Adobe XD
Logo
v0
Logo
Gemini
Logo
Photoshop
Logo
Illustrator
Logo
Sketch
✳  FAQS
Is this just AI-generated design?

No. The direction, structure, and every judgment call are mine. Claude is the production surface — it removes the drawing time, not the design thinking.

What do I actually receive?

A working, responsive interface you can open in a browser, plus the source files, assets, and a direction document your team builds from.

Can you match our existing brand?

Yes. I start from your tokens, type, and components so the output sits inside your identity rather than beside it.

How fast is a round?

A first set of real screens usually lands within a week of the kickoff, and we iterate weekly from there.

See it as a real interface.

Send me the brief — I'll come back with clickable screens, not a slide of mockups.