Hoppa till innehållet
KlykIT
Case · Mobilreparationer i Norrköping

Mobilakuten

En helt ny sajt i egen kod för en verkstad som lagar iPhone, iPad och Samsung. Fokus: att kunden snabbt hittar priset för sin modell – och att butiken själv kan hålla priserna aktuella.

Se testversionen live
mobilakuten.se
Mobilakutens startsida på dator med prisväljare för iPhone, Samsung och iPad
Mobilakutens startsida på mobil

Utmaningen

Den gamla sajten byggde på WordPress. Flera sidor var trasiga och prislistorna var svåra att hålla uppdaterade.

Besökarna kommer oftast från mobilen och vill bara veta en sak: vad kostar det att laga just min telefon?

Lösningen

  • 01

    Pris på två klick

    En prisväljare direkt på startsidan: välj märke och modell, så syns priset för skärm- och batteribyte.

  • 02

    Prislistor per märke

    Tydliga listor för iPhone, Samsung och iPad med alla modeller och reparationer.

  • 03

    Egen admin

    Inloggning där butiken själv ändrar märken, modeller och priser – med logg över alla ändringar.

  • 04

    Scroll-animation

    ”Från trasig till hel” – telefonen plockas isär och sätts ihop i fyra steg medan man scrollar.

  • 05

    Gamla adresser följer med

    De gamla adresserna skickas vidare till rätt ny sida, så att placeringarna i Google inte går förlorade.

  • 06

    Byggd för mobilen

    Fast knapp för att ringa och se priser – alltid inom räckhåll för tummen.

Så blev det

Skärmdumpar från testversionen.

Scroll-animationen på mobil: telefonen isärplockad i lager
01Scroll-animationen, steg 3 av 4
Prislista för iPhone-reparationer på dator
02Prislista per märke och modell
Prislista för iPhone på mobil
03Prislistan på mobil
Adminläget där priser för en modell redigeras
04Admin: butiken ändrar själv sina priser
Scroll-animationen på dator
05Animationen på dator
Om oss och kontakt på mobil
06Om oss & kontakt på mobil

Resultatet

Googles Lighthouse-test, mobil och dator, uppmätt på testversionen.

  • Next.js + TypeScript
  • Tailwind CSS
  • Motion
  • PostgreSQL + Drizzle
  • Egen säker server
99–100
Prestanda
100
Tillgänglighet
100
Bästa praxis

Vill du ha något liknande? Se paket och priser

Redo för en hemsida som sticker ut?

Hör av dig – vi berättar gärna mer.