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

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.
Resultatet
Googles Lighthouse-test, mobil och dator, uppmätt på testversionen.
- Next.js + TypeScript
- Tailwind CSS
- Motion
- PostgreSQL + Drizzle
- Egen säker server





