Stillsamhetens Spa
En grafisk profil och webbplats som förmedlar lugn, värme och kvalitet
Om projektet
Projektet utgår från det fiktiva företaget Stillsamhetens Spa som erbjuder en plats för återhämtning och avkoppling vid en sjö i västra Kalmar. Uppgiften gick ut på att skapa en grafisk profil och en webbplats som förmedlar företagets värdegrund och vision. Med nyckelord som stillhet, omtanke, kvalitet och frihet tog vi fram logotyp, färgpalett och typografi. Därefter byggde vi en webbplats i WordPress utifrån den visuella identiteten, där målet var att skapa en varm, trovärdig och inbjudande helhet.
TEAM
Grupprojekt om 2 studenter
MIN ROLL
Jag bidrog särskilt till konsekvent struktur, designbeslut och det övergripande helhetsuttrycket på webbplatsen
TID
6 nov 2023 – 14 jan 2024
VERKTYG
WordPress
Figma
Arbetssätt & planering
Projektet genomfördes i nära samarbete där vi haft ett gemensamt ansvar för både design och genomförande. För att hålla en tydlig struktur hölls veckovisa möten, och utöver dessa planeringstillfällen arbetade vi ofta i gemensamma designsessioner. Denna arbetsform skapade både engagemang och effektivitet, eftersom beslut kunde tas snabbt och båda två var insatta i designprocessen. Arbetet har skett iterativt där idéer har testats, förfinats och ibland ersatts när bättre lösningar uppstått.
Metod och research
Projektet tog avstamp i briefen och den bakgrundsinformation som fanns tillgänglig om företaget, målgruppen och deras behov. Målgruppen är främst vuxna privatpersoner med intresse för avkoppling och kvalitet, samt företag som söker en harmonisk konferensmiljö. Tidigare framtagna personas låg till grund för hur vi anpassade bildspråk och tonalitet till målgruppen och för att skapa en trovärdig helhet gjordes research i från studentlitteratur kring teorier gällande färg, form och typografi. Vi arbetade även utifrån principer inom visuell hierarki och informationsarkitektur för att skapa balans, rytm och tydlig navigering på webbplatsen.
Vägen till designen
Resultatet är en enhetlig webbplats som tydligt speglar Stillsamhetens Spas värdegrund och visuella identitet. Webbplatsen känns öppen och lätt att navigera, med texter och bilder som förmedlar omtanke och kvalitet. Särskild omsorg har lagts vid målgruppsanpassning, då både språk, bildval och struktur är utformade för att tilltala den vuxna målgruppen. Alternativa bildtexter har inkluderats för ökad tillgänglighet, och strukturen gör det enkelt att hitta relevant information.
KULÖRPALETTER
LOGOTYPER & KOMPLEMENTBILDER
Den grafiska profilen sattes först, med logotypen i teckensnittet Adventures Unlimited för att förmedla en personlig och handskriven känsla. Färgpaletten domineras av lugna blå och jordnära toner, med en gul accent för värme och kontrast. Teckensnitten PF Marlet Display och Futura PT valdes för att balansera elegans och läsbarhet. När webbplatsen skapades byggde vi vidare på dessa val. Designen utformades med fokus på symmetri, balans och tydlig rytm för att skapa en lugn men levande layout. Sidorna har ett konsekvent upplägg där bild och text samspelar, och navigationen är strukturerad hierarkiskt med tydliga menyer och länkar.
Resultat
Resultatet är en enhetlig webbplats som tydligt speglar Stillsamhetens Spas värdegrund och visuella identitet. Webbplatsen känns öppen, lugn och lätt att navigera, med texter och bilder som förmedlar omtanke och kvalitet. Särskild omsorg har lagts vid målgruppsanpassning, då både språk, bildval och struktur är utformade för att tilltala den vuxna målgruppen. Alternativa bildtexter har inkluderats för ökad tillgänglighet, och strukturen gör det enkelt att hitta relevant information.
Reflektion och lärdomar
Det här var mitt första projekt i WordPress, vilket var både utmanande och lärorikt. Att arbeta i en ny miljö krävde tålamod och en vilja att testa sig fram, men det gav också en tydligare förståelse för hur design tar form i praktiken. Jag tog ett stort ansvar för layoutlösningar och responsiv design, medan min arbetskamrat hade stort ansvar för bildval och hantering av dessa. Den grafiska profilen med logotyp, komplementbild och färgpalett gjorde jag på egen hand och tar stort uttryck i webbplatsen. Sett till att detta var första gången jag arbetade i WordPress är jag nöjd med resultatet, trots att jag ser flera förbättringsmöjligheter, exempelvis att vi hade kunnat lägga mer tid på att testa färgkontraster och utforska alternativa layoutlösningar för bättre tillgänglighet. Samtidigt har projektet gett mig en starkare förståelse för samspelet mellan grafisk design och digital implementering, en lärdom jag tagit med mig till efterföljande projekt.