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

Visit live project Explore the details

Client / Project: Expert Auto-servis d.o.o.
Focus: Website / UX/UI Design
Location: Jelah / Tešanj, Bosnia and Herzegovina

Project overview

A focused digital project built for clarity, trust and action.

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.

The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.

A closer look

The details behind the experience.

Open any image for a full-screen preview.

Expert Autoservis — design detail 1 — 01 / Expert Autoservis

Expert Autoservis — design detail 2 — 02 / Expert Autoservis

Case study

The turbo pulls again.

Client: Expert Auto-servis d.o.o.
Location: Jelah / Tešanj, Bosnia and Herzegovina
Website: Visit live site

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.

Trust and performance signals

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.

The thinking behind the work

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.

How it works

A clear process from the first step to the result.

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

The visual system behind the project.

Brand system

Deliverables

What was included in the build.

Website

UX/UI Design

GSAP motion

Local SEO

Inquiry flow

Build something similar

Need a website, web app or redesign with this level of clarity?

Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.

Contact Panic Digital