Grafisk Design
Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring Mindfulness-baseret Stress Reduktion (MBSR). Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Beskrivelse af opgaven Kunden har længe ønsket at få fornyet deres hjemmeside. Jeg har i den forbindelse tilbudt, at lave et redesign den og komme med et udkast. Som det er nu kan kunden selv ved hjælp af et cms system redigere indholdet og det ønsker de stadig er muligt. Tekniske detaljer Tid: 10 dage Sideopsætning: CSS og HTML Sidebrede: 960 px Billedeopløsning: min. 72ppi Billedeformater: PNG, GIF og JPEG Farverum: HEX og RGB Flowchart Udarbejdning af flowchart er med til at skabe et overblik over hjemmesidens struktur. Skitser Skiterne til hjemmesiden, er først lavet som stregtegninger i hånden, som viser groft hvordan siden skal opdeles. Efterfølgende har jeg rentegnet dem i Photoshop med alle detaljer, farver, skrift og billeder.
M IND F ULLIF E INSTITU TE M IND F ULLIF E INSTITU TE M IND F ULLIF E INSTITU TE
Moodboard Moodboardet har jeg brugt til at finde frem til den rette visuelle stil og stemning for hjemmesiden. Logo Nyt logo er lavet efter ønske fra kunden, som kom med en skitse af ideen til det ønskede resultat. Derfor er det også bevidst at logoet har fået en mere fremtræden rolle på den nye hjemmeside, så både nye og gamle bruger ikke er i tvivl om hvem afsenderen er. Kreative fase Stilmæssigt er jeg gået efter et meget enkelt og funktionelt layout, hvor det er nemt for brugerne at navigere rundt. Med inspiration fra moodboardet og mine skitser, besluttede jeg at hjemmesiden skulle have hvid baggrund og der skulle lægges vægt på nogle lækre billeder som kunne give brugerne den rette stemming af mindfulness. Skrifter Som den primære font har jeg brugt Roboto som er en san-sherif font, som har et stilrent og enkelt design, og indholder mange snit. Som sekundære og hovedsaglig til overskrifterne har jeg valgt Playfair som er en sherif font, som bryder det meget enkelte og stilrene layout. Begge fonte er fra Google Fonts, det sikre at alle vil se siden med de rigtige fonte. Roboto Roboto Regular abcdefghijklm Roboto Regular Italic abcdefghijklm Roboto Light abcdefghijklm Roboto Light Italic abcdefghijklm Roboto Medium abcdefghijklm Roboto Medium Italic abcdefghijklm Playfair Display Playfair Display Regular Italic abcdefghijklm Playfair Display Bold abcdefghijklm Playfair Display Bold Italic abcdefghijklm Playfair Display Black abcdefghijklm Farver Jeg valgt kun at bruge den blå farve som også er brugt i logoet. Igen for at holde siden meget ren og enkelt. Den blå farve giver følelsen af fred, ro, harmoni, tillid og selvtillid, hvilket er præcis det jeg ønskede at hjemmesiden skulle udstråle. HEX #000000 RGB 0 0 0 CMYK 0 0 0 100 HEX #00619E RGB 0 97 158 CMYK 90 50 0 20 HEX #f2f2f2 RGB 242 242 242 CMYK 6 4 5 0 HEX #ffffff RGB 255 255 255 CMYK 0 0 0 0
Opbygning Jeg har brugt Gestalt lovene, lighed og nærhed i min opbygning af hjemmesiden. Lighed: Mange af elementerne på hjemmesiden gentager sig på alle siderne, f.eks. menuerne, billedebanneret og footerne, er gennemgående i deres placering. Nærhed: Har jeg blandt andet brugt i opsætning af teksterne, så det er nemt for brugerne at se hvad der høre sammen. HTML og CSS Side er kodet op med HTML som en dummy side. Som kunden har fået fremvist og haft mulighed for at klikke rundt på. Derfor er det også kun hoved menuens links der virker. Afsluttende fase: Som det sidste testes siden fra både MAC og PC i de forskellige browsere, Firefox, Internet Explorer og Google Chrome. Se hjemmesiden live på www.anjajelstrup.com/mindfullife