All Work
02

02 / 03Template System

DealerAssist Templates

A template system dealerships can make their own in minutes, not weeks.

Role

Product Designer

Timeline

[TODO]

Year

2025

Team

[TODO]

Every new dealership site started from a blank file and a multi-week build — even when most of the layout matched the last site that shipped.

Overview

DealerAssist Templates turns that repeated groundwork into a library dealers pick from and re-theme, instead of rebuilding from scratch.

The constraint: templates had to stay visually distinct enough that dealerships didn't feel like they were running someone else's site.

My Role

Product Designer

Timeline

[TODO]

Team

[TODO]

Tools

FigmaFigma MCPClaude

Deliverables

  • Template library
  • Theming system
  • Preview flow
  • Deploy pipeline
AI-native process
Figma MCP
Claude-anchored prompts
Prototype & build

Each template's structure was pulled directly from Figma via the Figma MCP, so the preview environment Claude built could stay pixel-accurate to the design file as templates were added.

New template variants were prototyped by prompting against existing frames rather than starting a new build from zero each time.

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
Theming controls
Deploy flow

Outcomes

Results
[TODO]

Time to launch a new site

[TODO]

Templates in the library

Next Project

DealerChat

Product Module2025