Case Study // 2026

Surface One Auto Care

Premium Car Detailing & High-Trust Architecture

Project Meta

IndustryAutomotive & Car Detailing
RoleCar Detailing Website
Year2026
WebsiteLaunch Live

The Challenge

Identifying
The Core Problem.

The client was rebranding his car detailing business and previously didn't have a website. He needed a fresh digital presence to establish trust immediately. Looking at his new logo, the primary color #f2020a stood out, which I utilized as the core brand color to drive the design.

The Solution

Designing
The Solution.

I engineered a 4-page website centered around establishing instant credibility. It immediately features a 'Why Choose Us' section so users can trust him. Following that, I added a highly requested 'Before and After' section for car foam wash often missing in most detailing sites. The homepage incorporates 4 dedicated rows for each primary service he offers, complete with direct 'Book Now' buttons. Additionally, the site has dedicated sections specifically designed to showcase his high-quality work through reels and image galleries.

System Spec // 01

Brand Design System

RGB / HEX / HSL

Brand Primary Red

// Primary Brand Accent

The vibrant #f2020a red directly extracted from the brand's logo. It serves to establish instant recognition and energize the primary calls-to-action.

HEX CODE#f2020a

RGB SPECrgb(242, 2, 10)

HSL VALUEhsl(358, 98%, 48%)

APPLICATIONS:High-converting CTAs, active highlights, key brand accents, and main logo color.

Important Dark Background

// Layout Scaffold Base

A deep #050505 background that provides a modern, premium feel. It helps the vibrant red pop and gives the site an authoritative look.

HEX CODE#050505

RGB SPECrgb(5, 5, 5)

HSL VALUEhsl(0, 0%, 2%)

APPLICATIONS:Primary canvas background for important sections, structural cards, and high-contrast foundations.

Clean Canvas White

// Primary Canvas Background

A clean #ffffff white background used across most of the website to guarantee ultimate legibility and a fresh, professional aesthetic.

HEX CODE#ffffff

RGB SPECrgb(255, 255, 255)

HSL VALUEhsl(0, 0%, 100%)

APPLICATIONS:Main layout backdrop and clean canvas for the majority of the site content.

Engineered Deliverables

Key Implementation & Features

Brand Identity Architecture

Polished, unified look using the logo's red (#f2020a), deep black (#050505), and clean white (#ffffff).

Trust-First Layout

Immediate 'Why Choose Us' section to build instant user credibility.

Before & After Showcases

Interactive sections demonstrating the effectiveness of car foam washes.

Service-Specific Rows

4 clear rows on the homepage detailing primary services with direct 'Book Now' CTAs.

Dedicated Media Showcases

Specialized gallery sections to showcase his detailing work through high-quality video reels and images.

The Strategic Outcome

By providing a modern, trust-focused layout with seamless booking options and clear visual proof of his detailing expertise, the new website successfully transitioned his rebranded business online.

Brand Color ArchitectureTrust-Building StructureInteractive Before & AfterHigh-Converting CTAsVideo Reels Showcase

Visual Showcase