FIG. 05 — Esettanulmány

Luzso-Car

Két óbudai műhely, egy fekete-citromsárga brand-site: kézzel épített oldalak, teljes MDX-blogmotor, valós Google-vélemények — és egy űrlap, amire a válasz magától, pillanatokon belül megy ki.

Ügyfél
Luzso-Car — karosszéria és szerviz, Óbuda
Év
2026
Szerep
Brand-site + blogmotor + automatizáció
Státusz
Élő Oldal megnyitása ↗
Stack
AstroMDXn8nnginxCoolify

A kihívás

Az autódat idegenre bízod.

A Luzso-Car két óbudai műhelyben javít karosszériát, fényez és gyorsszervizel. Ebben a szakmában a bizalom a valuta: az ügyfél idegenre bízza az autóját, és a döntés nagy része azon múlik, mit lát a műhelyről, mielőtt betolat az udvarra.

A feladat ezért kettős volt. Kellett egy brand-szintű oldal, ami a műhely karakterét hozza — és kellett mögé egy rendszer, ami a bizalmat szállítja: valós vélemények, valós munkák képekkel, és egy űrlap, amelyik egyetlen érdeklődőt sem hagy válasz nélkül.

Arculat és oldalak

Fekete alap, sárga kordoncsík

Az arculat a műhelyudvar nyelvén beszél: fekete alap, kordon-citromsárga jelzőszín. Ebből saját design-tokenek épültek — keretrendszer nélkül, vanilla CSS-ben, hogy a megjelenés minden pixelje kézben maradjon.

Három kézzel épített marketingoldal készült — főoldal, szerviz, karosszéria — egyetlen közös layoutra fűzve. A hero valós Google-véleményekből animálja fel a 4,8★-os átlagértékelést.

FIG. 05.A — LUZSOCAR.HU · FŐOLDAL

Blogmotor

Blogmotor, admin felület nélkül

Az oldal mögé teljes MDX-blogmotor épült Astro content collectionre: tartalomjegyzék, BlogPosting JSON-LD, morzsamenü, kategória-archívumok, RSS és Facebook-megosztókártyák — mindez statikusan generálva.

És nem üresen indult: négy valós poszttal állt élesbe, Facebookra is átposztolva. Egy műhelyblognál ez a különbség a díszlet és a működő csatorna között.

Bizalomépítés

A bizonyíték: vélemények és egy Škoda

Az oldalon 21 kurált, valós Google-vélemény él — kizárólag 4–5 csillagosak, jogilag körültekintő válogatásban. A vélemény itt nem dísz: névvel és szöveggel, a rendszerbe építve jelenik meg.

Mellette egy igazi eset: egy Škoda javítása, előtte–utána fotótörténetben, lightboxszal. Karosszériánál a kép a bizonyíték — az oldal ezt komolyan veszi.

FIG. 05.C — ŠKODA ELŐTTE–UTÁNA · FOTÓTÖRTÉNET

Automatizáció

Mi történik, amikor valaki ír?

Az űrlap kicsi, de rendszerként viselkedik: aki ír, pillanatokon belül személyre szabott választ kap a műhely saját Gmail-címéről. Érdeklődő nem vár némaságban.

  1. FORMSPARK

    Üzenet érkezik

    Az ügyfél a Formspark-űrlapon ír: honeypot szűri a spamet, inline validáció fogja meg a hibás mezőket — ha bármi elakadna, mailto-fallback viszi tovább az üzenetet.

    ✓ üzenet beérkezett — spam-szűrő OK

  2. N8N — WEBHOOK

    A webhook átveszi

    A beküldés n8n-webhookra fut be: a workflow kiolvassa az adatokat, és összeállítja a személyre szabott választ.

    ✓ webhook fogadva — válasz összeállítva

  3. GMAIL

    Válasz, pillanatokon belül

    A válasz a műhely saját Gmail-címéről megy ki, automatikusan — az ügyfél még azelőtt visszajelzést kap, hogy máshol is körbenézne.

    ✓ automatikus válasz elküldve

FIG. 05.D — AZ ŰRLAPTÓL A VÁLASZLEVÉLIG

Mérnöki alap

Ami a motorháztető alatt van

Az oldal statikus Astro, build-idejű SEO-kapuval: hibás title vagy leírás el sem jut élesig. Content-hash cache-busting, saját hosztolt latin-ext WOFF2 betűk — az ő és az ű nem alkuképes —, és AutoRepair JSON-LD két telephellyel, hogy a Google mindkét műhelyt annak lássa, ami.

A deploy Dockerfile→nginx a Coolify/Hetzner párosra: main ágból prod, staging Basic Auth mögött, GitHub Actions CI-vel. Analitika szándékosan nincs az oldalon — majd ha consent-kapuval mehet.

Eredmények

Kis műhelyoldal, teljes rendszer.

telephely egy séma-rendszerben
2
kurált Google-vélemény a rendszerben
21
átlagértékelés a hero-animációban
4,8★
induló blogposzt, Facebookra is átposztolva
4
válasz nélkül várakozó ügyfél-e-mail
0

Forgalmi számok szándékosan nincsenek még — analitika csak consent-kapus beállítással kerül az oldalra.