A bold, blue-collar-meets-premium UI designfor a Los Angeles auto collision repair shop - built around trust, speed, and the unmistakable Bumblebee yellow.
Get Free Growth PlanProject Overview
Bumblebee Automotive has been fixing Los Angeles drivers' cars since 2017 - full collision repair, paint, mechanical work, insurance coordination, 24/7 towing. Trusted in the neighborhood, but visually invisible online. We designed the UI that finally matches the work that happens in the shop.
Client
Bumblebee Automotive
Los Angeles, CA
Founded
2017
9+ years serving LA drivers
Deliverables
Full design system
Desktop + mobile · all states
Industry
Auto Collision
Body shop · Paint · Mechanical
Scope
Full digital partner
Figma file - design only
Audience
LA drivers
English, Armenian & Russian-speaking
Bumblebee already had the reputation - lifetime warranties on every repair, every insurance carrier accepted, ASE-certified techs, and a 20-mile towing radius across greater Los Angeles. What it didn't have was a digital identity that communicated any of it.
The brief was clean: design a complete website UI that felt as confident, fast, and capable as the shop itself. Make the brand name - Bumblebee - work for us, not against us. Make it look like the shop you call when something has gone wrong and you need it handled.
The Challenge
Most collision repair websites look like they were built in 2012 - beige backgrounds, stock photos of mechanics in clean uniforms, no hierarchy, no identity. We treated Bumblebee like a brand, not a category.
No digital presence to match the shop's earned reputation
Generic auto-industry visual language - blends into every competitor
Trust signals (lifetime warranty, insurance partners) buried or missing
No clear hierarchy between repair services and dealer/wholesale offering
Trilingual audience (English, Armenian, Russian) served only in English
No clear path from "I just got rear-ended" to "I have an appointment booked"
Bold, editorial UI built on aggressive black + signature yellow
Bebas Neue display typography - fast, mechanical, unmistakable
Trust signals foregrounded - stats bar, insurance logos, lifetime warranty
Clear two-track architecture - direct-to-driver and dealer/wholesale
Trilingual-ready content system with cultural nuance, not just translation
One funnel - book appointment or request free estimate, every screen
The Build
A walk-through of the design system we delivered - from desktop hero to mobile screens, service pages to before/after sliders, every interactive component documented and ready for development.
Typography & Color palette
Every color, every type style, every component variant - documented and named. Built so the brand stays consistent whether it's used by a developer, a marketer, or a future agency partner.
Bebas Neue
Barlow Condensed
Bumblebee
#F5C400
Asphalt
#0F0F0F
Tarmac
#161616
Gunmetal
#2A2A2A
Headlight
#FFFFFF
Results & Impact
What we handed over - and what it sets the shop up to do next.
40+
Screens designed acrossdesktop and mobile
11
Modular sections built forfull reusability
3x
Languages supported in thecontent architecture
100%
Production-ready - designedfor direct handoff
From a generic auto shop visual to a recognizable Los Angeles automotive brand with its own type system, color story, and visual signature. The shop finally looks online like it operates in person.
Every section reinforces credibility - stats bar, insurance partners, before/after sliders, customer reviews, named service areas. The design does the convincing before the phone even rings.
The design system was built to scale - new service categories, additional locations, dealer expansion, and trilingual content can all be added without rebuilding the foundation.
Inspirovate didn't just design a website - they gave the shop a voice. Every detail feels like us, only sharper. When customers see it now, they understand what we've been about for nine years before they ever walk in.
