Hoppa till innehåll
Svensk Synlighet
Alla kundcase

KundcaseBilhandel · Åkarp

BF Bilar –hela bilfirmandigitalt.

En personlig bilhandlare i Åkarp behövde mer än en hemsida. De fick en komplett plattform: live-lager, medlemskap, admin, AI-chatt och TV-skärmar i butiken – byggt av Svensk Synlighet.

  • Next.js
  • Firebase
  • Bytbil
  • Adminportal
  • Medlemskap
bfbilar.se
BF Bilars startsida
Startsida – hero med live-bilLive i produktion
  • 0131+Bilar live i lager
  • 0280+API-endpoints
  • 0315+Publika sidor
  • 041Sajt + admin + TV

Uppdraget

Från hemsida tillhelt digital bilfirma

En komplett plattform för begagnatbilhandel: live-lager från Bytbil, medlemsportal, AI-chatt, admin med leads och TV-läge för butiken.

Utmaningen

En bilfirma som fortfarande jobbade i silos

BF Bilar har funnits i Åkarp i 30+ år med personlig service som kärnvärde. Deras bilar låg på Bytbil, Blocket och andra portaler – men den egna digitala närvaron hängde inte med.

  • Lager uppdaterades manuellt eller inte alls på egen sajt
  • Inget samlat ställe för leads, provkörningar och kunder
  • Ingen medlemslojalitet online
  • Butiksskärmar saknade automatiskt innehåll

Lösningen

En plattform – inte bara en hemsida

Vi byggde bfbilar.se som navet i verksamheten: samma data driver kundwebben, adminportalen, medlemsytan, mejl och TV-skärmarna i butiken.

  • Automatisk Bytbil-synk var 15:e minut + bildbackup
  • Konverteringsoptimerade bilsidor med bokning & bevakning
  • Medlemskap med digitalt kort och partnerförmåner
  • Admin för leads, kunder, trycksaker och socialt

Vad som byggdes

Funktioner somdriver affären.

Inte en landningssida. Ett system där varje del kopplar till nästa.

  • 01

    Live-lager från Bytbil

    Bilar synkas automatiskt var 15:e minut. Bilder sparas i Firebase Storage så de överlever när en bil säljs. Filter, sök, sortering och paginering – byggt för att kännas snabbt.

  • 02

    Bildetaljsidor som säljer

    Galleri med lightbox, lånekalkylator, provkörningsbokning, prisbevakning, jämför-funktion, delning, liknande bilar och strukturerad SEO (Vehicle + Offer schema).

  • 03

    Hitta din bil-guide

    Lagermedveten wizard: budget, kaross, bränsle och mer. Omöjliga val inaktiveras i realtid så kunden aldrig får nollträffar.

  • 04

    Medlemsportal

    Konto, digitalt medlemskort med QR-verifiering, köphistorik, partnererbjudanden, bevakningar och kommunikationsinställningar. Medlemskap som lojalitetsverktyg – inte en gimmick.

  • 05

    Adminportal

    Leads, provkörningar, kunder, medlemsfrågor, kampanjer, Bytbil-synk, trycksaker (PDF), veckoblad, social schemaläggning och analytics. Allt bakom HMAC-session och Firebase admin-claims.

  • 06

    AI-livechatt + e-post

    AI-assistent på sajten som kan svara på vanliga frågor. Transaktionella mejl (bevakningar, välkomst, auth) i varumärkets design via Resend – inte generiska Firebase-mallar.

  • 07

    TV-läge för butiken

    Fullscreen-visning för skärmar i lokalen: välkomst + aktuella bilar. Samma data som webben – noll dubbelarbete.

  • 08

    SEO, prestanda & mätning

    Strukturerad data, OG-bilder, snabb bildoptimering (AVIF/WebP), Sentry-felövervakning och besöksstatistik i Google Analytics. Byggt för att hålla i produktion.

Produktbilder

Så ser detut live.

Skärmdumpar från produktion (bfbilar.se) – desktop och mobil.

bfbilar.se
Startsida desktop
Startsida – hero med live-bil
bfbilar.se/fordon
Fordonskatalog
Lager – filter, sök, grid
bfbilar.se/bilar/…
Bildetalj
Bildetalj med galleri
bfbilar.se/hitta-din-bil
Hitta din bil
Hitta din bil-guide
bfbilar.se/om-oss
Om oss
Om oss
bfbilar.se/bilar/…
Bildetalj med specifikationer

Konvertering

Bilsidan som säljare

Full spec, finansieringskalkylator, callback-lead, inbytes-CTA, Google-omdömen och liknande bilar. Allt för att besökaren ska ta nästa steg utan att ringa i onödan – men med tydlig väg till Christian när det behövs.

Prisbevakning och sökbevakning är medlemsförmåner: lojalitet och leads i samma flöde.

Guidning

Hitta din bil – utan tomma resultat

Guiden räknar live hur många bilar som matchar varje val. Alternativ med noll träffar gråas ut. Kunden klickar sig fram till en lista som faktiskt finns i lagret – inte en generisk filterfälla.

bfbilar.se/hitta-din-bil
Hitta din bil guide

