Design af STIA website

Gruppearbejde

Redesign en af følgende websider:

http://www.frisor.dk/stia
https://arosanlaeg.dk/

Det færdige produkt skal være responsivt (se godt ud på alle skærme)
Sitet skal optimeres for hurtig indlæsning på mobiler. Tip: brug evt svg og <picture>
Der skal være et tydeligt “call to action” på sitet (se oplæg om kommunikation)

Vores gruppe valgte http://www.frisor.dk/stia som projekt.

Prototype:

Se i browser

Idé, brainstorm

Website bygges op af firkanter.
Visuelt anerledes end "normalt".
Feminine farver bruges, da sitet hovedsageligt skal henvende sig til kvinder.
Idé: på pc/store skærme kan et main billede vises i venstre side (fixed), mens tekst "ruller" i højre.
Logo laves med kam, saks og hårtørrer.
Mobilvenlig.

Skitse/wireframe

Skitse af STIA website

Skitse til brug for modellering af website til pc/store skærme.

Skitse af STIA website til mobil

Skitse til brug for modellering af website til mobil/små skærme.

Moodboard

Moodboard til STIA website

Disse farver blev originalt valgt til websitet.

Moodboard brugt til STIA website

Men så fik klienten en "nedsmeltning i hjernen" og ville have nogle lidt kraftigere farver på sit website. Klienten har jo altid ret, så det blev dette moodboard vi designede ud fra.

Farver

Farver til STIA website

Farver er specifikt udvalgt til målgruppen, som hovedsageligt er kvinder.

Farver til STIA website

Farver der ikke blev valgt.

Typografi - Lora

Skrifttypen hedder Lora og kan findes på google fonts: https://fonts.google.com/specimen/Lora.
Skriften er en smule feminin men samtidig letlæselig, da det er en serif type.

Typografi til STIA website
Tilbage
Videre