J&P Bygg
En hantverkssida som känns lika gedigen som företaget bakom den — byggd med research, modern webbteknik och riktig snickarglädje.
J&P Bygg AB är ett väletablerat byggföretag i Västerås med över 35 år i branschen och 5000+ genomförda projekt. Problemet? De var helt osynliga online. Inga tidigare webbplatser, ingen portfoliosida och inget sätt för potentiella kunder att se deras arbete eller komma i kontakt med dem digitalt. I en bransch där förtroende och referensprojekt är avgörande för att vinna nya uppdrag var detta ett akut problem.
Utmaningen var att bygga ett digitalt skyltfönster som andades samma värme, pålitlighet och taktila hantverkskvalitet som de själva levererar i verkligheten – utan att det kändes som en generisk "hantverkarhemsida". Den behövde också vara helt självgående och fungera felfritt på mobilen, där majoriteten av deras kunder först hittar dem.
En levande portfolio: Visa upp slutförda projekt med före/efter-bilder, konkreta resultat och kundcitat för att bygga förtroende.
Enkel kontakt: Göra det busenkelt för kunder att höra av sig via ett smidigt, respektfullt och GDPR-säkert kontaktformulär.
Lokal synlighet: Rankas högt på Google för byggtjänster i Västerås genom gedigen, inbyggd sökmotoroptimering (SEO) från grunden.
Vi byggde en modern, skräddarsydd webbplats som är blixtsnabb, säker och otroligt enkel att sköta. Genom att använda ett så kallat Headless CMS (Sanity) gav vi J&P Bygg friheten att själva uppdatera projekt, medarbetare och texter via ett lättanvänt gränssnitt. Samtidigt är arkitekturen i bakgrunden (byggd med Astro) designad för att vara extremt snabb och kraschsäker, oavsett vad som händer.
Designmässigt tog vi avstamp i naturmaterialens färgpalett: falurött, träbrunt, sand, grädde och skogsgrönt. Bilderna fick geometriska former (hexagoner, pilar) med en offset-skugga i varumärkesrött – ett signaturmotiv som går igen på varje sida. Typsnittshierarkin blandar stabila rubriker med stilren brödtext och inslag av personlig handskrift för att förena "etablerat företag" med "personlig värme".
För att garantera att kundförfrågningar alltid når fram säkert, utan att fastna i skräpposten, byggde vi ett skräddarsytt och serverlöst kontaktformulär. Hela upplevelsen är byggd för att sidan ska ladda direkt och ge besökaren ett premiumintryck från första klicket.
Steg 1
Research & användarintervjuer
Steg 2
Konkurrentanalys
Steg 3
Designsystem
Steg 4
UX-testning
Steg 5
Prestandaoptimering
Blixtsnabb prestanda
100/100 i Lighthouse.
Hantverkskänsla i pixlar
färgpalett från naturen, geometriska clip-path-bilder, trästruktur-bakgrund, tre typsnittsfamiljer i harmoni, en sajt som känns lika gedigen som ett snickeri.
Självgående & framtidssäker
Headless CMS för innehåll, serverlös formulärhantering, automatisk deploy vid publicering. Noll driftkostnad utöver domänen. J&P Bygg kan fokusera på snickeri — inte webbadmin.
Resultatet
"Från noll digital närvaro till en fullfjädrad, SEO-optimerad webbplats med portfolio, kontaktvägar och ett designspråk som verkligen känns som J&P Bygg."