Protected case study
Enter password to continue
Password is included in the resume shared with the application.

In Pilot

Tuner: Guided Diagnostics for E-Motorcycles

Tuner: Guided Diagnostics for E-Motorcycles

Tuner: Guided Diagnostics for E-Motorcycles

I led the end-to-end UX design for Guided Diagnostics in Tuner, Zero's B2B service tool, from research through Phase 1 rollout, helping technicians identify and resolve issues with lesser reliance on support.

CLIENT

Zero Motorcycles Inc. | Scotts Valley, CA

Timeline

Jun 2025 · Present

Updated April 2026

My Role

Product Designer

Platform

Desktop Application

Responsibilities

Problem Framing

Research & Synthesis

Design System

Flow & Interaction Design

Team

Shreyas NS | Director Product Experience

Matthew Johnson | CX Lead

Aaron Diep | Product Manager III

Akshay Bharadhwaj | Graphic Designer II

Engineering Team

Shreyas NS

Director Product Experience

Matthew Johnson

CX Lead

Aaron Diep

Product Manager III

Akshay Bharadhwaj

Graphic Designer II

Engineering Team

The Context

The Context

why this project exists

Before Tuner, dealership technicians relied on Diag4Zero, an older diagnostic tool that created heavy dependence on Zero's CX team. Routine troubleshooting queries were repeatedly escalated instead of being resolved at the dealership, leaving Zero's CX technicians without capacity to focus on the complex cases that actually needed them.

The Discovery

The Discovery

understanding the problem

Given the fast-moving launch timeline and limited technician availability, I began with focused interviews and field observations to surface recurring patterns and the mental models technicians use when diagnosing issues, supported by desk research where needed.

What interviews revealed…

Technicians operate in an action-first mindset

They want to act through steps, not read them.

EV diagnostics remove sensory cues

Without engine noise or smell, technicians rely entirely on data readings, increasing uncertainty.

The tool felt intimidating, not supportive

Technicians felt less confident in their decisions.

Guidance most needed at moments of uncertainty

Support should accompany technicians through the unknown.

While interviews revealed how technicians think and feel about diagnostics, field observations helped surface how these challenges played out in real workflows.

What field observations revealed…

Navigation and information architecture slow down workflows

The tool surfaces data but does not support decisions

Error messages lack context and actionable clarity

Effective use depends heavily on prior expertise

A clear tension emerged: Technicians want to act with confidence, but the diagnostic tool forces them to interpret complex information before they feel ready to act.

The core mismatch..

Current tool reality

  • Surfaces raw system data without interpretation
  • Assumes deep technical knowledge from the user
  • Requires manual interpretation of every reading
  • Offers limited guidance for decision-making

Technician reality

  • Prefers acting over reading through steps
  • Needs confidence before taking action
  • Experiences uncertainty with digital-only cues
  • Needs support at moments of doubt

How might we transform diagnostic tools from data viewers into decision-support systems that help technicians confidently interpret system information and progress independently?

The Key Idea

The Key Idea

guided diagnostics

Technicians want less guesswork. The business wants more consistency.

Technicians want less guesswork. The business wants more consistency.

Guided Diagnostics could addresses both. Technicians get step-by-step decision paths that remove the guesswork from diagnosis, and Zero gets a consistent, auditable service process across every dealership.

Where Guided Diagnostics fits in the workflow

Connect Bike

Technician connects the diagnostic interface to the motorcycle

Auto Health Check

System scans all ECUs automatically

Auto Gather Logs

Fault codes and system data are surfaced

Present Faults

Identified faults shown in a prioritised list

Guided Diagnostics

design focus

Structured decision paths help technicians isolate and resolve issues independently

Share Knowledge

Outcome is logged and shared across the dealership network

Guided Diagnostics is the new layer designed to sit between raw fault data and technician action, turning information into guided, confident decisions.

While working on other parts of Tuner in parallel, I was shaping the design system that the tool runs on, defining component patterns, navigation structure, and visual hierarchy to support a consistent experience across the tool.

From Assets To A System

From Assets To A System

building the foundation

