Auto Parts CRM

Project type
Internal product
Stage
Established operator
Deliverables
Product strategy, UX / UI design, custom software, workflow automation
Auto Parts CRM Dashboard

01Dashboard

The CRM in use — dashboard, leads, orders, invoicing, shipments, and access, cycling through the shipped interface. All customer records shown are sample data.

Introduction

Intracia Technologies runs MEE Auto Parts, a US aftermarket parts operation where a single sale touches quoting, order entry, invoicing, e-signature, carrier handoff, and payment follow-up.

The team was fast on the phone and slow on the paperwork. Leads were tracked in one place, orders in another, invoices in a third, and shipping status nowhere at all. Every handoff between those systems was a re-typed record and a chance to lose a sale.

We designed and built the CRM that holds all of it on one record — from the first inbound call to a signed invoice and a tracked delivery.

The vision

Replace six tools with one operating system for the business. We mapped the real path of a part — inquiry, quote, order, invoice, signature, carrier, delivery, payment — and built a single application around that path.

The measure of a CRM is not how much it can store. It is whether the person on the phone can see the next action without opening a second tab.

Design principle behind the Auto Parts CRM

Sweating the details

A tool people live in for eight hours a day earns its keep in the small decisions — where an action sits, what a colour means, how much a table can carry before it stops being readable.

  1. The number first, the label second

    Every card leads with the figure at display weight, then explains it. A manager scanning the dashboard reads values before they read words.

  2. Status is a colour, not a sentence

    In transit, invoiced, active, converted — each state has one chip treatment used identically across leads, orders, shipments, and users.

  3. Actions sit on the object they act on

    Invoice controls live on the order. Convert-to-order lives on the lead row. Nothing important hides behind a menu two levels deep.

  4. Dense, but never cramped

    Tables carry eight columns at a comfortable 44px row height, on a soft blue-white canvas that keeps long shifts easy on the eyes.

Palette

  • Action blue#2563EBPrimary actions, links, active nav
  • Ink#0B1830Headings and figures
  • Slate#66748BBody copy and helper text
  • Confirm#0F7A4DPaid, active, invoiced states
  • Attention#D97706Follow-ups and partial payments
  • Exception#DC2626Delays and outstanding balance
Orders
AdminLogout
Invoice Management

Generate, view, and download the purchase invoice.

Back to orders
Invoiced View Invoice Download Invoice (PDF) Edit Invoice Resend Signature Request Generate New Signing Link

Order details

Compact order, customer, vehicle, pricing, billing, and shipping details.

Basic Order Info

Order numberMAP08042603
Advisor nameAdmin User
DateAug 5, 2026

Customer Info

NameJohn Doe
Mobile(555) 010-1234
Emailjohn.doe@example.com

Vehicle / Part Info

Parts2026 Grenadier Grenadier Base Alternator Bracket
MakeGrenadier
ModelGrenadier Base
Year2026
VariantBase
VIN1HGBH41JXMN••••••
Notes & Edit History Add Note

Newest activity stays visible while reviewing order details.

Notes timeline9
Added noteAug 5, 2026, 1:25 AMAdmin User

New invoice signing link generated: MAP08042603

Added noteAug 5, 2026, 12:47 AMAdmin User

Invoice signature request resent: MAP08042603

Added noteAug 5, 2026, 12:44 AMAdmin User

Invoice generated and sent for signature

Invoice generation, PDF download, editing, signature requests, and fresh signing links sit in one row of controls — and every action writes to the timeline beside it.

Old meets new

Four places where a sale quietly leaked, and what replaced each one.

  1. 01Lead captured
  2. 02Quoted
  3. 03Converted
  4. 04Order built
  5. 05Invoiced
  6. 06Signed
  7. 07Shipped
  8. 08Reported

Prototyping the possibilities

Six screens do the whole job. Every interface below is the shipped design, populated with sample records.

Dashboard

A command center built around the next action

Pipeline health, open follow-ups, shipment alerts, and revenue signals in one view — scoped to whoever is signed in.

Every card leads with the figure at display weight, then explains it. A manager scanning the dashboard reads values before they read words.

Auto Parts CRM Dashboard
Leads

Every inquiry captured with a status that means something

Six pipeline stages, adviser ownership, quote value, and a one-click path from a qualified lead into a live order.

Prospect, quoted, call back later, shopping around, needs locally, and we don't sell. Losses are recorded with a reason so the pipeline reflects reality instead of optimism.

Leads
John Doejohn.doe@example.comSales17Logout

Leads workspace

Create leads, track conversion readiness, and push qualified work into orders.

Date filterAll time
Create lead
Search by customer, email, phone, adviser, CMPT, state, or vehicleAll leads All statuses
DateCustomerPhone no.VehicleQuoteStatus
Jul 29, 2026John Doe(555) 010-12342004 Honda Civic$12.00ConvertedView order
Jul 29, 2026Jane Roe(555) 010-22452004 Honda Civic$12.00Call back later Edit Convert to order
Jul 28, 2026Sam Carter(555) 010-33902004 Honda CivicCA$12.00Needs locally Edit Convert to order
Jul 28, 2026Alex Moore(555) 010-4417--$12.00We don't sale Edit Convert to order
Jul 24, 2026Chris Blake(555) 010-55282004 Honda Civic$1,000.00Prospect Edit Convert to order
Jul 22, 2026Pat Rivera(555) 010-66342004 Honda Civic$12.00Prospect Edit Convert to order
Jun 22, 2026Dana Fox(555) 010-7742--$575.00ConvertedView order
Jun 22, 2026Richard Roe(555) 010-8859--$2,460.00ConvertedView order
Jun 22, 2026Mary Major(555) 010-9961--$2,400.00Prospect Edit Convert to order
1-9 of 9 leads
PreviousPage 1 of 1Next
Orders

