Kundcase

Bildiagnos i Utby — från Google Sites till konverteringsdriven webbplats på tre språk

En bilverkstad i Utby som nu går att hitta, förstå och boka — på svenska, engelska och spanska.

Tjänstesidan för felsökning på bildiagnosab.se: mörk toppbild med rubriken ”Avancerad felsökning och diagnostik” och knapparna Boka tid och Ring nu.

Sammanfattning

Bildiagnos i Utby är en bilverkstad i östra Göteborg som erbjuder allt från bilservice och felsökning till specialiserade tjänster som ECU-klonering och nyckelprogrammering. Deras digitala närvaro bestod av en enkel Google Sites-sida — utan tjänstebeskrivningar, bokningsflöde eller förtroendesignaler. Vi designade och byggde en helt ny, flerspråkig webbplats med konvertering och lokal synlighet som ledstjärnor.

Samma verkstad, ny webbplats

Före
Den gamla startsidan på Google Sites: ett svartvitt foto av en växelspak och texten ”Hej. Vi är Bildiagnos i Utby Ab och vi vill hjälpa dig med att reparera ditt fordon.”
Den gamla sidan på Google Sites.
Efter
Den nya startsidan: rubriken ”Expertverkstad för diagnostik, service och reparation”, knapparna Boka tid och Ring nu, och fyra kort som förklarar hur ett besök går till.
Den nya startsidan. Fotot är en tillfällig AI-genererad platshållare i väntan på bilder från verkstaden.
Om oss-avsnittet på den gamla sidan: tre foton från verkstaden, en lyft, en kompressor och en verktygsvägg, med liten grå text bredvid.
Före: om oss-avsnittet på Google Sites-sidan.

Utmaningen

Den gamla Google Sites-sidan skapade friktion i varje steg: besökare hittade inga tydliga tjänstebeskrivningar, inget enkelt sätt att boka tid och inga förtroendesignaler som skiljer en seriös verkstad från mängden. För kunder som jämför flera verkstäder innan de bokar — en av verkstadens viktigaste målgrupper — räckte intrycket inte till.

Dessutom saknades helt en grund för lokal SEO, trots att sökningar som ”bilverkstad Utby” och ”AC-service Göteborg” är exakt där nya kunder finns. En stor del av kundkretsen är också engelsk- och spansktalande, vilket den gamla sidan inte mötte alls.

Från ”skicka ett mejl” till ett riktigt formulär

På den gamla sidan fanns en enda väg in: en knapp som öppnade e-posten. Nu finns ett formulär byggt för verkstadsärenden, med registreringsnummer, önskad tjänst och en ruta där kunden beskriver problemet. Adress, telefon och öppettider står bredvid.

Före
Kontaktdelen på den gamla sidan: rubriken ”¿några frågor?” och en rosa knapp med texten ”Skicka en e-mejl”.
Efter
Sidan Kontakt & förfrågan: ett formulär med fälten namn, telefonnummer, e-post, registreringsnummer, önskad tjänst och ärende, och bredvid adress, telefon, e-post och öppettider.

Vårt arbete

  • Upptäckt: Kartlade tjänsteutbud, målgrupper (bilägare i Utby, Göteborg och Partille — på tre språk) och konkurrenssituationen för lokala sökningar. Identifierade NAP-konsistens (namn, adress, telefon) som kritisk grund för lokal SEO.
  • Strategi: Konverteringsdriven informationsarkitektur med en landningssida per tjänst, tydliga CTA:er (”Boka tid”, ”Ring nu”, ”Begär offert”) på varje sida, och en flerspråkig struktur (sv/en/es) med korrekt hreflang och lokaliserad metadata. Läsbarhet och konvertering före effekter.
  • Genomförande: Next.js 15 + Tailwind CSS 4 med Convex som realtidsdatabas, Clerk för admin-inloggning och Resend för lead-notifieringar. Mobile-first, tillgänglighetskrav (kontrast, tangentbordsnavigering, fokuslägen) och Core Web Vitals-optimering från start.

