Skip to content
Tvorum.
Concept

Torque Garage — website concept for an auto repair shop

A business website for a premium auto repair shop in Dnipro, built as a set of technical drawings: customers estimate the price themselves, book a bay and follow their repair online.

Demo UI in Ukrainian — we build in any language.

Torque Garage — homepage screenshot

This is a concept, not a client project. The brand, people and data are fictional; the code is real. It was built for the Ukrainian market, so the demo interface is in Ukrainian. Order a site, and with your permission it becomes our next real case study.

Industry
Auto repair shop
Site type
Business website
Year
2026
Format
Studio concept

The task

What the site had to do

Owners of premium cars don’t choose a shop by the hourly labor rate — they choose by trust: will the bill be padded, will the bolts be torqued to spec, will I spend hours on the phone. A typical repair-shop website answers with “a professional team” and a “Call me back” button.

The concept had to show that a website can remove those fears before the first call:

  • transparent pricing — a service cost range before the visit, including labor and parts;
  • booking without a call — a specific date, time and bay, not “we’ll call you”;
  • repair visibility — customers see the stage, photos and pickup time without bothering the mechanic;
  • proof of quality — before/after measurements, a diagnostics guarantee, supported brands and dealer-level software.

The goal: turn a visitor from an ad or a search like “BMW service Dnipro” into a booking for a specific bay, and an existing customer into a regular.

The solution

Design and UX decisions

The idea — the website as a set of engineering drawings. Each section is styled as a sheet of technical documentation: “Sheet 03 / 09”, monospaced labels, dimension lines, a drafting-paper grid. Graphite, steel and signal orange convey engineering precision rather than a “garage” vibe — exactly what the owner of an expensive car wants to see.

The hero is a car on a lift with a wheelbase dimension line and four interactive hotspots (engine, brakes, electronics, suspension) with “from” prices. The tachometer needle in the logo revs on load and then tracks scroll progress.

Interactive selling points:

  • a service calculator (make → model → year → job type, OEM or aftermarket parts) prints a “work order” with the list of operations, bay time and a price range — and carries the estimate into the booking form in one click;
  • bay booking: dates and open slots based on the schedule, and a shop floor plan highlights the bay your car will go to;
  • a repair tracker by order number: 7 stages, an event log and an estimated pickup time;
  • a price list with search that understands word forms and synonyms, plus category tabs;
  • a live “scanner report” with a tachometer, a waveform and fault codes that explains what customers pay for in diagnostics.

Honesty instead of showing off: no invented reviews or awards — only working standards (torque specs, approval of every charge, photo reports, old parts in your trunk), before/after measurements and clear guarantees.

Screens

On desktop and on a phone

Torque Garage — full homepage
The full homepage — scroll inside the frame.
Torque Garage — mobile version
Mobile version

Features

What’s on the site

  • Service cost calculator: make, model, year, job type, OEM or aftermarket — price range and bay time
  • Online bay booking with a calendar, open slots and a shop floor plan
  • Repair status tracker by order number: stages, log, pickup time
  • Price list in 7 categories with smart job search
  • Guaranteed diagnostics: an interactive scanner report mockup
  • Before/after slider with part measurements and keyboard control
  • Brands and dealer software as text with a country filter — no third-party logos
  • Contacts with hours and an “open now” indicator in Kyiv time
  • Interactive hotspots on the hero photo with “from” prices
  • Dedicated mobile and tablet hero: headline over the photo, hotspots and the CTA visible at once; 44 px+ tap targets
  • Accessible forms with validation, keyboard control, reduced-motion support

Stack

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Inline SVG drawings and animations
  • IntersectionObserver
  • Intl API (Europe/Kyiv time)
  • CMS-ready

Concepts are hand-built static sites. For clients we pick the stack by the job: Next.js, WordPress, Shopify or WooCommerce, with a CMS your team can use.

Palette

  • #111315
  • #1A1E22
  • #8B949E
  • #FF6B1A
  • #E9ECEE
For your businessNeed a business website like this?Business website: prices and process

More concepts

Other projects

All concepts

$0 · 24 hours

Want one like this — for your business?

Tell us about your business. Within 24 hours we’ll send a prototype of your homepage — inspired by Torque Garage or something entirely different.

  • Free homepage prototype within 24 hours
  • Fixed price and deadline in the contract
  • 5% off for every day we’re late
  • Code in your GitHub from day one
  • 30% off for our first 10 clients

Prefer email? tvorum172@gmail.com

Preferred way to talk

No spam, no sales sequences. We use your details only to reply — see our privacy policy.