DSU Dansk Stavgang Union

Transkript

1 DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie

2 Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier og platforme Side 12 Visuel identitet Side 12 Grafik og billeder Side 14 Usability Side 15! 2

3 Design brief Via mail havde MAK erne præsenteret, at vi skulle lave en hjemmeside for Dansk Stavgang Union, der har en målgruppe på +65 år. Vi blev inviteret til en brief, som foregik d. 23/10. Til denne brief fik vi en yderligere forklaring på, hvad DSU (Dansk Stavgang Union) gik ud på og hvad hjemmesidens formål skulle være. 1. Beskrivelse af opgaven - Der skal laves en hjemmeside der promovere DSU. Hjemmesiden skal forsøge at inspirere ældre mennesker til at benytte stavgang som kilde til motion og socialt samvær. 2. Hvem er DSU? - Dansk Stavgang Union er en landsdækkende union med fem lokalunioner (Sjælland, Fyn, Sønderjylland, Midtjylland og Nordjylland) - Antal ansatte: 5 fuldtidsansatte - Omsætning: 5 mio. (kontingent, øvrige) - Hovedsæde: Lyngby. - Antal medlemmer: Samarbejdspartnere? - Samarbejde med Kalas festival. Et årligt landsdækkende event, som er en festival der omhandler musik, mad og sundhed. - Samarbejde med Kræftens Bekæmpelse. Samarbejder om at samle penge ind til Kræftens Bekæmpelse via stavgang-ture. DSU s sponsorer betaler x antal penge per gået kilometer. 4. Konkurrenter? - Dansk Petanque Forbund (petanque.dk) - Fitnesscentre - Sportsklubber 5. Budskab? - At udvise fællesskab via aktivitet. At det er sjovt og sundt at gå stavgang i naturen, men ikke nødvendigvis hårdt som en træning i et fitnesscenter. - Unionen er professionel og at der er fordele ved at melde sig ind. 6. Målsætning? - At udbrede kendskabet til unionen. At udvise fællesskab via medlemskab i unionen. At få nye medlemmer via hjemmesiden. 7. Formkrav? Obligatoriske sider: - Om unionen - Lokalunioner (herunder events) - Kontakt - Shop (eller henvisning til producentens shop) - Meld dig ind! 3

4 Udover disse ovenstående ting, var der en samtale omkring hvorvidt deres krav var i forhold til logo, farver og andet generelt design. Vi fik at vide, at vi her havde frie tøjler, så længe at hjemmesiden var brugervenlig. Projektplanlægning På baggrund af det designbrief vi fik, gik vi i gang med at lave en brainstorm, indeholdende de ting vi vidste i forvejen, og hvad der ellers faldt os på sinde, at vi skulle have inddraget i processen.! 4

5 Efterfølgende satte vi os ned, for at foretage en PBS. Vi fik nedbrudt projektet til flere mindre projekter, så det blev mere overskueligt at se hvad der skulle udføres. Projektet var nu skåret ud i mindre etaper og uddelt til hvert af gruppemedlemmerne. Det vi efterfølgende gjorde, var at udføre en WBS. Grunden til at vi gjorde det, var at skære alle punkterne i vores PBS ud, så det stod klart for alle, hvad der skulle gøres, for at vi kunne nå frem til et gennemført resultat.! 5

6 Som prikken over i et i vores projektplanlægning, sammensatte vi også et Gantt-kort. På denne måde fik vi lagt nogle deadlines, gruppen imellem, og på baggrund af dette var alle i gruppen opmærksomme på hvad der skulle udføres, og hvornår de enkelte opgaver skulle være udført. Stakeholder analyse Med henblik på vores projekt, Dansk Stavgang Union, er der flere forskellige interessenter. Det er dem, der har interesse i at være en del af projektet på et eller andet plan, men også forventer at få noget tilbage. Dansk Stavgang Union har flere forskellige interessenter. Vores samarbejdspartnere, Kræftens Bekæmpelse, Kalas Festival og Powersenior.dk, medarbejderne, leverandørerne, ledelsen, myndighederne og sidst, men ikke mindst kunderne, der i dette tilfælde er de ældre i alderen 65 år og opefter. For at give DSU s interessenter en god idé, omkring hvordan den interne og eksterne situation ser ud i forhold til organisationen, har vi ovenfor valgt at lave en SWOT-analyse, som vist nedenfor:! 6

