Analys & strategi
Design, UI/UX
Webbutveckling
Content
SEO, SEM & webbanalys
Drift & supportHestraviken
Hotell, spa, restaurang och konferens, mitt i den småländska naturen
Bakgrund och strategi
Hestraviken hade en charmig men något daterad visuell identitet och webbplats. Utmaningen låg i att översätta varumärkets varma och personliga uttryck till en digital form som möter dagens krav på UX, SEO och redaktörsvänlighet. Webbplatsen behövde guida olika målgrupper, fungera på flera språk och ha en långsiktigt hållbar teknisk struktur.
Ny grafisk identitet
Tankbar fick uppdraget att skapa en ny grafisk identitet och utveckla en modern, konverteringsdriven webbplats som lyfter fram det unika erbjudandet och samtidigt är enkel att hantera och vidareutveckla.
Arbetet inleddes med att ta fram ett nytt visuellt uttryck. Vi skapade en ny logotyp i flera versioner, ett färgsystem inspirerat av naturen runt Isaberg, en ny typografisk identitet samt mönster och ikoner som förmedlar känslan av platsen. En brandbook light togs fram för att säkerställa en enhetlig användning i alla kanaler.
Webbproduktion i WordPress
Webbplatsen byggdes i WordPress med ett blockbaserat system i Gutenberg. Vi utvecklade skräddarsydda block och moduler med fokus på flexibilitet, prestanda och enkel administration.
Lösningen är fullt responsiv, flerspråkig via Polylang och optimerad för snabb laddning. Teknikstacken omfattar Tailwind CSS, React, ACF och CI/CD via Bitbucket, vilket ger en modern och hållbar grund för vidareutveckling.
Förstudie och analys
Projektet inleddes med en förstudie där vi identifierade Hestravikens målgrupper, gjorde konkurrentanalys och genomförde en omfattande sökordsanalys. Målet var att förstå efterfrågat innehåll, sökbeteenden och relevanta teman kopplade till hotell, konferens, restaurang och erbjudanden.
Utifrån dessa insikter kunde vi prioritera innehåll, definiera användarresor och identifiera viktiga konverteringspunkter. Det låg till grund för en ny strukturerad sitemap som förbättrar både synlighet i sökmotorer och vägleder användaren genom webbplatsen.
UX och designsystem
Ett fullständigt designramverk togs fram med komponenter anpassade för både desktop och mobil. Vi byggde mallar och block för samtliga huvudsidor, inklusive startsida, rum, erbjudanden, konferens och restaurang. Särskilt fokus lades på att utforma tydliga CTA-block och formulär som driver bokningar och förfrågningar.
Typografihierarki och färgval utgick från den nya grafiska profilen, vilket säkerställer en visuell linje genom hela webbplatsen. Designen testades genom klickbar prototyp och förankrades med kunden innan utvecklingsfasen inleddes.
SEO och spårning
För att säkerställa synlighet i sökmotorer implementerades grundläggande SEO-konfiguration, inklusive metadata, titlar och sitemap. Vi hanterade även 301-ompekningar från gamla sidor för att bevara söktrafik och undvika brutna länkar.
Google Search Console och Google Analytics sattes upp, tillsammans med teknisk förberedelse för konverteringsspårning och framtida dashboards. Det ger Hestraviken rätt förutsättningar att följa upp trafik, beteende och mål på ett strukturerat och datadrivet sätt.
Kundspecifik funktionalitet
Som en del av utvecklingsarbetet byggde vi en ny erbjudandemodul i WordPress, anpassad för Hestravikens arbetssätt. Modulen gör det möjligt att skapa, schemalägga och uppdatera kampanjer direkt i adminpanelen – utan att behöva gå via utvecklare.
Funktionen är uppbyggd med återanvändbara block, vilket både förenklar redaktörsarbetet och skapar en enhetlig visuell presentation genom hela sajten. Det sparar tid och ger stor flexibilitet vid innehållsplanering..
Test och lansering
Innan lansering genomfördes omfattande tester för både utseende och funktion. Vi satte upp en separat testmiljö för QA och feedback, där både kund och projektteam kunde granska webbplatsen i sin helhet.
Backup-rutiner och återställningspunkter säkerställde trygghet under lansering. DNS-hantering och HTTPS-aktivering ingick i överlämningen, och en checklista följdes för att inga viktiga steg skulle missas vid go live.
Resultat
Hestraviken har idag en tydlig, sammanhållen visuell identitet som fungerar i alla kanaler – från webb till tryck. Webbplatsen är snabb, inspirerande och byggd för att driva konvertering, oavsett om besökaren söker rum, konferens, restaurangupplevelser eller aktuella erbjudanden
Den tekniska lösningen möjliggör smidig redigering internt och lägger en stabil grund för fortsatt digital utveckling. Sajten är inte bara ett digitalt skyltfönster utan ett affärsdrivande verktyg som vägleder besökaren mot bokning, inspiration eller kontakt.
Vad kunden säger
"Vi ville ha något som känns både modernt och genuint – precis som Hestraviken. Resultatet blev en fullträff."
