PROJEKTRAPPORTPROJEKTRAPPORT
- BILAG - - BILAG -
WWW.DAV.NUWWW.DAV.NU
Stine Møller KjærStine Møller Kjær&&
Anja Styhm KristensenAnja Styhm Kristensen
Eksamensopgave: Eksamensopgave:
Multimedie teknologi & Interaktionsdesign 0512Multimedie teknologi & Interaktionsdesign 0512
1 PROJEKT OG TIDSPLANSMODEL
28.feb 4. mar 5. mar 6. mar 7. mar 8. mar 9. mar 10. mar 11. mar 12.mar
Foranalyse (3) 15Kundebesøg (2) 2Projektbeskrivelse (1) 2UndersøgelseGrafisk research af hjemmesider (3) 4Kommunikationsplan (3) 4Andet kundebesøg (1) ½DesignMindmap (flyttes til design) (1) 1Flowchart (1) 1½Story boards (20) 17Find og tilpas tema (5) 7Ekstern designmanualVisuel mockups (5) 7RealiseringAndet kundebesøg (1) 1HTML/CSSWordpress (20)13Ekstern designmanual (10) 12 Uploading 0,5/Skriv rapport 40/26Layout rapport (5) 11(Estimeret total)reel total (121,5) 118
2 EKSTERN DESIGNMANUAL
DESIGNELEMENTER/LOGO
Logoet er placeret øverst i højre hjørne i headeren.
280px x 190px
DESIGNELEMENTER/BILLEDGALLERI
Blikfang på siden er headerbilledet, der har logoet placeret i højre hjørne. Billedet er repræsenteret ved varme farver, der skal lede tankerne hen på den Angolanske solopgang.
940px x 188px
DESIGNELEMENTER/HØJRE SIDEBAR
Vores højre sidebar er en widget, hvori vi har placeret:• Det sker i DAV- (nyheder)
o Overskrift+ indlæg: ”Helvetica Neue”,Helvetica, sans-serif #3B2A21, • genveje til facebook og Angolansk, Engelsk og Dansk udgave af sitet• Præsentationsvideo af DAV
o Titel+ tekst under billede: ”Helvetica Neue”,Helvetica, sans-serif #3B2A21
BILLEDSTIL
Billedmaterialet, der er tilstede på sitet er leveret af kunden og fokus har været at udvælge billeder, der viser forholdende i Angola og det arbejde, der foregår i Angola samt DAVs organisation. Samtidig har fokus været på at udvælge billeder, der passer ind i vores farvepalet, nemlig varme farver.
300px x 225px 300px x 225px
300px x 225px
NAVIGATIONSMENU/NAVIGATIONSBAR
Navigationsmenuen er placeret under af headerbilledet og der er valgt en brun farve med den hensigt at navigationsbaren således skal ligne en forlængelse af headerbilledet. Menuen er statisk på alle sitets sider og alle sitets sider såvel som undersider styres fra navigationsbaren. Navigationsbaren har endvidere dropdownfunktion, hvor undersiderne kommer til syne. Yderst til højre i navigationsbaren er der endvidere placeret et søgefelt.
Text: ”Helvetica Neue”,Helvetica, sans-serif Current page text: #FFD505Menu bar background: #3B2A21Menu bar text: #F9A31CMenu bar hover background: #F9A31CMenu bare hover text: #050101Sub-menu item background: #CC661CSub-menu text: #000000Sub-menu hover background: #FF8024Sub-menu text hover: #FFFFFF
TEKSTFORMATERING/TYPOGRAFISPECIFIKATION
”Helvetica Neue”,Helvetica, sans-serif er den anvendte font på hele sitet.
Helvetica ABCDEFGHIJKLMNOPQRSTVWXYZÆØÅAbcdefghijklmnopqrstvwxyzæøå
TEKSTFORMATERING/FARVESPECIFIKATION
Sitets farver er holdt indenfor den varme farvepalet med undtagelse for wrapperen som er hvid.
1.1 STORYBOARDS
PRÆ-STORYBOARDSI vores foranalyse-fase (efter vi havde lavet flow chartet) lavede vi story boads på alle vores sider I form af skitser – som ses herunder:
Vi fandt hurtigt en grundform for alle vores sider indeholdende de elementer som var nødvendige og æstetisk mest passende for at imødekomme kundens behov og som ville passe ind i vores koncept.
STORYBOARDS
Nedenstående model illustrerer det grundtema som går igen på alle siderne:
Header med billede og logo
Navigationsbar
Indholdsområde til tekst
Index-siden ser dog lidt anderledes ud idet den har en navigationsbar i højre side hvor der er mulighed for indlæg, mulighed
for at linke til en tilsvarende hjemmeside på engelsk eller portugisisk og en statisk video som linker til Youtube.
Header med billede og logo
Navigationsmenu
Inholdsområde til tekst
NavigationsbarNyhedsindlæg
Sprog muligheder
Youtube video
IDÉKATALOG
• Vi synes, at DAVs logo er et godt og repræsentativt logo for organisationen og i den sammenhæng mener vi, at der er
mulighed for at videreudvikle logoets betydning. Ideen vi påtænker trækker på ’I <3 NY’mottoet (i love/heart New York).
I forhold til DAV forestiller vi os, at man kunne spille på venskabselementet i DAVs navn. Via logoet forestille vi os, man
først opstiller Danmark-Angola relationen, hvor logoet står imellem de to lande og illustrerer venskaber. Herunder
forestiller vi os der kunne stå ’Skal vi være ” hvor logoet således skal repræsenterer ordet venner-altså så det
repræsenterer spørgsmålet ’skal vi være venner?’.Vi forestiller os det ville se således ud:
Danmark Angola
Skal vi være
• Det tema, vi har valgt at lave DAVs site i (weaver II) indeholder en funktion, der gør det muligt at have et intranet. Dette
synes vi er en oplagt mulighed for DAV at gøre brug af, da man her vil kunne samle alle, der er engagerede i DAV og
forsørge dem med informationer. Endvidere kan det gøres til en mulighed, at medlemmer også kan uploade
dokumenter og dele informationer herinde. Alt i alt men vi, at intranettet kunne vi en være at sammentømre hele
DAVgruppen og også give de frivillige mulighed for at føle, at de kan bidrage med egne ideer og forslag til
foreningen.Mulighed for en medlemsskabsside
• På vores hjemmeside har vi placeret en ‘facebookknap’ så brugerne også kan blive sendt videre til DAVs facebookside.
I forhold til at optræde som organisation på Facebook er det nogle overvejelse, som vi mener vil være gode at gøre sig:
o Overvej aktivitetsniveauet på siden- en facebookside er meget anderledes end en almindelig hjemmeside.
Kravene til aktivitetsniveauet er meget højere på facebook, da der her sker så stor en mængde
informationsdeling, at det er let at ’drukne i mængden’. Det er i den forbindelse utrolig vigtigt, at man sørger for
at gøre sig interessant og aktivere de brugere, der følger ens side. Man skal således overveje, hvad det er man
vil med en såkaldt facebookprofil og om man er parat til og kan lægge de kræfter i det, som der kræves.
o At overveje hvilken stemme ens facebookprofil skal have er vigtigt-især når man agerer derinde som
organisation. Der er flere forskellige stemmer at vælge, såsom en mere corporate stemme eller en mere
personlig stemme- det bør igen afstemmes i forhold til hvad man vil med facebookprofilen og målgruppen.
Endvidere er det vigtigt, at man etablerer et regelsæt for hvordan man vil gebærde sig på siden og det vil i den
henseende være smart at overdrage styringen af facebooksiden til en bestemt gruppe mennesker eller evt en
person. Vores anbefaling ifht DAV er at gribe det an fra en mere personlig vinkel, da dette er mere i
overensstemmelse med den brugerflade organisationen har.
• DAV har udtrykt, at noget af det, der vigtigst på deres site er den tilgængelige information. I den forbindelse er det vores
anbefaling, at de også bruger blogs som informationskilde. Via blogs kan man få en mere personlig vinkel på
informationerne. Desuden foretrækker af nutidens brugere i sammenhæng med information fra den pågældende
organisation også at få informationer fra folk, der ikke er tilknyttet organisationen eller eksempelvis frivillige.