7 Ved at lave en interessentliste, giver vi os selv et godt overblik over hvem der har hvilken rolle, og hvem der har mest indflydelse af interessenterne. Man kan også se på listen, hvilke interessenter der ønsker at yde en ekstra indsats, som eksempelvis SKAT ikke vil have den store interesse i. De vil derimod gerne have at samarbejdet foregår som det skal, og efter en sædvanlig procedure. Stakeholder Interest Influence Role Objective Ledelsen af DSU Ejer Øverst kommanderende Markedsføringsøkonomerne +1 8 Project manager Styrer projektet Myndigheder (SKAT) 0 6 Kunderne De ældre (65+) Krav og rådgivning Krav og rådgivning +1 7 Målgruppe Målgruppe Samarbejdspartnere 0 2 Kapital Kapital Leverandører (Multimediedesign) +1 3 Implementator Leverer varen! 7

8 For at runde stakeholder analysen af, har vi valgt at fremvise et magt/interesse skema. Her ses det hvem af interessenterne der skal tages mest højde for, og hvilke der ikke skal prioriteres i lige så høj en grad som andre skal. Kunderne Ledelsen af DSU Mul. designere Mark. økonomerne Samarbejdspartnere Myndighederne Informations arkitektur Hvilke obligatoriske sider skal være på hjemmesiden? - Om unionen - Lokalunioner (herunder event) - Kontakt - Shop - Meld dig ind Derudover ville MAK erne gerne have at samarbejdspartnerne blev oplyst på siden og at siden skulle være meget brugervenlig pga. målgruppen. Vi fordelte menuen i hvad vi synes var en hierarkisk orden. Vi har lavet en hierarkisk model over vores hjemmesides struktur: Vi valgte at omdøbe nogle af de obligatoriske sider, da vi følte at det var mere passende for målgruppen. MAK erne havde brugt nogle engelske begreber såsom events og shop.! 8

9 Vi oversatte dem til dansk, da vi ved fra egen erfaring, at flere ældre mennesker ikke har så store engelsk kundskaber. Derudover valgte vi, at lave arrangementer til en side for sig selv, i stedet for at den er inde under lokalunionerne. Dette gjorde vi bl.a. pga der også vil forekomme flere arrangementer, hvor alle unionerne er velkomne. F.eks. Kalas festivalen. Derfor vil hovedmenuen se således ud: Om Unionerne MAK erne havde et ønske om at samarbejdspartnerne skulle nævnes på siden. Dette har vi valgt skal fremgå på forsiden. Men på forsiden skal der også fremgå hvem DSU er, hvad deres formål er og evt. information og fakta omkring DSU. Hvordan kan vi dele disse 3 ting op på en struktureret og brugervenlig måde? Et godt bud kunne være sådan her: På forsiden har vi valgt at lave 3 punkter Hvem er vi?, Samarbejdspartnere og Information om DSU. Det er brugervenligt i den forstand at vi fortæller dem at de kan klikke videre, og at knapperne er så store som de er. Vi føler ikke at en forside skulle have undermenuer, men vi følte at undermenuer kunne være en god løsning til nogle af vores andre punkter i menuen. Bl.a. Lokalunioner. Lokalunioner Der er 5 forskellige lokalunioner + et hovedkontor. Alle 6 sider finder man under Lokalunioner i en undermenu. Her er et eksempel på hvordan det kan se ud:! 9