Orders that carry the whole story

Order number, customer, part, sale value, and live shipping status in a single searchable table with date scoping.

Adviser, customer, vehicle, VIN, variant, pricing, billing, and shipping live together — searchable by order number, customer, email, or part.

Orders
John Doejohn.doe@example.comSales17Logout

Orders table

Date filterAll time
Create order
Search by order number, customer, email, or partAll shipping statuses
OrderCustomerPartTotal sale amountShipping status
MAP08042602Created Aug 4, 2026, 10:45 PMJohn Doe2004 Honda Civic XL$12.00No shipment EditView
MAP07272604Created Jul 28, 2026, 4:18 AMMary Major2017 Dodge Truck-1500 Bumper Assy Front, Tradesman, painted cover (fog lamps)$2,000.00No shipment EditView
MAP07022601Created Jul 2, 2026, 4:07 PMRichard RoeHonda Civic$2,800.00In transit EditView
MAP06232601Created Jun 23, 2026, 9:31 PMJane Roe2008 Subaru Legacy Engine 2.5L (VIN 6, 6th digit), SOHC, MT, Federal emissions$2,460.00No shipment EditView
1-4 of 4 orders
PreviousPage 1 of 1Next
Invoicing

Invoice, signature, and audit trail in one place

Generate, send, re-send, and re-sign an invoice without leaving the order — every action written to the notes timeline.

The invoice panel exposes every action a sales admin actually needs, and each one writes to a timeline with author and timestamp. Disputes get answered from the record.

Orders
AdminLogout
Invoice Management

Generate, view, and download the purchase invoice.

Back to orders
Invoiced View Invoice Download Invoice (PDF) Edit Invoice Resend Signature Request Generate New Signing Link

Order details

Compact order, customer, vehicle, pricing, billing, and shipping details.

Basic Order Info

Order numberMAP08042603
Advisor nameAdmin User
DateAug 5, 2026

Customer Info

NameJohn Doe
Mobile(555) 010-1234
Emailjohn.doe@example.com

Vehicle / Part Info

Parts2026 Grenadier Grenadier Base Alternator Bracket
MakeGrenadier
ModelGrenadier Base
Year2026
VariantBase
VIN1HGBH41JXMN••••••
Notes & Edit History Add Note

Newest activity stays visible while reviewing order details.

Notes timeline9
Added noteAug 5, 2026, 1:25 AMAdmin User

New invoice signing link generated: MAP08042603

Added noteAug 5, 2026, 12:47 AMAdmin User

Invoice signature request resent: MAP08042603

Added noteAug 5, 2026, 12:44 AMAdmin User

Invoice generated and sent for signature

Shipments

BOL and PRO tracking with exceptions pulled forward

Delayed shipments are counted separately from in-transit ones so the team works the exceptions first.

The shipment view counts in-transit and delayed loads separately, so the team opens the day on the shipments that are slipping, not the ones that are fine.

Shipments
AdminLogout
Created dateFilter records by a preset window or a custom date range.
RangeAll time
Total matching shipments1Search and filters are backed by the Shipments API.
In transit on this page1Use this to focus the active delivery workload first.
Delayed on this page0Delays are surfaced separately for fast exception handling.

Shipment table

Track BOL and PRO numbers, carrier details, and shipment progress.

Search by BOL, PRO, carrier, order, or customerAll statuses
BOLPROCarrierCurrent statusTracking
BOL-65165165Updated Jul 2, 2026, 4:12 PMPe2626256Carrier pendingOrder MAP07022601In transit0 events | 0 notesView
1-1 of 1 shipments
PreviousPage 1 of 1Next
Access

Role-based access the admin controls

Admins, sales agents, and shipping accounts each see a different app — created and revoked from one screen.

Admins create sales agents and shipping accounts with status control — no developer involvement to onboard or revoke a user.

User Center
AdminLogout

User Center

Manage team access, user details, and secure password updates.

Add user

Create New User Account

Admins can create sales agents and shipping accounts from this workspace.

Sales and shipping accessChoose the right role for each new team member before they sign in.
Create User Account
Team

All Users

14 users registered in the system.

NameEmailRoleStatus
JDJohn Doejohn.doe@example.comShipping AccountActive
JRJane Roejane.roe@example.comShipping AccountActive
RRRichard Roerichard.roe@example.comShipping AccountActive
MMMary Majormary.major@example.comSales AgentActive
SCSam Cartersam.carter@example.comSales AgentActive
AMAlex Moorealex.moore@example.comShipping AccountActive
PRPat Riverapat.rivera@example.comSales AgentActive

Outcomes

What the team got.

Built with

Next.js · React · TypeScript · Node.js · REST APIs · PostgreSQL · PDF generation · E-signature flow · Role-based auth

Have a workflow that lives in six tools?

We design and build internal systems that hold an entire operation on one record — from first inquiry to final payment.