Mobil först

Designad för telefonen –byggd för affären.

De flesta tittar på bilar i soffan. Mobilen får samma tyngd som desktop: sticky köp-bar, snabb filterpanel, AI-chatt och tydliga CTA:er. Designsystemet (röd #dc2626, Geist, rena ytor) speglar varumärket utan bilhandlar-klischéer.

  • Sticky mobil-bar för ring / boka / fråga
  • Paginering och filter som funkar med tummen
  • Cookie-banner och chatt utan att skymma knappar
Startsida mobil
Fordon mobil

Butik

TV-läge för skärmarnai lokalen.

Samma lagersystem matar butikens skärmar. Välkomstslides och aktuella bilar i fullscreen – utan manuell uppdatering. Kunden som står i hallen ser samma bilar som den som surfar hemma.

Öppna TV-läget (öppnas i ny flik)
BF Bilar TV-läge
Live i butiken
TV välkomstslide
TV bilslide

Fler sidor

Fler sidor iplattformen.

  • Tjänster
    Tjänsterbfbilar.se/tjanster
  • Kontakt
    Kontaktbfbilar.se/kontakt
  • Proffstips
    Proffstipsbfbilar.se/proffstips
  • Sälj din bil
    Sälj din bilbfbilar.se/salj-din-bil
  • Vanliga frågor
    Vanliga frågorbfbilar.se/vanliga-fragor
  • Medlemsyta
    Medlemsytabfbilar.se/medlem

Leveransomfattning

Tre ytor –en kodbas,en datakälla.

01Publik webb

Yta 01 · 8 delar
  • Startsida med senast inkomna bil
  • Fordonskatalog + filter
  • Bildetalj med galleri & kalkylator
  • Hitta din bil-guide
  • Sälj din bil-formulär
  • Tjänster, om oss, kontakt, FAQ
  • Proffstips (blogg)
  • Jämför bilar

02Kund & medlem

Yta 02 · 7 delar
  • Kontoinloggning (Firebase)
  • Digitalt medlemskort + QR
  • Pris- & sökbevakningar
  • Provkörningsbokning
  • Köphistorik
  • Partnererbjudanden
  • GDPR-export & radering

03Admin & drift

Yta 03 · 8 delar
  • Leadhantering
  • Kundregister
  • Bytbil-synk (cron)
  • TV-display
  • PDF-trycksaker
  • Nyhetsbrev & mejl
  • Sentry + Google Analytics
  • 86 E2E-tester

Teknik

Modern stack,byggd för drift.

TypeScript hela vägen. Serverkomponenter där det går. Auth och data med Firebase. Fel i Sentry, trafik i Google Analytics. Automatiska tester med Playwright. Deploy via Vercel till bfbilar.se.

01Ramverk

  • Next.js 16 (App Router)
  • React 19
  • TypeScript
  • Tailwind CSS v4

02Data & inloggning

  • Firebase Auth + Firestore
  • Firebase Storage

03Integrationer

  • Bytbil API
  • Resend (e-post)

04Drift & kvalitet

  • Sentry + Google Analytics
  • Playwright E2E
  • Vercel

Om kunden

Tre personer somsäljer bilar, inte enIT-avdelning.

BF Bilar Åkarp AB är en etablerad begagnatbilhandlare på Alnarpsvägen 52. 30+ år på samma plats, personlig service som motto, enbart svensksålda bilar och garanti med 0 kr självrisk. Omsättning i storleksordningen 30 MSEK-klassen – tre personer som säljer bilar, inte en IT-avdelning.

Därför var uppdraget att ge dem en digital yta i samma nivå som den personliga servicen – utan att de skulle behöva bli utvecklare.

Vad kostar något liknande?

Tre paket,från-pris på alla.

Allt byggs i Next.js. En plattform i BF Bilars klass utgår från System – extra funktioner som AI-chatt, medlemskap och TV-läge höjer priset. Det slutliga priset avtalas per kund.

  • Synlig

    Sökmotoroptimerad hemsida

    En komplett, professionell hemsida för företaget. Det räcker för de flesta som vill synas på Google och bli kontaktade.

    från12 500 krexkl. moms
  • System

    Närmast BF Bilar
    Egen applikation

    Ett eget system som gör jobbet lättare: kunddata, inloggning och flöden byggda för just din verksamhet. Hemsidan ingår.

    från34 500 krexkl. moms
  • Butik

    E-handel med Shopify

    En snabb webbshop där kunden ser dina produkter och betalar direkt. Produkter och ordrar sköter du i Shopify.

    från24 500 krexkl. moms
Hosting för allt vi byggtDriftpaket per månad, exkl. moms. Sägs upp med en månads varsel.
Alla priser
  • Bas695 kr/mån
  • StandardRekommenderad1 295 kr/mån
  • PlusStörst värde2 495 kr/mån

Nästa steg

Vill du ha något i den här klassen?

Berätta om din verksamhet. Vi går igenom omfattning och ungefärlig kostnad utifrån paketen – samma arbetssätt som med BF Bilar, med resultatet i fokus.

30 min, gratisMeet/telefon

Boka möte