10 Men pg.a. at siden skal være brugervenlig, har vi valgt, at man også sagtens bare kan trykke på Lokalunioner, hvor man så kommer frem til en side med links til de 6 sider. Nøjagtig samme metoder har vi valgt at bruge under Kontakt. Som i også kan se på ovenstående billede, har vi valgt at markere den menu/side man befinder sig på. Dette har vi gjort så man altid ved hvor man befinder sig. Arrangementer Under Arrangementer har vi valgt at lave et system, hvor man på siden kan finde et billede af en stor kalender. På kalenderen kan man se at visse datoer er markeret med forskellige farver som vist her: Ved siden af kalenderen er der beskrevet systemet omkring farverne. - Blå farve indikere lokalunionen Nordjylland - Rød farve indikere lokalunionen Midtjylland - Grøn farve indikere lokalunionen Sønderjylland - Gul farve indikere lokalunionen Fyn - Grå farve indikere lokalunionen Sjælland - Lilla farve indikere fælles arrangement for alle unionerne Man kan filtrere kalenderen så den f.eks. kun viser arrangementer for Nordjylland eller en af de andre unioner. Over kalenderen viser den dags dato og dagen er markeret med en lille blå cirkel på kalenderen. Vi har lavet dette system med tanken bag, at vi på baggrund af egne erfaringer ved, at mange ældre mennesker enten har en lignende kalender hængende i deres eget hjem, eller i hvert fald selv kender til systemet med en sådan kalender.! 10

11 Meld dig ind Under siden Meld dig ind har vi valgt at opstille et skema som skal udfyldes hvis man vil være medlem som ser således ud: Efter at have udfyldt skemaet trykker man på den store knap Meld mig ind, som derefter fører dig videre til et betalingssite. På betalingssitet kan man vælge at betale via netbank eller man kan trykke på en stor knap der hedder Send regning i stedet og man vil så få en regning sendt hjem til sig i stedet. Vi har lavet denne funktion, da vi ved af egen erfaring at mange ældre mennesker ikke er så villige til at give information ud omkring dem selv, og især ikke deres bankoplysninger på nettet. Butik Inde under Butik er der mulighed for at købe diverse produkter man kan bruge, hvis man går stavgang. Vi referere til et link til powersenior.dk, men viser også på siden de 5 mest solgte varer som ses her: Vi har valgt at sætte store billeder ind af varen, så man kan få et overblik over hvordan produktet ser ud. Derudover står der også beskrevet under billedet, hvad produktet er, hvis man skulle være i tvivl. For at bestille varen skal man trykke på den store knap Bestil her.! 11

12 Medier og platforme Hjemmesiden for DSU - dansk stavgang union - er udelukkende blevet lavet som et website til computeren og kan derfor kun anvendes der. Grunden til, at vi ikke har valgt at benytte andre medier eller platforme, er på grund af målgruppens behov. Vores målgruppe har kun behov for at bruge hjemmesiden på computeren og ikke på samme måde på mobilen. Vores mål med at lave et medie, hvor ældre mennesker kan få et større kendskab til DSU og hvilke unioner de kan blive tildelt, er ved denne webside på computeren blevet nået. Visuel identitet En stærk visuel identitet er roden til et succesfuldt brand. Derfor har vi udarbejdet forskellige elementer i designfeltet, som vi vil beskrive herunder. DSU logo med tagline Nyt logo DSU logo Det nye logo er en repræsentation af DSU s brand og spiller også en stor rolle i at skildre DSU s image. Et godt logo bør være simpelt, unikt og letgenkendelig. Det nye logo udtrykker DSU s kvalitet og styrke i et design, som er moderne og simpelt. Vi har tilføjet en model af en person med stave til højre for logoet, som illustrerer hvad DSU (Dansk Stavgang Union) går ud på, nemlig stavgang. Det giver et aktivt og mere iøjnefaldende look. Derudover har vi tilføjet en tagline under logoet, som viser hvad DSU står for. Farver Vores primære farve i logoet er sort, men vi har også en farvet udgave af logoet, hvor vi har valgt at gøre brug af farven rød. DSU logo i rød! 12

