Back
VinylProfi Car Detailing Studio Website

VinylProfi Car Detailing Studio Website

About the project

VinylProfi is a car detailing studio in Moscow. It does paint protection film, matte and color-change wraps, chrome delete, headlight protection and polishing. The studio needed a website that sells a premium service: it shows the quality of the work, makes prices and timing clear, and lets clients book in a couple of taps.
We designed a dark premium look in Montserrat with gold and navy accents. The whole site is managed from the admin panel.
Studio services on the home page

What the site includes

  • A home page with a slider of finished cars, process steps, a Before/After block, FAQ and a booking call to action
  • 9 service pages: description, a starting price or "priced after inspection", timing, gallery, process steps and FAQ
  • A portfolio with filters by service and car brand
  • A case page for each car: before and after photos, steps and the materials used
  • A booking form with service selection. Requests go to Telegram and are stored in the admin panel with the statuses New, In progress, Done and Spam
  • Rate limiting and spam protection on requests
Portfolio filtered by service and car brand
Mercedes-Benz G 63 AMG case page

SEO and performance

  • A unique title and description on every page, with city-based templates when the CMS field is empty
  • JSON-LD structured data: Organization, AutoBodyShop with a service catalog, Service, FAQPage, Article with Car for case pages, and breadcrumbs
  • An image sitemap, robots.txt and Open Graph. Social sharing images are generated automatically
  • Images are served as AVIF/WebP in several sizes
  • Lighthouse (mobile): SEO, Accessibility and Best Practices at 100, Performance at 88–93, CLS at 0
Service page: full-body paint protection film

Administration

  • A Strapi 5 admin panel fully in Russian: services, cases, car brands, reviews, requests and site settings
  • Phone, address, social links, opening hours and analytics codes are edited in one place
  • The site updates right after publishing via a webhook, with no rebuild
  • The reviews block and the rating in structured data appear only when real reviews exist

Tech stack

  • Next.js 16 (App Router), React, TypeScript
  • Tailwind CSS v4, shadcn/ui
  • Strapi 5 (headless CMS), SQLite
  • Telegram Bot API for booking requests
Project link
AvatarWebHill