Case study

Bildiagnos i Utby — from Google Sites to a conversion-driven site in three languages

An auto workshop in Utby that customers can now find, understand and book — in Swedish, English and Spanish.

The diagnostics service page on bildiagnosab.se: a dark header with the heading “Avancerad felsökning och diagnostik” and the buttons Boka tid and Ring nu.

Summary

Bildiagnos i Utby is an auto workshop in eastern Gothenburg offering everything from servicing and diagnostics to specialised work such as ECU cloning and key programming. Their digital presence was a single Google Sites page — no service descriptions, no booking flow, no trust signals. We designed and built a new multilingual website with conversion and local visibility as the guiding principles.

Same workshop, new website

Before
The old Google Sites home page: a black-and-white photo of a gear stick and the text “Hej. Vi är Bildiagnos i Utby Ab och vi vill hjälpa dig med att reparera ditt fordon.”
The old page on Google Sites.
After
The new home page: the heading “Expertverkstad för diagnostik, service och reparation”, the buttons Boka tid and Ring nu, and four cards explaining how a visit works.
The new home page. The photo is a temporary AI-generated placeholder until photos from the workshop are in place.
The about section on the old page: three photos from the workshop, a lift, a compressor and a tool wall, with small grey text beside them.
Before: the about section on the Google Sites page.

The challenge

The old Google Sites page created friction at every step: visitors found no clear service descriptions, no simple way to book a time, and none of the trust signals that separate a serious workshop from the rest. For customers who compare several workshops before booking — one of the workshop's most important audiences — the impression fell short.

There was also no foundation for local SEO at all, even though searches like “bilverkstad Utby” and “AC-service Göteborg” are exactly where new customers are. A large share of the customer base is English- and Spanish-speaking, which the old page did not serve in any way.

From “send an email” to a proper form

The old page had a single way in: a button that opened your email. Now there is a form built for workshop enquiries, with the registration number, the service you need and a box to describe the problem. The address, phone number and opening hours sit right beside it.

Before
The contact section on the old page: the heading “¿några frågor?” and a pink button reading “Skicka en e-mejl”.
After
The Kontakt & förfrågan page: a form with fields for name, phone, email, registration number, requested service and the enquiry, with the address, phone, email and opening hours beside it.

Our work

  • Discovery: Mapped the service range, the audiences (car owners in Utby, Gothenburg and Partille — across three languages) and the competitive landscape for local search. Identified NAP consistency (name, address, phone) as the critical foundation for local SEO.
  • Strategy: Conversion-driven information architecture with one landing page per service, clear CTAs (“Book a time”, “Call now”, “Request a quote”) on every page, and a multilingual structure (sv/en/es) with correct hreflang and localised metadata. Readability and conversion before effects.
  • Delivery: Next.js 15 + Tailwind CSS 4 with Convex as the realtime database, Clerk for admin sign-in and Resend for lead notifications. Mobile-first, accessibility requirements (contrast, keyboard navigation, focus states) and Core Web Vitals optimisation from the start.

Three languages

The old page already mixed Swedish and Spanish in its menu, with “Inicio” next to “Produkter”. Now the whole site is in Swedish, English and Spanish, with its own addresses and metadata for each language.

The home page in Swedish: “Expertverkstad för diagnostik, service och reparation” with the buttons Boka tid and Ring nu.
Swedish
The home page in English: “Expert Workshop for Diagnostics, Service and Repair” with the buttons Book Now and Call Now.
English
The home page in Spanish: “Taller Experto en Diagnóstico, Servicio y Reparación” with the buttons Reservar and Llamar ahora.
Spanish
The diagnostics service page on a phone: the heading “Avancerad felsökning och diagnostik”, a red Boka tid button and a Ring nu button, followed by the text “Vi hittar felet — du slipper gissa”.
The diagnostics service page on a phone.

One page per service

Nine services each got their own page: servicing, diagnostics, repairs, AC service, pre-inspection, brake testing, wheel alignment, ECU cloning and key service. Each page is written for searches in Gothenburg, Utby and Partille.

The Boka tid and Ring nu buttons are on every page. On a phone they are stacked at full width, right at the top.

Clear from the first visit

The home page explains how a visit works, step by step, and what the workshop stands for.

The section “Enkel process i fyra steg” with red numbers: contact us, describe the problem, we diagnose, repair and hand-back.
A dark section headed “Erfarenhet du kan lita på” with four cards: professional diagnostics, clear communication, fair pricing and local presence.
The end of the home page: the heading “Behöver din bil service?” with the buttons Boka tid and Ring nu, and below it the footer with service links, address, phone and opening hours.
The footer uses the same name, address and phone number as the contact page, so the details match everywhere.

What we built

  • Multilingual website (Swedish/English/Spanish) with next-intl, dedicated URLs and per-language metadata — plus AI-assisted content translation at the press of a button
  • Nine local service pages (servicing, diagnostics, repairs, AC service, pre-inspection, brake testing, wheel alignment, ECU cloning, key service) — each SEO-optimised for Gothenburg/Utby/Partille
  • Booking and contact form built for workshop enquiries (registration number, requested service, problem description) with spam protection and automatic lead emails
  • Blog with an admin interface — posts stored in Convex and managed through Clerk-authenticated sign-in, with multilingual support
  • Local SEO foundation: LocalBusiness/AutoRepair schema markup, XML sitemap, hreflang and consistent NAP across header, footer, contact page and structured data
  • Conversion tracking: GA4/GTM with events for booking clicks, phone clicks, form submissions and language switches

Results

The site launched in May 2026 and is measured with Google Analytics and Search Console. The old Google Sites page had no measurement at all, so there are no before figures to compare with. We would rather show no numbers than uncertain ones.

Tech

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

More projects

Högsbo BasketSvenska Röda KorsetRF-SISU

Got a similar project?

Tell us what you want to achieve and we'll come back with how we'd approach it.

Book a free consultation