Vehicle Custom.

Vehicle Custom.

Vehicle Custom.

1 of 6 B2B Customization Workflows

1 of 6 B2B Customization Workflows

1 of 6 B2B Customization Workflows

Vehicle Custom.

1 of 6 B2B Customization Workflows

Vehicle Customization Types

BKT received customization requests by phone, email and WhatsApp. 2 owners handled all 6 by hand, with no tracking and no way to edit a request after submission. I designed the Customization Requests module inside BKT ToolBox & EasyHub to replace this setup. This case focuses on the vehicle workflow, designed as the template for the other 5.

BKT received customization requests by phone, email and WhatsApp. 2 owners handled all 6 by hand, with no tracking and no way to edit a request after submission. I designed the Customization Requests module inside BKT ToolBox & EasyHub to replace this setup. This case focuses on the vehicle workflow, designed as the template for the other 5.

Client:

BKT

My Role:

Sole UX/UI Designer

Year:

2025 – 2026

Team:

1 Designer (me), 1 Product Manager, 2 Frontend, 3 Backend, 2 BKT Owners, 2 Graphic Design Contractors

Reading Time:

~7 min

Service Provided:

Discovery, UX Design, Testing, UI Design, Design System

BKT Logo
The Challenge


BKT processes customization requests for Vehicles, Store, Printed Materials, ADV, Video and Exhibitions. Each one had its own rules, file formats and approval steps, but every request used the same broken process.


Vehicle Flow Specifically


  • Distributors had no clear guidelines on what BKT needed for each request

  • Requests came in by phone, email or WhatsApp, often missing key information

  • Once submitted, requests could not be tracked or edited

  • Owners had no system to assign requests, so the same person often handled every step, from first message to print file

  • Each request needed multiple follow-ups before owners could move forward




Understanding The Users


Before designing, I worked with the PM, BKT owners and Graphic Design contractors to map 3 user types, each with different goals, tasks and problems.


Distributors / Tire Dealers – Submitters


External users sending requests from dealerships worldwide. Busy, mixed digital skills, no training.

Design implications: guidelines before the form, a simple step-by-step form and a draft mode.


BKT Owners – Request Managers


2 people running every request worldwide, from first message to final file.

Design implications: 1 inbox per flow, clear status for each request and in-request comments for missing info.


Graphic Design Team – Producers


Contractors who make the artwork and print files. No contact with distributors.

Design implications: a clean handoff between owner and designer. The designer starts at "Accepted", delivers at "To be approved", finalises at "Final preparation".




Process


I worked with the PM, BKT Owners, Development Team and Graphic Design Contractors over 8 months. Each of the 6 flows took around 6 weeks, end to end, with 3+ rounds of review per flow.


My work covered information architecture, user flows, wireframes, UI design, modular components for the existing BKT design system, full frontstage and backstage state mapping, edge case documentation and complete dev handoff with specs.


I was the only designer in a cross-functional team. Design and development happened together, every day.




Before The Design


2 diagrams came before any screen. The first mapped the module structure, the second mapped the request lifecycle. Every design decision that follows starts from these 2.


Module Architecture


High-level view, mapped first to define what the module had to support. 6 request types, 3 entry points, 1 shared flow pattern. A detailed version was delivered to the dev team.


Information Architecture (High Level)


6 types, 1 shared flow. Each request handles 1 item. The elements within each type are different, but the flow remains the same.


**Singularity is structural, not copy: singular labels, no "Add another" button. The PDF guidelines say it once.


Request Lifecycle


Mapped to define the behavior of a request. Simplified into 7 phases here, with 2 parallel views for distributor and BKT, kept in sync by non-instant messaging. The full 14 states are mapped below.


Request Lifecycle


The distributor sees friendly labels, BKT sees operational states. Non-instant messaging keeps both sides moving without blocking each other.


State Mapping


All 14 states of the request lifecycle, each with role and action. The mapping became the reference document for dev handoff.


Frontstage: label visible to the actor

Backstage: internal system state

Actor: who triggers the next state change


Frontstage

Actor

Action Required

Backstage

Phase 1 – Submission

Draft

User

Edit draft →

Deleted

User

Deleted

Submitted

User

Change request →

Pending

Received

BKT

Received

Phase 2 – Decision

Accepted

BKT

Accepted

Rejected

BKT

View reason →

Rejected

Phase 3 – Production loop ↻