Tuner had basic visual assets but no shared system holding them together. I structured these into reusable patterns and extended the component library to support more complex workflows across the tool.

Tuner had basic visual assets but no shared system holding them together. I structured these into reusable patterns and extended the component library to support more complex workflows across the tool.

With that foundation running in parallel, I began translating the diagnostic logic into early interface concepts, focusing on decision paths that would tell technicians exactly what to do next.

Early Design Directions

Early Design Directions

translating the idea into interfaces

I translated the core symptom flows into early mockups to define the information architecture and navigation. These initial designs focused on clarifying decision paths so technicians could understand what to do next.

Early snapshots for Flow: Bike does not key on (Cypher III)

Screen 1/11

Screen 2/11

Screen 3/11

Iterations and Refinement

Iterations and Refinement

testing and improving

To validate the workflow, I ran a lightweight usability test with 2 technicians to refine its logic and structure.

Compared to early exploration screens, this iteration focused on strengthening decision support and reducing cognitive load:


• Diagnostic procedures were restructured into clear, sequential steps
• Decision points were explicitly separated from action steps
• Progress tracking made workflow state visible to technicians
• Supporting materials integrated directly within each step

Compared to early exploration screens, this iteration focused on strengthening decision support and reducing cognitive load:


• Diagnostic procedures were restructured into clear, sequential steps
• Decision points were explicitly separated from action steps
• Progress tracking made workflow state visible to technicians
• Supporting materials integrated directly within each step

Key insights from testing

  • Technicians were dropped into root causes without context, making it hard to orient before diagnosing
  • The system was leaving test value interpretation entirely to the technician
  • Support materials were always visible and adding visual noise to each step
  • Root causes had no numbering, making it hard to track progress through a diagnosis

What changed as a result

  • Diagnostic procedures restructured into clear, sequential steps before root causes are shown
  • System now interprets test values automatically, reducing cognitive load on technicians
  • Supporting materials moved to optional expandable sections within each step
  • Root causes are now numbered, giving technicians a clearer sense of structure and progress

Iterated Mockups for Flow: Bike does not key on (Cypher III)

Screen 1/15

Screen 2/15

Screen 3/15

Designing for Scale

Designing for Scale

not just screens

In parallel with testing, I began translating recurring patterns into reusable templates to ensure the workflow could scale beyond a single scenario.

Guided Diagnostics State Machine

Guided Diagnostics State Machine

Check
Analysis
Repair
Verify

Guided Diagnostics Template Screens

Check Screen 1

Check Screen 2

Check Screen 3

Analysis Screen

Repair Screen

Pop Up Screen

With these templates established, the workflow scaled to over 400 screens while maintaining consistency across diagnostic flows.

Final Designs

Final Designs

the shipped experience

The final system integrates structured diagnostic logic with reusable UI patterns to deliver a scalable, decision-support workflow.

Final Mockups for Flow: Bike does not key on (CIII)

Root Cause 1 Check

Final screen 1

Root Cause 1 Analysis

Final screen 2

Root Cause 2 Check 1

Final screen 3

Root Cause 2 Check 2

Final screen 4

Root Cause 2 Check 3

Final screen 5

Root Cause 2 Analysis

Final screen 6

Where this landed

Where this landed

early results

In pilot · 15 dealerships

Early signal

27%

fewer support calls

Measuring at full launch

Root cause accuracy

Pending

Did the guidance lead to better decisions?

Diagnostic completion time

Pending

Did independence translate to speed?

Time-to-repair

Pending

Did it result in faster fixes for customers?

Takeaway

Takeaway

what this taught me

The hardest design problems aren't about the interface. They're about earning trust one step at a time.

The hardest design problems aren't about the interface. They're about earning trust one step at a time.

Do you have a project in mind?

Let's work together.

Click to copy:

© 2026 by Ruthvik Panchakshari

|

Seattle —

Do you have a project in mind?

Let's work together.

Click to copy:

© 2026 by Ruthvik Panchakshari

|

Seattle —

Do you have a project in mind?

Let's work together.

Click to copy:

© 2026 by Ruthvik Panchakshari

|

Seattle —