← Work Caliber Collision · Barbarian · 2021

Caliber Collision

Putting the customer first, online and in-store — for a company where the service starts with a crisis.

Role
UX Lead
Employer
Barbarian
Scope
Research · UX strategy · Experience principles · IA · Navigation design
Note
Exited before final visual design. Work shown is strategy and information architecture.
Caliber Collision — Repair. Care. Glass.
🔒 calibercollision.com
Caliber Collision website — unified homepage merging Collision, Auto Care, and Auto Glass under one experience
The Challenge

Caliber is a collision repair and auto care company with multiple lines of business — Collision, Auto Care, Auto Glass — each operating its own siloed website. The digital experience was organized around how the business worked, not how customers thought.

The customers themselves were often in crisis. After an accident, dealing with insurance, or facing an unexpected repair, they arrived stressed, unfamiliar with the process, and without the knowledge to evaluate their options. As one stakeholder put it:

The collision business is anything but simple. The website experience needs to be.

Client stakeholder

The brief: unify three brands under one digital experience and make Caliber’s services approachable for people who may be having one of the worst days of their week.

Five phases, strategy through design 2021
Discovery
Competitive Audit + Customer Research
In-category and out-of-category competitive audit. Stakeholder interviews. Customer mindset mapping across trauma, disruption, avoidance, and power imbalance.
Brand Architecture
Experience Strategy
Consolidated three siloed brand sites into a single branded house. Defined how Collision, Auto Care, and Auto Glass would coexist under one Caliber experience.
Principles
Experience Principles + Opportunities
Five experience principles developed from research. Insight-to-opportunity mapping that translated customer psychology into UX strategy.
Navigation + IA
Information Architecture + Navigation
Site architecture organized around customer needs. Mega menu structure, “Get Started” entry flow, and content hierarchy prioritized using MoSCoW framework.
Exited project
Design
Wireframes + Design Development
Continued by the team. Wireframes and visual design built on the strategy, principles, and architecture delivered in earlier phases.

The rest of this case study is password-protected.

Understanding the Customer

Before proposing any solutions, I needed to understand the emotional space customers were operating in. Stakeholder interviews and customer research revealed four distinct mindsets that shape how people interact with auto repair services.

The customer’s mindset
Caliber’s journey is unique in the complexity of its barriers. The customer’s context and circumstances place tensions throughout the journey, raising expectations and amplifying pain points. The instincts and inertia customers experience is what the site is up against, not other shops.
Trauma Heightened emotion, processing impairment, exhaustion
“It takes tremendous energy to keep functioning, while carrying the memory of terror and the shame of utter weakness and vulnerability.”
Disruption Irritated at the inconvenience of a day-week-month ruiner
“Frustration and overwhelmed — in that moment, something you are not expecting and then everything is getting flipped upside down.”
Avoidance High avoidance and pressure creates resistance and cynicism
“The whole process is about ripping the band-aid off. It’s always bad.”
Power Imbalance Knowledge gap exaggerates feelings of helplessness
“Overwhelmed with the unknown. You have to go with what they say. You are like HOLD ON and you feel like you are being hustled.”

This is the emotional space the experience is designed to navigate. Every UX decision responds to it.

These mindsets reframed the entire project. The site wasn’t competing with other shops. It was competing with the instincts and inertia that make people disengage, avoid, or rush through decisions they don’t feel equipped to make.

That understanding surfaced five opportunities — each one a direct response to something customers told us.

Opportunities
Understanding what matters most to customers surfaces opportunities for differentiation.
Insight Opportunity
Trauma impairs the brain’s ability to process stimuli and filter relevant information
Increase conversion by identifying nuance that triggers flight, and designing interventions to keep people engaged in the moment.
It’s not about doing due diligence, it’s about being able to tell yourself you have
Architect a conversation that checks the right boxes for the customer as quickly as possible.
Service is not that annoying — what’s annoying is having to micromanage
Shift the association from a place I go when bad things happen, to the people I trust to make problems go away.
Accuracy is more important than precision
People don’t know how to evaluate quality of car repair, they only know when it goes wrong. Increase satisfaction by managing expectations.
Knowing how to do the little stuff makes people happier and more self-reliant
Empower customers with a sense of relief and control in knowing they are making informed decisions.
Experience Principles

The research and opportunities became five principles that would govern every design and content decision going forward. Each one addresses a specific tension in the customer’s experience.

Digital experience principles
Exceed expectations by differentiating through an experience only Caliber can provide.
Focus on function
Shorten the distance between problem and solution

Triage customers down actionable paths, never leave them wondering what to do next.