Processing

BKT

Processing

Waiting

BKT

Waiting

Phase 4 – Approval

To be approved

User

Review request →

To be approved

Approved

User

Approved

Phase 5 – Finalization

Final preparation

BKT

Final preparation

Phase 6 – Distribution

Ready

User

Download material →

Ready

Expired

User

Expired

Completed

User

Completed


**Processing and Waiting alternate during the production-review cycle, until the design is Approved.




Three Principles


3 principles guided every design decision in the module:


  1. Self-service by design. Distributors contact BKT only at decision points. Most requests arrive complete on first submission.

  2. Single hub, six flows. One architecture, 6 configurable flows. The vehicle flow is the template for the other 5.

  3. Clear workflow. Owner accepts or rejects, designer produces, distributor reviews. No shared inboxes, no overlap, no ambiguity.




Design Decisions


7 decisions, 1 principle: trust the distributor. No asterisks, no forced order, no per-step validation. The summary catches what's missing at submit.


  1. Vehicle type drives the form. Choosing truck, van or car up front shapes every field that follows.

  2. Downloadable guidelines. A PDF lists every input the form needs, so distributors arrive prepared. Fewer incomplete requests.

  3. Free navigation, no wizard. Distributors fill steps in any order. A rigid wizard would block the request.

  4. Draft mode for unfinished requests. Save and finish later. No half-empty submissions.

  5. One final review screen. A summary lists every value before submission. Missing or wrong fields are flagged in place. Validation runs once at submit, not step-by-step.

  6. Two-hour edit window after submission. Distributors can fix mistakes within 2 hours. After that, the request is locked. Submit only when ready.

  7. Ten-day download window for print files. Heavy files expire after 10 days. Owner re-uploads the approved file on request.




Vehicle Workflow Solution


The vehicle form runs in 5 steps. The design rests on 1 move: the form asks for what only the distributor knows. Everything else, the system handles. The same approach shaped the other 5 flows.


Step 1: Vehicle


Step 1: Vehicle Details


Vehicle. Brand, model, year and colour set the context. Each upload slot pairs with a reference image labelled by view (left, right, front, back). Status badges show what's done and what's missing.


Step 2: Customization


Step 2: Customization Tires


Tires. 2 ways to customize graphic from the segment chosen earlier: BKT’s default setup, or a custom selection from the filtered list.


Step 2: Customization Background


Background. The options come from the tire range chosen earlier, so the distributor only sees backgrounds that fit the vehicle.


Step 3: Sizes


Step 3: Vehicle Sizes


Sizes. Every measurement point on the vehicle has a label (A, B, C, D) and a matching input field. The distributor selects the unit of measurement before starting.


Step 4: Additional Info


Step 4: Additional Info


Additional Info. Optional branding and notes. Logos in vector format (.svg, .eps, .pdf), plus any extra info.


Step 5: Confirm


Step 5: Confirm


Confirm. The summary consolidates every value entered. Missing or wrong fields are flagged in red with edit shortcuts, keeping the "Submit" button disabled until the request is valid.


My Requests


My Requests List


My Requests. Centralises every customization in 1 list. Status, type, last update and the next required action are visible at a glance. No more phone, email and WhatsApp.




Impact


Customization Requests launches by end of 2026. The module was presented to BKT customers in early 2026 at the annual marketing event, ahead of full release.


Pre-launch outcomes are architectural, not behavioural.


  • Single entry point replacing phone, email and WhatsApp

  • Fully documented state machine covering the request lifecycle

  • Component architecture extending the existing BKT design system

  • 6 flows designed and handed off, approved by PM, dev team and BKT stakeholders

  • Vehicle workflow as the template for the other 5


Behavioural metrics (request completeness, owner workload, distributor satisfaction) will be measured after launch.




Learnings


  1. System maps before screens. Architecture and lifecycle came first, before any UI. Every later decision fit into one system, not separate fixes

  2. Cross-functional handoff is design work too. State docs, edge case maps, component specs were designed as carefully as the screens. The handoff is part of the product.

  3. Pre-launch case studies need a different lens. Without behavioural metrics, the work rests on architecture, decision quality and stakeholder approval. Those become the currency.


8 months on this project showed me one thing: design doesn't stop at the screens. It happens in the state mapping, in the architecture, in the patterns that 5 other flows can build on.




Thanks to: Luciana