Expert Autoservis

A dark, red-accented website for a turbocharger repair workshop with a pinned turbine that spins up as you scroll.

WebsiteUX/UI DesignGSAP motionLocal SEOInquiry flow

Live-Projekt ansehen Details ansehen

Kunde / Projekt: Expert Auto-servis d.o.o.
Fokus: Website / UX/UI Design
Standort: Jelah / Tešanj, Bosnia and Herzegovina

Projektüberblick

Ein fokussiertes Digitalprojekt für Klarheit, Vertrauen und Handlung.

Expert Auto-servis repairs, tests and fits turbochargers for cars, trucks and machinery between Jelah and Tešanj. The website explains the repair in five scroll steps while a turbine accelerates from 0 to 200,000 rpm, then backs the offer with a written one-year warranty, real Google reviews, opening hours, a cookie-free map and a Viber/WhatsApp inquiry form.

Ziel war es, das Angebot verständlicher zu machen, die Arbeit mit mehr Kontext zu zeigen und den Weg vom ersten Eindruck bis zu Kontakt, Anfrage, Buchung oder Kaufentscheidung zu vereinfachen.

Im Detail

Die Details hinter dem Erlebnis.

Jedes Bild öffnet sich als Vollbild-Vorschau.

Expert Autoservis — Designdetail 1 — 01 / Expert Autoservis

Expert Autoservis — Designdetail 2 — 02 / Expert Autoservis

Case Study

The turbo pulls again.

Kunde: Expert Auto-servis d.o.o.
Standort: Jelah / Tešanj, Bosnia and Herzegovina
Website: Live-Website ansehen

Turbo repair is technical and trust-heavy. The site had to make the process understandable for any driver, show that the workshop is real and local, and make calling or navigating one tap away on a phone.

Vertrauen und Performance

200.000

rpm on scroll

A pinned turbine accelerates through the five repair steps.

4,8

Google rating

Real reviews and rating shown next to the contact path.

100

Mobile performance

Lighthouse on the live site, with a cookie-free OSM map.

Die Überlegungen hinter dem Projekt

The brief

Make a technical repair easy to understand and easy to book.

Most drivers only know that the car lost power. The page starts with symptoms, then walks through diagnosis, dismantling and cleaning, core replacement, testing and fitting.

Design direction

Graphite, workshop red and condensed Barlow headlines.

The brand red is used for actions and key numbers only. Real workshop photos sit in tilted polaroid frames that change with every repair step.

Location card in the hero and a mobile bottom bar with Call and Navigate.
Static OpenStreetMap image instead of a Google embed, so no cookies are set.
Privacy page and a consent note in the inquiry form.

So funktioniert es

Ein klarer Prozess vom ersten Schritt bis zum Ergebnis.

01
Diagnosis
Find the fault before anything is dismantled.
02
Dismantling
Clean every part and check what can be saved.
03
Core replacement
Replace worn parts and balance the core.
04
Test and fitting
Test on the machine, fit and road test with warranty.

Design-Assets

Das visuelle System hinter dem Projekt.

Brand system

Leistungen

Was im Projekt enthalten war.

Website

UX/UI Design

GSAP motion

Local SEO

Inquiry flow

Etwas Ähnliches bauen

Sie brauchen eine Website, Web-App oder ein Redesign mit dieser Klarheit?

Schicken Sie eine kurze Nachricht zu Ihrem Unternehmen, Markt, Ihrer aktuellen Website und Ihrem Ziel. Panic Digital hilft bei Struktur, Design, Entwicklung und SEO-Grundlage für den nächsten Schritt.

Panic Digital kontaktieren