WEBBDESIGN
UX/UI DESIGN
WIREFRAMES
WEBBDESIGN
PROJEKTET
Vad handlar det om?
Det här projektet började som ett skolprojekt tillsammans med en riktig kund. Min grupp bestod av Anna Lyrander, Hilda Åberg Rosell, Natali Jaber, Josefina Spångberg och Lisa Portin. Kunden ville modernisera sitt webb samt skapa ett visuellt uttryck som överensstämde med deras värderingar och identitet. Därför tog vi fram en ny visuell identitet, uppdaterad bildbank, webbdesign i figma samt en broschyr och nytt sammanhängande material för sociala medier.
Jag ansvarade för att ta skapa UI-designen för webbprototypen. Därefter fortsatte jag samarbetet och håller just nu på att utveckla webbskisserna i WordPress, Elementor.
Område
Webbdesign
UI design
Program
LÖSNINGEN
Grafisk profil
Här ser vi resultatet av den grafiska profilen som togs fram i projektet och ansvarades av Lisa Portin, Hilda Åberg Rosell och Josefina Spångberg. Här fastställde vi tillsammans värdeord, färger, bildspråk och former för att vidare kunna designa den nya webbsidan.
UI-designen
Från ett UI-perspektiv ville jag att VALBOs nya grafiska profil skulle kännas genom hela hemsidan – Från bildspråket och formerna av element, till färgval och typografi. Detta applicerades sedan på desktop-skisser samt mobilanpassade versioner.
Den grafiska profilen
Jag utgick från den nya visuella identiteten som vi tog fram för VALBO när jag skapade skisserna. Värdeord som Empati, Mänsklighet men fortfarande Stabilt och Tydliga gränser kom till tanken många gånger under mina designval. Därför blev det ett mänskligt och varmt bildspråk, rundade hörn på element och organiska former på sektioner och bilder. Dock för att inte få ett för lekfullt utseende var jag ändå restriktiv med illustrationer och liknande.
Färger
Jag implementerade VALBOs nya färger och höll mig mestadels till deras primära morkblåa färg, för att skapa en lugn helhet genom hela webbplatsen. Den oranga färgen användes mer restriktivt men applicerades som mest på CTA-knappar på grund av sin starka, kontrasterande nyans.