13 Den røde farve symboliserer bl.a. spænding, energi, aktivitet, kærlighed, fart og styrke. Dette giver logoet en sporty feeling, og det passer meget godt, da DSU handler om at de ældre mennesker b.la. skal være aktive ved at gå til stavgang. Ny typografi Til DSU s logo har vi gjort brug af to forskellige skrifttyper. Den første er DIN Condensed Bold og den anden er Neue Haas Grotesk. DIN Condensed Bold Neue Haas Grotesk DIN Condensed Bold har vi brugt til DSU i logoet og Neue Haas Grotesk har vi brugt til taglinet Dansk Stavgang Union under logoet. Dette giver logoet et blødt look, som er behageligt for øjnene. Begge skrifttyper er af typen Sans Serif, og det medfører også at logoet er letlæseligt, selv når det ses fra længere afstand. Dette var en essentiel faktor, når vi har at gøre med en målgruppe på 65+. Når der bruges skrifttyper med Seriffer bliver logoet ofte utydeligt når der zoomes ud eller ses fra en længere afstand. Det skyldes de streger for enderne af bogstaverne som stikker lidt ud på Serif-typen. Det nye logo anvendt på forskellige materialer Pose med logo Visitkort med logo T-shirt med logo Brevpapir med logo! 13

14 Grafik og billeder Logo i forskellige farver og former Her ses logoet med farvede cirkler i baggrunden. Dette gav os et overblik over de forskellige farvemuligheder vi havde og hvilken farve der så bedst ud. Vi valgte farven rød som vores sekundære farve pga. symbolikken som nævnt tidligere og det skarpe udseende. De grafiske elementer i logoet Det komplette DSU-logo består af tre ting: 1. Logoskriften DSU 2. En grafisk illustration af mand med stave 3. Taglinet Dansk Stavgang Union Manden med stavene er med til at skabe et unikt brand for DSU. Sammenblandingen mellem logoskriften i Sans Serif, manden med stavene og taglinet skaber et visuelt udseende, som er moderne og dynamisk. Usability Vi har forsøgt at give hjemmesiden/ mockuppen en kvalitet, så den er brugbar for målgruppen, og så den samtidig kan få en god samlet oplevelse. En lav brugbarhed giver dårlig reklame, så derfor har det været vigtigt for os, at udarbejde noget som er brugervenligt frem for funktionelt. Vi må anse målgruppen som værende nybegyndere til computere og hjemmesider og derfor skal vores website være brugbart og brugervenligt for dem. Vores hjemmeside er blevet overskuelig og brugervenlig, da hjemmesiden er enkel uden for mange undersider. Hjemmesiden holder en god struktur på alle undersider og en overskuelig navigation i menuen. Vi har holdt den samme font på hjemmesiden og gjort brug af genkendelige knapper i menuen, så brugeren af hjemmesiden ikke bliver forvirret. Dette er indbegrebet af god interface, hvilket igennem hele projektet har været vores mål. I forhold til designprincipper har vi gjort brug af ekstern genkendelighed, hvilket kan ses i vores navigationsknapper, som vi selv har lavet. Genkendeligheden ligger i, at de ligner noget vi kender fra virkeligheden fx indkøbskurven indikerer, at den knap betyder indkøb og at det er muligt at købe noget her.! 14

15 Kalenderen indikerer, at man her kan se hvilke arrangementer der kommer i DSU. Vi har brugt ensartethed i vores menu, så det kan ses, at de forskellige punkter i menuen har en sammenhæng. De har samme farve, skrifttype og størrelse, hvilket giver hjemmesiden en form for struktur og gør det nemmere at navigere rundt mellem de forskellige knapper.! 15