UX & Service Design
Webbprojekt med Femme Defence
BAKGRUND
I början av hösten 2025 inleddes ett samarbete med Femme Defence, en organisation som verkar för unga kvinnor i försvars- och säkerhetssektiorn. I samband med samarbetet hade Femme Defence ett behov av en ny hemsida, vilket visade sig bli en perfekt uppgift för Louise Alveflo som inte bara har flera års erfarenhet inom cybersäkerhetsbranschen, utan som även gjorde praktik som UX designer hos oss.
UPPDRAG
Femme Defence behövde modernisera sin webbplats för att stärka sitt professionella uttryck. Vi tog oss an uppdraget med målet att skapa en modern och lättadministrerad lösning för en styrelse med begränsad erfarenhet av webbarbete.
Utmaningen låg i att behålla den visuella identiteten — logotyp, färger och typsnitt — samtidigt som webbplatsens struktur och användarvänlighet förbättrades. Den tidigare sajten hade ojämn layout, inkonsekvent färgsättning och en överlastad förstasida, medan undersidorna var eftersatta. Dessutom saknades en tydlig meny, vilket gjorde navigationen svår.
Uppdraget omfattade att ta fram en mer logisk navigationsstruktur, säkerställa en enhetlig design och skapa en lösning där texter, bilder och länkar kunde uppdateras enkelt.
Målet var att ge Femme Defence en modern och hållbar webbplats som kändes igen — men upplevdes som betydligt mer professionell, tydlig och lättnavigerad.
LÖSNING
Arbetet började med en jämförelse av olika hemsidebyggare för att hitta ett användarvänligt och prisvänligt alternativ. I samråd med Femme Defence valde vi Framer som plattform.
Nästa steg var att definiera hemsidans struktur. Femme Defence önskade sex sidor: startsida, mentorskap, om oss, stötta, kontakta oss och bli medlem.
”Eftersom människor generellt sätt sätter ett högre värde på något som de själva varit med och skapat, så valde jag att ta fram tre wireframes per sida så att de kunde välja de upplägg som bäst motsvarade deras behov.” – Louise Alveflo
När strukturen var satt arbetade vi iterativt med designen. Målet var att behålla deras grafiska profil men samtidigt skapa ett mer modernt och professionellt uttryck. Genom att tillämpa 60–30–10-regeln balanserade vi färgerna och tonade ner deras mörka palett. Ett kamouflagemönster lades till som en återkommande visuell detalj för att subtilt anknyta till försvars- och säkerhetsbranschen.
RESULTAT
Designen producerades i Figma och hemsidan byggdes och publicerades i Framer och gick live under domänen www.femmedefence.com. Webbsidan har är en startsida med fem stycken undersidor:
Mentorskap
Om oss
Stötta Femme Defence
Kontakta oss
Bli medlem
Resultatet är en modern hemsida som kombinerar Femme Defence gamla visuella identitet med nya bilder och innehåll som speglar deras verksamhet på ett professionellt intryck.
Är du i behov av en eller flera konsulter till ditt projekt? Kontakta
gärna mig så ser vi vilket samarbete som passar bäst och hur vi kan
möta era behov.
