AUTHORING THE
CONVENTIONS A
PLATFORM
RUNS ON

Lead design work sits upstream of components: deciding which patterns earn a place, writing the rubric teams reason with, and setting the design-to-engineering contract so work ships without ambiguity. Four threads where I set the convention, each now adopted product-wide.

Role
Lead Product Designer
Discipline
Pattern authoring, design ops, lifecycle design
Context
Enterprise B2B SaaS platform
Status
In use product-wide; lifecycle gates newly adopted
THREAD 01 / 04
Layout convention
ResultAdopted product-wide as the layout standard
3
DecisionDivergent layout families collapsed into one workbench: split-screen, single-column cards, card grids
The problem

Every creation flow had drifted into its own layout: split-screen workbenches, centered single-column cards, floating card grids. New surfaces had nothing to build against, so the product felt like several products stitched together.

What I did

I established the split-screen workbench as the standard: scrollable form on one side, sticky live preview on the other, responsive breakpoints instead of a rigid ratio. A variant switcher pinned atop the preview, a summary tab replacing the old review page, and inline error indicators on any tab with validation issues turned the layout into a system. Bringing the outlier flows into line made the convention hold platform-wide, so teams across the product now build against it instead of reinventing it.

A shared layout lets a new surface feel familiar on day one. Design principle, layout standardization
Demo. The convention in use: looping, no audio. Open full size ↗
BEFORE THE STANDARD INLINE ERROR BEFORE: EVERY FLOW ITS OWN NEW SURFACES HAD NOTHING TO BUILD AGAINST SPLIT-SCREEN CENTERED CARD CARD GRID ...AND MORE ONE STANDARD THE SPLIT-SCREEN WORKBENCH SCROLLABLE FORM ONE SIDE, STICKY LIVE PREVIEW THE OTHER FORM ERRORS INLINE, NOT ON REVIEW VAR A VAR B VAR C LIVE PREVIEW VARIANT SWITCHER PINNED, SUMMARY TAB REPLACES THE OLD REVIEW PAGE ADOPTED PRODUCT-WIDE
Fig. Divergent layouts converged into one split-screen workbench, adopted product-wide
THREAD 02 / 04
Navigation rubric
ResultAdopted product-wide as the default for stepper-or-tabs calls
60%
DecisionOf users created a single item in a flow that forced a multi-step stepper
The problem

Teams relitigated the same question on every flow: stepper or tabs? With no shared rule, a flow that supported saving partway through would still force users down a rigid linear path because that's what the last flow used.

What I did

I authored the rubric the team now builds to: steppers for strictly linear flows where steps must be completed in order, tabs for non-linear, save-as-draft flows where users move between sections freely. Usage data grounded it; one flow forced every user through a multi-step stepper even though sixty percent created just a single item. Applying it where steppers fought save-as-draft behavior fixed the misfits, and teams across the product carried it forward as their default reasoning, so the same debate doesn't restart on every flow.

Let the user's freedom to move decide the pattern. Navigation decision rubric
STEPPER TABS MISFIT FIXED THE RUBRIC ONE QUESTION, ANSWERED PER FLOW A NEW FLOW MUST STEPS HAPPEN IN ORDER? YES NO STEPPER STRICTLY LINEAR, IN ORDER TABS SAVE AS DRAFT, MOVE FREELY THE TEAM BUILDS TO THIS NOW, NO RELITIGATING GROUNDED IN USAGE DATA PICKED THE RULE, NOT TASTE ONE FLOW FORCED EVERYONE THROUGH A MULTI-STEP STEPPER 60 PERCENT CREATED JUST ONE ITEM REBUILT TO THE RUBRIC THE PATH NOW MATCHES THE FLOW
Fig. The rubric: steppers for linear flows, tabs for free movement, grounded in usage
THREAD 03 / 04
Source-of-truth standard
ResultThe handoff standard teams work to, product-wide
3
DecisionThings every ticket must carry: affected paths, expected behavior, a design reference
The problem

Design decisions lived in scattered chat threads and verbal agreements, so engineering tickets carried ambiguity and rework. The same questions resurfaced at handoff because no single reference defined what a surface should be.

What I did

I made the design file the source of truth, with tickets anchored to it and the reasoning behind each decision documented alongside the work. The bar for a good ticket: specific affected-area paths, explicit expected behavior, a design reference. That gives engineering what it needs to build without coming back to ask, and the contract gave the team a reusable definition of done.

The best specs are the ones engineering can ship without asking me a single question. Design-to-engineering contract
SCATTERED SOURCE OF TRUTH TICKET BEFORE: SCATTERED DECISIONS IN THREADS AND VERBAL AGREEMENTS SAME QUESTIONS AT EVERY HANDOFF AMBIGUITY IN, REWORK OUT ONE FILE, EVERY TICKET ANCHORED SO ENGINEERING CAN BUILD WITHOUT COMING BACK TO ASK THE DESIGN FILE DECISIONS + REASONING, DOCUMENTED TICKET PATHS / BEHAVIOR / DESIGN REF TICKET PATHS / BEHAVIOR / DESIGN REF TICKET PATHS / BEHAVIOR / DESIGN REF TICKET PATHS / BEHAVIOR / DESIGN REF THE BAR FOR A GOOD TICKET: SPECIFIC PATHS, EXPECTED BEHAVIOR, A DESIGN REFERENCE
Fig. The design file as source of truth, every ticket anchored to it
THREAD 04 / 04
Lifecycle checkpoints
5
ScopeFailure patterns documented in a source-based handoff audit
3
DecisionPhase gates authored: discover, plan, build, each with entry criteria and owners
2
DecisionStanding rituals created: a biweekly design × eng sync, deep dives on demand
The problem

Design, research, and content kept entering after scope was set. Engineering kicked off with open questions, mid-build cuts had no path upstream, and the same handoff failures repeated. Everyone felt it; nobody had named it.

What I did

I audited the handoff against real projects, from meeting transcripts to tickets to shipped work, and named five recurring failure patterns. The audit made the case for lifecycle checkpoints: discover, plan, and build gates with explicit entry criteria and named owners, so engineering starts from documented design and research instead of assumptions. A gate only catches what a team brings to it, so “Designin’ With Dani” came next: a biweekly design × engineering sync where in-flight work is reviewed while it’s still shapeable, with deep dives when a decision needs the full room.

A checkpoint is just the moment the team agrees the work is ready to build. The standing sync is how it gets ready. Process design principle
FAILURE PATTERN GATE STANDING SYNC THE AUDIT FIVE FAILURE PATTERNS, TRACED TO SOURCES DESIGN ENGAGED TO EXECUTE, NOT SHAPE SCOPE CUT MID-BUILD, NO WAY UPSTREAM CONTENT AS A LATE-STAGE ADD-ON KICKOFFS WITH OPEN QUESTIONS PROCESS DEFINED, NOT ENFORCED THE CHECKPOINTS ENTRY CRITERIA, NAMED OWNERS DISCOVER EVIDENCE IN HAND PLAN SCOPE SIGNED OFF BUILD READY TO SHIP NO KICKOFF WITHOUT DOCUMENTED DESIGN AND RESEARCH THE STANDING SYNC BIWEEKLY DESIGN × ENG · IN-FLIGHT WORK, STILL SHAPEABLE · DEEP DIVES ON DEMAND ALIGNMENT BETWEEN THE GATES, NOT JUST AT THEM BUILT SO THE SAME FAILURES STOP REPEATING
Fig. Five failure patterns audited into three gates, with a standing sync between them
A-2 / CASE STUDY
← ALL CASE STUDIES