Customers are visiting the site to get a job done, not be educated or marketed to. Limit extraneous information.

Make every interaction as fast and easy as possible.

Respect sensitivity
Recognize customers and value their experiences

Minimize steps and choices whenever possible to reduce cognitive load.

Provide contextual support and interventions to lift barriers and maintain engagement.

Use empathetic language that makes customers feel seen and heard.

Simplify the complex
Demystify auto care, in the customer’s language

Lead with expertise. Take the burden off the customer of figuring out the right solution.

Create intuitive design systems for seamless wayfinding and handoff across lines of business.

Break down information in easily digestible segments and formats.

On my terms
Empower customers with a sense of agency and control

Provide a consistent experience that surfaces personalized content and solutions.

Provide clarity to help customers understand their options and make informed decisions.

Offer choice around human engagement vs. tech-led engagement.

Remove surprises
Deliver transparency and seamlessness

Always tell customers what to expect and manage expectations wherever possible.

Be proactive and direct in alerting customers of problems or changes, and tell them why.

Be transparent. No hidden costs, jargon, or fine print.

These weren’t aspirational guidelines. They were decision-making tools: when a design question came up, the principles gave us a clear north star, supported by actionable examples.

Structuring Around Customer Needs

With the principles established, the next question was structural. How do you organize a site for someone who is under a lot of stress and has a lot of questions, potentially without any background knowledge or prior experience? The approach we took was to clearly define the primary needs of the customer to create clear pathways and solutions that are navigable even under emotional circumstances.

Customer primary needs
Shop
I need a service or product to address an auto care need
I need to know about a repair or service I need to compare prices
Diagnose and care
I have a problem with my vehicle and need help addressing it
I need to understand the process I need to diagnose damage I need to understand my options I need an estimate I need a tow or rental
Price transparency
I need to understand options, service, and costs
I need to understand my estimate I need to understand my options I need to understand payment options I need to understand my deductible I need to understand guarantees
Coordination
I need to manage and track services
I need to find a location I need to schedule an appointment I need to authorize repairs I need to know the status of my repair I need to speak to a human I need to access my repair history
Education
I want guidance to understand and manage my vehicle’s care
I need to educate myself on a repair or service I need to maintain the health of my vehicle I need to troubleshoot a problem with my car

Customer research identified five primary needs. The architecture had to serve all five, regardless of which line of business the customer ended up in.

Key decisions

  • One Caliber, not three. Consolidated the separate LOB sites into a single branded experience. Collision, Auto Care, and Auto Glass became services under one roof, not separate destinations.
  • “Get Started” as the universal entry point. A single CTA that branches into location finding, estimates, and scheduling. The customer doesn’t need to know what type of service they need; the flow figures it out with them.
  • Services organized by what customers recognize. Navigation structured around service names customers would search for, with a mega menu that makes the full range visible at a glance. Each service links to educational content, reinforcing expertise without requiring the customer to go looking for it.
  • Trust built into the structure. “Why Caliber” houses the proof: warranty, repair process, certifications, reviews, community involvement. Not buried in a footer, but given architectural weight as a primary section.
Current ecosystem — three siloed brand sites across separate domains

The existing sitemap was spread across several domains and reflected the organizational structure, rather than what the customer really needed.

Information Architecture Schematic — Caliber Brands
Caliber homepage Locations Collision center Auto care center Auto glass center Services mega menu Oil changes Brakes Tires Body repair + more services ↳ each links to education / blog Why Caliber Lifetime warranty Our repair process Certifications + reviews Community involvement Contact Get Started → Find location Get estimate Book appointment One Caliber, not three Collision, Auto Care, Auto Glass → services under one brand, not separate destinations Service-first navigation Structured around names customers search for, not internal LOB labels. Mega menu makes full range visible Trust as architecture Warranty, process, certifications, community — given primary nav weight, not buried in footer Universal entry point Single CTA — location, estimate, scheduling. Customer doesn’t need to know their service type upfront

The customer needs that were surfaced influenced key decisions in the navigation and information architecture of the site that would drive transparency and education while enabling customers to take quick actions.

Outcomes
  • Unified brand architecture. Three siloed sites consolidated into one Caliber experience, organized around customer needs.
  • Research-grounded strategy. Every architectural and design decision traced back to customer mindset research and the five experience principles.
  • Complexity made navigable. Flows designed for people in emotional, low-knowledge states, guided step by step with empathy built into the interaction pattern.

I exited this project before final visual design and launch. The work represents strategy, experience principles, information architecture, and navigation design.