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. FLOWCHART

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.