Vision Detailing System.
A bespoke premium administrative platform and client booking engine custom-engineered for a luxury automotive detailing studio.
The Project Overview
Vision Detailing required a high-performance web platform that reflects their meticulous craftsmanship in vehicle restoration. The project is divided into two distinct components: a high-contrast public-facing showcase site and a custom administrative suite tailored to track scheduling, client bookings, and monthly financial performance.
Key Features & Implementation
1. The Obsidian Peak Design Language
Consistent with their brand positioning, the UI leverages a custom "Obsidian Peak" style system. Built from scratch with raw, sharp-edged layouts (0px border radius) and a dark-first philosophy. True Black (#0F0F10) background, Charcoal (#1A1A1A) containers, and a high-contrast Electric Royal Purple (#7C3AED) accent color mimic the glowing instrument panels of modern performance sports cars.
2. Custom Administrative Dashboard
The administrative panel features a built-in interactive calendar ("Plánovací kalendář") designed to track, schedule, and confirm vehicle detailing appointments. Administrative statistics showcase monthly income performance, completed jobs, active quotes, and net profits after taxes with historical month-by-month analytics.
3. Secure Authentication & TOTP 2FA
Security is paramount. The system is protected by a custom authentication system complete with Time-based One-Time Passwords (TOTP) to implement two-factor authentication (2FA) for admin panel access.
4. High-Performance Media Assets
Given the importance of high-gloss detailing photography, we engineered a custom PHP-based image optimizer. It automatically compresses and optimizes client-uploaded gallery assets upon upload, ensuring fast page load times and optimal Lighthouse performance metrics without compromising on visual details.