Tre språk

Redan den gamla sidan blandade svenska och spanska i menyn, med ”Inicio” bredvid ”Produkter”. Nu finns hela webbplatsen på svenska, engelska och spanska, med egna adresser och egen metadata för varje språk.

Startsidan på svenska: ”Expertverkstad för diagnostik, service och reparation” med knapparna Boka tid och Ring nu.
Svenska
Startsidan på engelska: ”Expert Workshop for Diagnostics, Service and Repair” med knapparna Book Now och Call Now.
Engelska
Startsidan på spanska: ”Taller Experto en Diagnóstico, Servicio y Reparación” med knapparna Reservar och Llamar ahora.
Spanska
Tjänstesidan för felsökning i mobilen: rubriken ”Avancerad felsökning och diagnostik”, en röd knapp Boka tid och en knapp Ring nu, följt av texten ”Vi hittar felet — du slipper gissa”.
Tjänstesidan för felsökning i mobilen.

En sida per tjänst

Nio tjänster fick var sin sida: bilservice, felsökning, reparationer, AC-service, inför besiktning, bromsprovare, hjulinställning, ECU-klonering och nyckelservice. Varje sida är skriven för sökningar i Göteborg, Utby och Partille.

Knapparna Boka tid och Ring nu finns på varje sida. På mobilen ligger de staplade i full bredd, högst upp.

Tydligt från första besöket

Startsidan förklarar hur ett besök går till, steg för steg, och vad verkstaden står för.

Avsnittet ”Enkel process i fyra steg” med röda siffror: kontakta oss, beskriv problemet, vi diagnostiserar, åtgärd och leverans.
Mörkt avsnitt med rubriken ”Erfarenhet du kan lita på” och fyra kort: professionell diagnos, tydlig kommunikation, rättvis prissättning och lokal närvaro.
Avslutningen på startsidan: rubriken ”Behöver din bil service?” med knapparna Boka tid och Ring nu, och under den sidfoten med tjänstelänkar, adress, telefon och öppettider.
Sidfoten har samma namn, adress och telefonnummer som kontaktsidan, så att uppgifterna är likadana överallt.

Vad vi byggde

  • Flerspråkig webbplats (svenska/engelska/spanska) med next-intl, egna URL:er och metadata per språk — plus AI-stödd översättning av innehåll med en knapptryckning
  • Nio lokala tjänstesidor (bilservice, felsökning, reparationer, AC-service, inför besiktning, bromsprovare, hjulinställning, ECU-klonering, nyckelservice) — var och en SEO-optimerad för Göteborg/Utby/Partille
  • Boknings- och kontaktformulär anpassat för verkstadsärenden (registreringsnummer, önskad tjänst, problembeskrivning) med spamskydd och automatiska lead-mail
  • Blogg med admingränssnitt — inlägg lagras i Convex och hanteras via Clerk-autentiserad inloggning, med flerspråkigt stöd
  • Lokal SEO-grund: LocalBusiness/AutoRepair schema markup, XML-sitemap, hreflang och konsekvent NAP i header, footer, kontaktsida och strukturerad data
  • Konverteringsspårning: GA4/GTM med händelser för bokningsklick, telefonklick, formulärskick och språkbyte

Resultat

Sajten lanserades i maj 2026 och mäts med Google Analytics och Search Console. Den gamla Google Sites-sidan hade ingen mätning alls, så det finns inga före-siffror att jämföra med. Vi redovisar hellre inga siffror än osäkra.

Tekniker

  • Next.js 15 (App Router)
  • Tailwind CSS 4
  • next-intl
  • Convex
  • Clerk
  • Resend
  • Schema.org (LocalBusiness/AutoRepair)
  • GA4/GTM

Har du ett liknande projekt?

Berätta vad du vill uppnå, så återkommer vi med hur vi skulle gripa an det.

Boka kostnadsfri konsultation