Apex Finish – Webflow UI/UX Case Study

Flaviu

Flaviu Gug

Overview

Apex Finish is a luxury automotive detailing brand specializing in performance vehicles and high-end protective treatments. The client needed a digital presence that matched the precision, exclusivity, and premium quality of their services. This project focuses on creating a modern, high-performance Webflow website that reflects their elite identity while driving conversions.

The Problem

Although Apex Finish delivers top-tier detailing services for luxury vehicles, their online presence didn’t communicate the same level of sophistication. The previous website lacked:
a premium aesthetic
a clear visual hierarchy
a strong brand identity
a streamlined user journey

The Solution

I designed a high-end, performance-driven Webflow website built around clarity, polish, and conversion.
Key improvements include:
A modern, visually striking hero section that reflects luxury and precision
A bold color system centered around Rosso Corsa (#D40000) to evoke speed and performance
A simplified journey leading users toward one primary action: Request Assessment
High-contrast layouts and subtle animations to highlight the car detailing process
An overall aesthetic that blends automotive culture with premium brand design

Typography

For Apex Finish, I created a typography system that communicates precision, confidence, and a luxury automotive identity. Headings use Montserrat, a bold geometric typeface that gives the brand a strong, modern, and authoritative presence.
For body content, I selected Inter for its clean structure and exceptional legibility. This balance ensures the website feels premium, professional, and easy to read across all devices.
Font sizes used
Font sizes used

The Color Palette

Color Palette of Apex Finish
Color Palette of Apex Finish

Grid System

I implemented a precise 12-column grid to create a strong structural foundation for the entire website. This grid ensures consistent spacing, clean alignment, and a flexible layout that adapts perfectly across all screen sizes in Webflow.
To maintain a high-end, modern aesthetic, I used 70px column widths paired with a 32px gutter, keeping all elements evenly spaced and visually balanced. The grid’s maximum width of 1192px provides a comfortable reading experience while preserving a premium, spacious layout.
This system keeps the design consistent, scalable, and perfectly aligned — essential for delivering the sharp, high-precision identity Apex Finish represents.
Grid system of Apex Finish
Grid system of Apex Finish

Final Result

The final Apex Finish website delivers a clean, modern, and performance-driven experience that reflects the precision and high-end nature of the brand. Every element, from the bold hero section to the refined layouts was designed to communicate luxury, technical mastery, and trust.
The streamlined user journey guides visitors toward one primary action: Request Assessment, helping the brand convert high-value leads more effectively. Subtle animations, strong typography, and the bold color system create a premium visual identity that aligns perfectly with the automotive detailing industry.
The result is a website that feels fast, exclusive, and expertly crafted. a digital representation worthy of the luxury vehicles Apex Finish works on
Like this project

Posted Dec 2, 2025

A luxury automotive detailing website built in Webflow, focused on high-end visuals, clean structure, premium UI/UX, and a conversion-first user journey.