Det finns webbplatser som informerar, och det finns webbplatser som förmedlar en känsla. Yoga Havsro behövde det senare.
Bakom det fiktiva företaget Yoga Havsro finns en liten yogastudio med spa-behandlingar och retreatverksamhet – ett ställe med havsnära läge, en genomtänkt filosofi och en stark övertygelse om att vila inte är något man behöver förtjäna.
Företaget var i en expansionsfas och den digitala närvaron hängde inte med. Den gamla hemsidan gjorde vad den behövde göra, men inte mer: den gav grundläggande information, den bar inte den känsla som verksamheten faktiskt stod för, och framför allt: den saknade ett fungerande bokningssystem. Kunder ringde eller mejlade för att boka. Det fungerade, men det var onödigt tungrott, både för kunden och för personalen.
Det var utgångspunkten.
Vad kunden visste: en känsla räcker
Yoga Havsro visste inte exakt vad de ville ha. Det behöver man inte. Det de visste var känslan: de pratade om havet, om lugnet, om det skandinaviska och avskalade. Om att inte prestera. Några ord räcker som start, och det är faktiskt det bästa sättet att börja: med känslan, inte med en färdig lista på funktioner och önskemål.
Utifrån de orden började arbetet ta form.
Den visuella identiteten: att designa en känsla
Det första steget var att hitta en visuell identitet som faktiskt matchade det de beskrivit.
Färgpaletten hämtar inspiration från havsmiljön, men på ett dämpat och avskalat sätt. Gröngrå bakgrundstoner, bläck, accentfärger i teal-blått och djupt ljungrosa som syns utan att ta över. Ingenting skär sig, ingenting är starkare än det behöver vara. Paletten är gjord för att vila i.
Typsnitten är tre. Ett klassiskt serif-typsnitt för sidrubriker, med en tidlös karaktär; parad med två moderna och lättlästa sans-serif för underrubriker respektive brödtext. Det ger en känsla av omsorg utan att bli gammalmodigt. Tillsammans håller de en konsekvent och modern känsla genom hela sajten.
Logotypen är en stiliserad lotus i en cirkel: enkel, skalbar, igenkännbar. Den fungerar lika bra i liten storlek på mobil som i full bredd på en datorskärm.
Det som kanske inte syns direkt men som märks när man scrollar igenom sajten är att luften är genomtänkt. Radavstånd, marginaler, hur mycket innehåll som får plats på skärmen innan man behöver scrolla vidare. Det genomgående temat är att ingenting ska ta plats det inte förtjänar. Varje element finns där av en anledning.
Sajten: sidor som berättar en historia
Hemsidan är byggd i WordPress och har åtta sidor: hem, Tjänster – med undersidorna Behandlingar och Yoga, Nyheter, Om oss, Bokning och Kontakt.
Startsidan presenterar Yoga Havsro med en tydlig tagline – Rörelse. Vila. Havsro. – och ger en snabb bild av vad stället erbjuder: yoga, wellness och behandlingar i en havsnära miljö. Ingen överväldigande informationsmängd. Det är en inbjudan, inte en broschyr.
Behandlingar-sidan listar de fyra behandlingarna – havsmassage, ansikts- och skalpbehandling, fotritual och djupavslappning rygg och axlar – med bilder, korta beskrivningar och direkta bokningsknappar. Tydligt och utan omvägar.
Om oss-sidan är skriven som ett manifest snarare än en presentation. Den berättar varför Yoga Havsro finns till, vad det är som driver verksamheten och vad en besökare kan förvänta sig att ta med sig hem. Den ställer inga krav, den säljer sig inte hårt – den delar en övertygelse och låter läsaren avgöra om den klingar rätt.
Bokningssidan samlar allt på ett ställe: behandlingar och yogapass i samma vy. Det var den tekniskt mest komplexa biten, och den viktigaste ur ett praktiskt perspektiv.
Bokningssystemet: bokning utan friktion
Det saknade bokningssystemet var den konkreta förändringen som hade störst effekt på hur verksamheten fungerar i praktiken.
Lösningen bygger på Amelia, ett bokningsplugin för WordPress. Det hanterar både enskilda behandlingar och återkommande events som yogapass och retreats. Kunder kan boka direkt på hemsidan, se tillgängliga tider, och får en automatisk bokningsbekräftelse. När ett pass är fullbokat stängs det. Retreats visar datum, antal platser kvar och pris.
Pluginet är anpassat till sajtens design – rätt färger, rätt typsnitt – så att det inte känns som ett separat system inklistrat på sidan.
Det som förut krävde ett mejl eller ett meddelande sker nu utan att personalen behöver vara inblandad. Det är en liten förändring i teorin och en stor förändring i vardagen.
Resultatet: ett nytt digitalt hem
En webbplats som ser ut och känns som verksamheten den representerar, med ett bokningssystem som gör det lätt för kunder att ta nästa steg och lätt för verksamheten att skala upp.
Känslan av lugn och meditativ närvaro finns redan i färgerna och typsnitten, innan man har läst ett ord. Texten och designen förstärker varandra istället för att existera parallellt.
Bokningssystemet fungerar. Det låter trivialt, men det är grundförutsättningen för allt annat; att det tekniska är osynligt, att det bara fungerar.
Det är egentligen det som är målet varje gång: att den digitala närvaron hänger ihop med det faktiska erbjudandet, och att vägen från intresserad till bokad är så kort och friktionsfri som möjligt.
Är du nyfiken på hur en ny sajt skulle kunna se ut för dig? Hör av dig – du behöver inte ha en färdig idé, det räcker med en känsla.
Fotografierna i skärmklippen kommer från Magnific, magnific.com.