←All Work
01

01 / 03 — B2B SaaS Platform

DealerAssist

Letting dealerships run a modern website without needing a web team.

Role

Product Designer

Timeline

[TODO]

Year

2025

Team

[TODO]

“Dealership marketing staff needed a way to launch and edit a modern site without filing a ticket to an agency for every change.”

Overview

DealerAssist gives dealership staff a self-serve site editor built on the same component system their public pages render from.

The constraint: it had to work for non-technical staff on day one, without flattening what the platform could do for power users later.

My Role

Product Designer

Timeline

[TODO]

Team

[TODO]

Tools

FigmaFigma MCPClaudeReact

Deliverables

  • Platform IA
  • Design system extension
  • Editor UI
  • Onboarding flow
AI-native process
Figma MCP
Claude-anchored prompts
Prototype & build

Design tokens came out of the live Figma file via the Figma MCP, so the component states Claude scaffolded were never out of sync with what design actually shipped.

Prompts were anchored to real frames rather than written in the abstract, which meant iteration happened directly against working UI instead of a separate spec document.

Process

4 phases
01Discovery

Research

  • [TODO]
  • [TODO]
Segment
Count
Score
02Structure

Wireframes

  • [TODO]
  • [TODO]
03System

Design

  • [TODO]
  • [TODO]
04Handoff

Delivery

  • [TODO]
  • [TODO]
Handoff specs
Font size14px / 1.6
Spacing8px grid
Radius8px / 12px
Shadow0 2px 8px 0%
Duration200ms ease-out
Components
ButtonCardInputModalToastNav

Gallery

Screens
Section settings
Publish flow

Outcomes

Results
[TODO]

Time to first published edit

[TODO]

Support tickets avoided

Next Project

DealerAssist Templates

Template System — 2025