17.07.2013 Views

Rapport - Martin Daugaard - portfolio

Rapport - Martin Daugaard - portfolio

Rapport - Martin Daugaard - portfolio

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Indhold<br />

Indhold ............................................................................................................................................ 1<br />

Titelblad ................................................................................................................................... 4<br />

Forord ...................................................................................................................................... 5<br />

Ansvarsfordeling ...................................................................................................................... 5<br />

Indledning ................................................................................................................................ 6<br />

Problemfelt .............................................................................................................................. 6<br />

Problemstilling ......................................................................................................................... 6<br />

Problemformulering .................................................................................................................. 7<br />

Afgrænsning ............................................................................................................................ 7<br />

Research & Analyse ....................................................................................................................... 8<br />

Målgruppe ................................................................................................................................ 9<br />

Business To Business .............................................................................................................. 9<br />

Business To Consumer ............................................................................................................ 9<br />

Interviews ................................................................................................................................ 9<br />

Konklusion på interviews........................................................................................................ 10<br />

Den interne situation .............................................................................................................. 11<br />

SWOT .................................................................................................................................... 12<br />

Konklusion på SWOT ............................................................................................................. 12<br />

TOWS .................................................................................................................................... 13<br />

Konklusion på TOWS ............................................................................................................. 14<br />

Metode ................................................................................................................................... 14<br />

46H-modellen – metodisk tilgang ........................................................................................... 15<br />

Personaer .............................................................................................................................. 15<br />

1


Begrundelse for valg af personaer ......................................................................................... 19<br />

Koncept ................................................................................................................................. 19<br />

Konklusion ............................................................................................................................. 20<br />

Forberedelse ................................................................................................................................. 21<br />

Efter research og analyse ...................................................................................................... 22<br />

Tidsplanlægning .................................................................................................................... 22<br />

Work Breakdown Structure .................................................................................................... 23<br />

Prototype ...................................................................................................................................... 24<br />

Three Ring Target – Følelser og værdier ............................................................................... 25<br />

Moodboard ............................................................................................................................ 26<br />

AIDA ...................................................................................................................................... 27<br />

Udviklingsproces .................................................................................................................... 28<br />

Informations arkitektur ........................................................................................................... 28<br />

Implementering i designet ...................................................................................................... 29<br />

Farvevalg ............................................................................................................................... 30<br />

Skrifttype ................................................................................................................................ 30<br />

Information og navigationsdesign ........................................................................................... 31<br />

Prototype udvikling................................................................................................................. 32<br />

Storyboard – Kundeside ........................................................................................................ 33<br />

Storyboard - Brugersystem .................................................................................................... 36<br />

Mobil Applikation .................................................................................................................... 38<br />

Prototypeudvikling.................................................................................................................. 40<br />

XHTML og CSS ..................................................................................................................... 41<br />

JavaScript og jQuery .............................................................................................................. 41<br />

Søgemaskineoptimering ........................................................................................................ 44<br />

Facebook integration ............................................................................................................. 44<br />

Test og evaluering ........................................................................................................................ 45<br />

Gangstertesten ...................................................................................................................... 46<br />

2


Think Out Loud Test .............................................................................................................. 47<br />

Begrundelse for valg af Think Out Loud test .......................................................................... 48<br />

Afslutning ............................................................................................................................... 48<br />

Perspektivering ...................................................................................................................... 48<br />

Afgrænsning .......................................................................................................................... 49<br />

Videre Udvikling ..................................................................................................................... 49<br />

Bilag.............................................................................................................................................. 50<br />

Bilag 1 - 46h-modellen ........................................................................................................... 51<br />

Interviews .............................................................................................................................. 54<br />

Konklusion af interview .......................................................................................................... 57<br />

Interview med topchef Bjørn Kjos fra Norwegian .................................................................... 57<br />

Konklusion af interview .......................................................................................................... 57<br />

.............................................................................................................................................. 58<br />

.............................................................................................................................................. 58<br />

Bilag 1 B to B – B to C ........................................................................................................... 59<br />

Bilag 2 Moodboards ............................................................................................................... 59<br />

Bilag 3 uddrag af skitser......................................................................................................... 60<br />

bilag 4 skitser med post it ....................................................................................................... 61<br />

Designmanual ........................................................................................................................ 62<br />

3


Titelblad<br />

Titel<br />

Aktiv Firma Sundhed<br />

Projekt<br />

3. semester eksamensopgave<br />

Skole & uddannelse<br />

Erhvervsakademiet Sjælland, Campus Køge<br />

Projektperiode<br />

19 November 2012, kl. 9.00 til 20 December 2012, kl 12.00<br />

Deadline<br />

20 December 2012, kl. 12.00<br />

Vejleder<br />

Stine Dahl (stine46h@gmail.com)<br />

Virksomhedskontakt<br />

Henrik Frandsen (+45 51 18 67 08)<br />

Produkter<br />

- <strong>Rapport</strong> - http://steph.dk/afs/rapport.pdf<br />

- Kunde side - http://www.steph.dk/afs/<br />

- Bruger side - http://www.steph.dk/afs/intern/<br />

- Mobil Applikation - http://steph.dk/afs/app/<br />

4


Forord<br />

Denne rapport er skrevet i forbindelse med 3. semester 2012 på uddannelsen til<br />

multimediedesigner på Erhvervsakademiet Sjælland, Campus Køge, hvor vi har fået stillet<br />

til opgave at videreudvikle konceptet Aktiv Firma Sundhed. Vi vil i samarbejde med Henrik,<br />

som har stillet de nødvendige informationer og videoer til rådighed, få skabt et holdbart<br />

koncept.<br />

<strong>Rapport</strong>en beskriver projektgruppens arbejdstilgang, arbejdsproces samt fremlægger<br />

gruppens konklusioner vedrørende hele denne arbejdsproces proces og vores tilgang til<br />

opgaven.<br />

Hensigten med rapporten er at give et ordentligt indtryk af Aktiv Firma Sundhed. Hjælpe<br />

dem på vej ved hjælp af at følge vores koncept. Vi vil tilføje nyt liv til hjemmesiden og<br />

integrere nye funktioner og tiltag.<br />

Projektgruppen retter en varm tak til Stine Dahl, for en god vejledning og ikke mindst<br />

Henrik Frandsen, for et godt samarbejde og nem tilgængelig information.<br />

Ansvarsfordeling<br />

Nedenunder ses punkterne i rapporten og hvem, der har haft ansvaret for dem. Det er<br />

værd at notere, at vi alle har hjulpet med udviklingen af koncept, produkt og rapport.<br />

For en uddybelse af planlægning af projekt, ansvarsfordelingen og gruppeprocessen se<br />

procesevaluering i afslutningen af rapporten.<br />

5


Indledning<br />

Ejer Henrik Frandsen har ud fra sine erfaringer som ejer og leder af en række<br />

Fitnesscentre udviklet en virksomhedsløsning, hvor Aktiv Firma Sundhed driver og<br />

servicerer andre virksomheders interne fitness-faciliteter.<br />

Aktiv Firma Sundhed ser det som deres opgave både at sætte fitness-kulturen i<br />

virksomhederne i gang, men også - og ikke mindst - at holde begejstringen og<br />

engagementet kørende i virksomhederne også på længere sigt.<br />

Det er en udfordring, der for mange kan virke uoverskuelig. Aktiv Firma Sundhed har søgt<br />

ekstern hjælp til at klare opgaven. Det er her at vi, fire multimediedesignstuderende,<br />

kommer ind i billedet.<br />

Vi har i denne rapport fundet en løsning, ved at udarbejde et koncept som vil udvikle Aktiv<br />

Firma Sundhed og tage det til nye højder.<br />

Problemfelt<br />

Aktiv Firma Sundheds første prioritet er at drive og servicere andre virksomheders interne<br />

fitness-faciliteter. De hjælper også mindre firmaer som ikke har ressourcer til at have deres<br />

eget fitnesscenter.<br />

Erfaringen fra virksomheder med interne fitness-faciliteter/aftaler uden systematisk<br />

motivation og styring er, at faciliteterne ofte står mere eller mindre ubrugte efter<br />

opstartens/nyhedens begejstring har lagt sig.<br />

Aktiv Firma Sundheds målsætning er at sætte fitness-kulturen i virksomhederne i gang<br />

men også at holde begejstringen og engagementet kørende i virksomhederne også på<br />

længere sigt.<br />

Problemstilling<br />

Vi har derfor fået til opgave at udvikle et koncept til en digital platform som understøtter<br />

Aktiv Firma Sundheds forretningsmodel. Aktiv Firma Sundhed ønsker at gøre det muligt<br />

for virksomhedernes medarbejdere at oprette en profil, hvor de kan få støtte til deres<br />

personlige fitness-projekt.<br />

6


Aktiv Firma Sundhed ønsker at få udviklet en digital platform med et udarbejdet koncept<br />

som har til formål at motivere og fastholde brugerne efter nyhedens begejstring har lagt<br />

sig.<br />

Ydermere ønskes der et redesign af hjemmesiden samt en komplet visuel identitet.<br />

Problemformulering<br />

Hvordan motivere vi brugerne til at fastholde deres træning efter opstartens begejstring<br />

har lagt sig, samt giver AFS den bedst mulige visuelle identitet?<br />

Afgrænsning<br />

Vi har i denne opgave sat fokus på at udvikle og realisere et koncept til en digital platform.<br />

Vores løsning vil kunne håndtere input fra brugerne og den skal bidrage til at motivere og<br />

fastholde dem, der gør brug af fitness ordningen.<br />

Desuden har vi udviklet en app, skabt en visuel identitet og redesignet Aktiv Firma<br />

Sundheds eksisterende hjemmeside samt lavet en brugerdefineret intern side.<br />

7


Research & Analyse<br />

8


Målgruppe<br />

Aktiv Firma Sundhed henvender sig til to målgrupper. Virksomhederne og deres<br />

medarbejdere.<br />

Virksomhederne er B2B markedet og medarbejderne er B2C markedet.<br />

Begge målgrupper er primære målgrupper da de er afhængige af hinanden. Hvis den ene<br />

målgruppe ikke tror på konceptet vil det ikke fungere. Begge markedet kan påvirke<br />

hinanden. Virksomhederne kan sælge konceptet til sine medarbejdere og medarbejderne<br />

kan sælge konceptet til virksomheden.<br />

Business To Business<br />

Aktiv Firma Sundheds kan sælge deres produkt til alle former for virksomheder. Store som<br />

små. Det er ikke et kriterium at virksomheden har deres eget træningscenter for at Aktiv<br />

Firma Sundhed kan hjælpe dem.<br />

Business To Consumer<br />

B2C markedets målgruppe er folk der arbejder i virksomheder. Dette er en større<br />

målgruppe i forhold til virksomhederne. Der er ingen krav i forhold til medarbejderens alder<br />

eller stilling. Det er primært henvendt til medarbejdere som er i dårlig fysisk form og har<br />

brug for hjælp med at blive motiveret til at træne. Dette kan vi konkludere da folk der<br />

allerede er i god form og træner selv ikke har lige så meget brug for hjælp til at blive<br />

motiverede.<br />

Interviews<br />

Vi har interviewet 1 Lene Berg og Lars Ole Knudsen som begge arbejder i en virksomhed,<br />

samt Bjørn Kjos som er topchef hos Norwegian. Vi har interviewet dem for at lære vores<br />

målgruppe bedre at kende og finde ud af hvordan vi skal markedsføre aktiv firma sundhed.<br />

1 Bilag - interviews<br />

9


Konklusion på interviews<br />

Konklusion af interview af Lene Berg og Lars Ole Knudsen<br />

Med hensyn til at motivere medarbejderne konkluderer vi hvis man kan skabe fælleskab<br />

og sammenhold omkring træningen i firmaet, vil det være en stor motiverende faktor.<br />

Samtidigt ville det være motiverende hvis man kunne se hvem der var oppe og træne i<br />

øjeblikket.<br />

Overskud var også en vigtig del for de interviewede. Hvis man havde overblik over sit<br />

træningsprogram ville man have nemmere ved at følge det. Eventuelt med en kalender.<br />

Det skal også være muligt at træne hjemme hvis man har travlt med privatlivet.<br />

Med hensyn til Aktiv Firma Sundheds nuværende hjemmeside var farverne gode. De<br />

meget lyse og grønne farver giver et godt indtryk af sundhed.<br />

Der manglede dog noget liv og bevægelse. De interviewede følte ikke at der var noget<br />

blikfang på hjemmesiden. Samtidig var informationsarkitekturen lidt forvirrende.<br />

Konklusion på interview af Bjørn Kjos fra Norwegian<br />

Virksomhederne vil selvfølgelig gerne have sundere og friskere medarbejdere med færre<br />

sygedage. Det vil gavne virksomhederne internt men også udadtil i forhold til deres egne<br />

kunder. Bjørn synes dog ikke styrkene i aktiv firma sundhed skinner igennem på forsiden.<br />

Vi mener at hvis man kan bevise overfor virksomhederne at Aktiv Firma Sundhed kan<br />

hjælpe dem med at gøre deres virksomhed bedre og mere produktiv ville man have en<br />

større kundebasis. Det vil være en essentiel del af budskabet som skal skinne igennem på<br />

forsiden.<br />

I det kommende afsnit kommer vi ind på researchen og analysen af Aktiv Firma Sundhed.<br />

10


Den interne situation<br />

I forbindelse med at lave et koncept til en digital platform, udvikle en visuel identitet samt<br />

redesign af Aktiv Firma Sundheds eksisterende website. Har vi brug for et indblik i<br />

virksomheden så vi ved, hvem det er vi samarbejder med, og hvad de hidtil har været vant<br />

til. For at udarbejde informationsarkitekturen til Aktiv Firma Sundheds nye hjemmeside<br />

samt en tilhørende digital platform, der skal hjælpe brugerne med at fastholde<br />

motivationen til at træne, er det vigtigt at vi ved, hvad de ønsker at opnå.<br />

Henrik Frandsen styrer selv sit eget fitnesscenter i Vordingborg. Hans fitnesscenter er en<br />

del af Dansk Fitness A.M.B.A. som fungerer som en paraplyorganisation for en række<br />

fitnesscentre i Danmark. Samtidig driver firmaet Aktiv Firma Sundhed som giver<br />

virksomheder mulighed for at få coaching i kost og træning.<br />

Lige nu har han to samarbejdspartnere som begge fabrikerer træningsmaskiner og<br />

installere træningscentre i virksomheder. Hver gang de installere et træningscenter i en<br />

virksomhed ringer de til Henrik så han kan introducere de ansatte for træningsprogrammer<br />

til massage ordninger. Det at han har sit eget fitnesscenter gør at han har lang række<br />

ansatte han kan trække på. Så han kan give alle former for træningsløsninger til<br />

virksomhederne efterfølgende.<br />

Samarbejdet med de to virksomheder som installere træningscentre i virksomheder er<br />

Aktiv Firma Sundheds kontakt til virksomheder. Dvs. at de er Henriks primære leverandør<br />

af kunder til Aktiv Firma Sundhed. Men Aktiv Firma Sundheds kunde bredde er meget<br />

større.<br />

I en privat samtale vi havde med Henrik fortalte han at han sagtens kunne hjælpe små<br />

virksomheder. Han kunne træne hold i et møde lokale hvor man trak bordene ud til siden<br />

eller lave en løbeklub hvor der kom en løbetræner ud i virksomheden et par gange om<br />

ugen.<br />

Dette gør at Aktiv Firma Sundhed har en meget stor Kunde bredde og en stor målgruppe<br />

af virksomheder han kan sælge til produkt til. Det virkede ikke på Henrik som at han havde<br />

tænkt over at markedsføre sig selv til de mindre virksomheder også.<br />

11


Han udtaler selv i sin brief at det kører godt for hans firma og at de har et pænt overskud.<br />

Men hvis man tænker over at han ikke selv står for at få sine kunder ind tror vi at med<br />

ændringer i hans koncept kan opnå meget mere med sit firma.<br />

SWOT<br />

Vi har lavet en SWOT og TOWS. Vi har lavet SWOT analysen for at fokusere på firmaets<br />

styrker, minimere svagheder, og finde den bedst mulige måde at drage fordel af de<br />

muligheder der ligger i firmaet. SWOT analysen bliver nyttesløs hvis den ikke bliver<br />

udvidet til en TOWS.<br />

Konklusion på SWOT<br />

Ud fra denne SWOT analyse kan det konkluderes at Aktiv Firma Sundhed er en<br />

virksomhed med mange styrker. De har mange styrker som appellerer til begge<br />

målgrupper. De har også mange muligheder til at forbedre deres markedsføring og<br />

eksisterende hjemmeside. De har også muligheder for at forbedre kundernes motivation<br />

på længere sigt og på den måde fastholde et større kunde klientel.<br />

12


TOWS<br />

TOWS analysen har vi brugt til at finde frem til hvordan man bruger styrkerne til at drage<br />

fordel af de muligheder der er i firmaet, samt eliminere trusler.<br />

13


Konklusion på TOWS<br />

Vi diskuterede i gruppen omkring hvilke elementer i TOWS’en som ville bruge til at hjælpe<br />

Aktiv Firma Sundhed mest. Vi kom først frem til at han skulle vise sine styrker bedre på sin<br />

hjemmeside. Elementer som sundere og mindre syge medarbejder er noget alle<br />

virksomheder gerne vil have, så det er en væsentlig faktor at fremhæve på sin forside.<br />

En forbedring i hjemmesidens SEO vil få hans besøgsantal til at stige markant. Hvilket vil<br />

gøre at han har større mulighed for at lokke kunder ind i sit firma ved hjælp af sin<br />

markedsføring.<br />

Forbedring i hjemmesidens IA vil gøre budskabet og hans firmas formåen tydeligere og på<br />

den måde ville han sælge sig selv bedre.<br />

Vi vil markedsføre Aktiv Firma Sundhed på flere forskellige kommunikationsplatforme for<br />

at nå ud til en større gruppe potentielle kunder. På den måde udvide markedsføringen så<br />

den ikke kun bliver viral men også digital.<br />

Vi vil skabe en fælles intern platform for virksomhederne, så brugerne føler et fællesskab<br />

og på den måde bliver motiveret til at fastholde deres træning.<br />

Vi vil integrere video så Henrik kan oploade træningsvideoer til brugerne. På den måde<br />

kan de altid holde sig opdaterede og udvide deres trænings kendskab.<br />

Gamification elementer vil hjælpe til at motivere brugerne. Det er specielt henrettet til de<br />

brugere som i god form og skal udfordres.<br />

Dette er principper som vi vil forsøge at overholde i vores udvikling af konceptet.<br />

Metode<br />

Efter definition og interview af målgruppen, for at gøre os kloge på hvem de er, hvad der<br />

efterspørges og hvad der kunne vække interessen hos dem. Vi vil tage udgangspunkt i<br />

den udarbejdede problemformulering, hvor vi vil fremvise vores proces ved hjælp af de<br />

modeller og metoder som bliver lavet undervejs i forløbet.<br />

14


46H-modellen – metodisk tilgang<br />

Den model vi har brugt er 46h-modellen 2 . Den har givet os struktur og har hjulpet os med<br />

at komme i gang igen, når vi var i tvivl om næste opgave og hvor langt vi var i processen<br />

og har skabt overblik.<br />

46h-modellen er en udviklingsmetode til nemt og effektivt at opbygge sit koncept og<br />

produkt. Risikoen ved denne metode er lav da planlægningen og dokumentationen er<br />

meget omfattende. Metoden er god at bruge til større projekter og med flere folk tilknyttet,<br />

da hver fase i projektet, frem til prototypen fremstillingen, godkendes før næste fase kan<br />

påbegyndes. Ved prototype fremstillingen kan konceptet eller prototypen gennemgå flere<br />

iterationer med test og evaluering før det endelige produkt kan godkendes. Er man ikke<br />

tilfreds med det endelige produkt kan gå helt tilbage til laboratoriet og udvikle en ny ide!<br />

Faktisk har vi været så glade for modellen at vi har valgt at opbygge denne rapport op<br />

efter den.<br />

Opdelingen er delt op som følger:<br />

Indledning – research & analyse – Projekt forberedelse – Prototype – Test & evaluering.<br />

Personaer<br />

Inden vi skrev personaer valgte vi at interviewe 3 få udvalgte personer fra målgruppen.<br />

Persona 1 – Amalie<br />

Amalie er 20 år gammel og er lige flyttet hjemmefra. I sin hverdag<br />

studerer hun og arbejder som deltidsansat inde I et call-center som<br />

sælger hos Falck, som babysitter og som tutor. Amalie er social med<br />

sine venner og benytter sig også meget af sociale medier, såsom<br />

Facebook, Youtube mm.<br />

Amalie har altid kunnet spise hvad hun ville, uden at tage et gram på.<br />

Dog har hun efter at være flyttet hjemmefra ikke fået trænet, da hun gerne vil sparre på<br />

2 Bilag 1 - 46h-modellen<br />

3 Bilag interviews<br />

15


udgifterne. Amalie begynder at lægge mærke til, at hun pludselig er begyndt at tage lidt<br />

på. Amalie vil rigtig gerne finde en løsning, som kan få hende motiveret til at komme I<br />

form.<br />

Falck har valgt at indgå i et samarbejde med Aktiv Firma Sundhed, for at give deres<br />

medarbejdere en mulighed for at komme i bedre form og få sundere medarbejdere. Amalie<br />

er meget begejstret for muligheden for at begynde at træne igen og håber Aktiv Firma<br />

Sundhed kan holde hendes motivation for at træne<br />

Scenarie - Amalie<br />

Amalie har været inde på sit studie til en forelæsning som netop er slut. Hun har meldt sig<br />

til et træningshold nede i Falcks træningscenter. Hun har dog glemt hvilken tid holdet<br />

starter. Hun bruger derfor sin Aktiv Firma Sundhed app på sin smartphone. Amalie logger<br />

ind på sin personlige profil. Hun finder kalenderen på app’en og finder datoen for i dag.<br />

Hun trykker sig ind på begivenheden og tjekker hvad tid holdtræningen begynder. Idet hun<br />

allerede er inde på begivenheden tjekker hun også hvilke af sine kollegaer der har meldt<br />

sig til træningen, samt varigheden på træningen. Varigheden er relevant for hende da hun<br />

er bagud med sine lektier og skal hjem og læse lige efter træningen. Hun beslutter sig for<br />

at tage til træningen og begynder at cykle over mod arbejdet.<br />

Persona 2 – Susanne<br />

Susanne er en selvstændig kvinde i midt 40'erne, hun er<br />

forsikringssælger i Topdanmark og pendler ind til København hver<br />

dag.<br />

se de gode gamle håndboldpiger.<br />

Hun er gift med Søren og har to børn, Kenneth som er flyttet<br />

hjemmefra og Simon som stadig bor hjemme.<br />

I fritiden spiller hun håndbold en gang om ugen og holder meget af at<br />

Susanne har en smartphone, som hun bruger hyppigt, mest i toget, hvor hun læser<br />

nyheder, er på facebook og pinterest.<br />

Når Susanne har fri, skal hun hjem og lave mad, vaske op, vaske tøj og gøre rent. Hun er<br />

16


generelt en meget travl kvinde. Hun føler tit at hun ikke har tid nok til dyrke mere motion,<br />

selvom hun gerne ville.<br />

Scenarie - Susanne<br />

Susanne er begyndt at styrke træne 3-4 gange om ugen efter Topdanmark har indgået et<br />

samarbejde med Aktiv Firma Sundhed. Hun har holdt sin træning ved lige i lidt over 2<br />

måneder. Om 5 dage skal Susanne ud og rejse med hele sin familie i 2 uger. Hun vil gerne<br />

blive ved med at styrke træne men hotellet har ingen trænings faciliteter. Hun vil derfor<br />

godt finde et træningsprogram hvor man kun bruger sin egen kropsvægt. Hun går derfor<br />

ved hjælp af sin iPad ind på Aktiv Firma Sundhed hjemmeside og logger sig ind på sin<br />

private profil. Derfra kan hun gå ind og tjekke videomaterialet. Hun finder de videoer hun<br />

synes er relevante og gør dem til favoritter i sine bogmærker.<br />

Hun skriver også til sine venner og direkte til Henrik for at få mere information omkring<br />

træning med egen kropsvægt.<br />

Et par dage efter får hun svar fra både sine egne venner og Henrik. Hun har nu en masse<br />

videoer som beskriver hvordan hun skal styrke træne hele sin krop, kun ved hjælp af sin<br />

egen kropsvægt. Susanne er nu klar til at tage på ferie og samtidig at holde sin<br />

styrketræning ved lige.<br />

Persona 3 – Birgitte<br />

Birgitte 46, bor i Gladsaxe sammen med sin mand Lars 47 og hendes<br />

to børn Laura på 15 og Nicolas på 17.<br />

Birgitte har gennem en længere årrække besiddet en række<br />

kontorstillinger i telefon-branchen.<br />

De sidste 15 år har hun arbejdet som intern koordinator i Post<br />

Danmark. Hendes daglige arbejdsrutine går fra at svare på opkald og<br />

indtaste data fra de 30 personer der arbejder i hendes afdeling.<br />

Når Birgitte har fri, skal hun hjem og lave mad, gøre rent, vaske tøj og vaske op. Birgitte<br />

bruger hver aften min 30 minutter på computeren eller fjernsynet, hvor hendes mand Lars<br />

17


er ude og løbe.<br />

Lars har prøvet at lokke Birgitte med ud og løbe flere gange, men grundet niveauforskel og<br />

at Birgitte ikke er så meget for løb, dyrker Birgitte ikke noget motion.<br />

Scenarie – Birgitte<br />

Birgitte sidder på sin computer på arbejdet. Hun har fri om 30 min. og har et hul i sit<br />

skema. Post Danmark har indgået et samarbejde med Aktiv Firma Sundhed og installeret<br />

et trænings center på deres arbejdsplads. Birgitte vil gerne ned og træne men mangler det<br />

sidste motivation som får hende op af stolen og ned i centeret. Hun går ind på Aktiv Firma<br />

Sundheds hjemmeside og logger sig in på sin private profil. Hun kigger på hvem der er<br />

oppe og træne og finder ud af to af hendes buddies lige er checket ind i træningscenteret.<br />

Hun føler nu en meget større motivation til at træne da to af hendes bedste veninder er i<br />

træningscenteret.<br />

Persona 4 - Torben<br />

Torben er en af de førende ledere i stort advokatfirma. Han har en<br />

travl hverdag og et krævende job. Hans job kræver at han er teknisk<br />

anlagt. Han er vant til at bruge sin computer. Han bruger primært<br />

nettet til research og de kreative programmer til præsentationer. Han<br />

er et meget konkurrencepræget menneske, hvilket har fået ham dertil<br />

hvor han er i dag.<br />

Han nyder at leve en sund livsstil men har dog haft svært ved at holde sin træning ved lige<br />

det sidste års tid. Han arbejder på flextid og styrer selv sine pauser i sit travle skema men<br />

får ikke prioriteret sin træning højt nok. Han har før prøvet at få sine kollegaer til at træne<br />

sammen med ham men de faldt fra efter start perioden. Han savner konkurrence og mere<br />

socialt samvær i sin træning.<br />

Scenarie - Torben<br />

Torben har frokost pause og bruger den til at surfe på nettet på sin laptop. Da han gerne<br />

vil have sine venner til at starte med at træne igen, søger han efter en personlig træner,<br />

der kan komme ud til dem og få dem på benene igen. I hans søgen efter dette, falder han<br />

18


over Aktiv Firma Sundheds side, interesseret læser han om produktet og hvordan det vil<br />

kunne ændre hans virksomhed, han går ind under ydelser og ser hvad produktet<br />

indebære, han læser spændt om brugersystemet og om hvad Henrik som person kan<br />

tilbyde, der er ingen tvivl, Torben må lave en aftale med Henrik, han finder hans telefon nr.<br />

i højre side af forsiden og kontakter ham straks.<br />

Begrundelse for valg af personaer<br />

Persona 1 er en fiktiv person og er valgt, da vi ville have en lidt yngre person med lidt<br />

anderledes interesser, som var ung og frisk. Vi har taget udgangspunkt i os selv, som<br />

færdiguddannede.<br />

Personaerne 2 og 3 er blevet valgt på baggrund af de interviews vi har foretaget os blandt<br />

målgruppen.<br />

Persona 4 er en fiktiv person, som vi har valgt for at få en ledertype, en højtuddannet, som<br />

har en lidt mere presset hverdag.<br />

Vi har valgt at tage udgangspunkt i flere forskellige personaer i og med at målgruppen er<br />

meget bred. Vi ville derfor skabe de forskellige typer, og tilpasse produktet til målgruppen.<br />

Koncept<br />

I det kommende afsnit vil vi forklare hvordan vi kom frem til konceptet, tilpassede det til<br />

vores målgruppe og integrerede det i vores design. Konceptet skal tilpasses den research<br />

som vi har lavet i foregående afsnit.<br />

Vi starter med at lave en mindmap hvor vi brainstormer omkring hvilke dele der skal være<br />

på hjemmesiden og hvad der skal indgå i konceptet. Vi får på den måde alle tanker<br />

omkring konceptet skrevet ned.<br />

19


Efter at vi har skrevet alt ned begynder vi at diskutere løst og fast omkring hvordan man<br />

bedst motiverer alle former for brugerne, dem som er i god form såvel som dem som er<br />

helt nye indenfor fitness.<br />

Vi tager udgangspunkt i vores tidligere research og egne meninger. Vi bliver enige om at<br />

fællesskab er den mest motiverende faktor indenfor træning. Specielt for folk hvor fitness<br />

er fremmed. Fællesskabet gælder ikke kun person men lige meget på det fysiske plan. Vi<br />

bliver enige om at det helt klart er bedst at træne sammen med en som er på sit eget<br />

fysiske niveau.<br />

Vi snakker videre omkring folk der er i god form og som måske søger udfordring. Vi<br />

begynder at snakke gamification ind i konceptet. Vi bliver enige om at konkurrence<br />

elementet også er en stor motiverende faktor, specielt for dem som allerede er i god form.<br />

Vi udvikler konceptet så Aktiv Firma Sundhed gennem en personlig brugerplatform<br />

motivere den enkelte gennem sammenhold og fælleskab. Vi udvikler ideen omkring<br />

”Buddie” konceptet. Hvor man har trænings ”Buddies” som man kan holde øje med<br />

hvornår er oppe og træne. Man kan også udfordre sine ”Buddies” til en udfordring. Det kan<br />

være alt fra hvem der først løber 1000 km til hvem der kan tage mest i bænkpres. Vi<br />

udvikler ideen så at virksomheder kan udfordre hinanden.<br />

Før udfordringer er officiel skal begge parter acceptere hvad der er på højkant.<br />

Debatten endte ud i at handle om tid og om hvor vigtig en faktor tid var de arbejde i<br />

virksomheder. Så vi blev enige om at en kalender skulle have en central del i konceptet.<br />

Konklusion<br />

Aktiv Firma Sundhed vil gennem en personlig brugerplatform motivere og skabe<br />

sammenhold mellem brugerne, samt udfordre de konkurrencemindede.<br />

Konceptet danner basis i en platform hvor det er muligt for kunderne (virksomheder) og<br />

deres brugere (medarbejdere) at interagere med hinanden. Som kunde vil du blive oprettet<br />

og få en intern underside, kun for dine brugere.<br />

Den interne side vil være bygget op omkring et profil- og kalendersystem, der bliver<br />

oprettet til en enkelte bruger.<br />

20


Forberedelse<br />

21


Efter research og analyse<br />

Efter vi har fundet frem til målgruppen og lavet persona, har vi ud fra den lavet TOWS og<br />

fundet frem til konceptet. Vi ville skabe struktur over opgaven og dens meget fyldige<br />

indhold. Derfor har vi, som i kan se i dette afsnit, fået lavet tidsplanlægning og Work<br />

Breakdown Structure 4 over alt vi skulle nå og hvornår det skulle være færdigt. Dette gør<br />

det meget nemmere for os, at få et overblik over opgavens omfang og problemstillinger.<br />

Tidsplanlægning<br />

Vi har valgt at bruge Gantt, som hjælp til vores tidsplanlægning, da denne opgave er stor<br />

og omfattende.<br />

På billedet ovenfor, kan i se et overblik over hvad vi vil nå.<br />

Det er et godt værktøj, da det er tidsopdelt. Derudover får man et godt overblik over hvad<br />

man har lavet, mangler at lave og hvad der skal rettes mm.<br />

Det giver et overblik og gør at vi altid har styr på hvad der skal laves de forskellige dage,<br />

sådan at vi når vores deadline.<br />

Der har været lidt sygdom, praktik samtaler og andre forhindringer som har gjort at vores<br />

tidplan ikke er blevet overholdt til punkt og prikke, men som vi har fået indhentet.<br />

4 Bilag - Work Breakdown Structure<br />

22


Work Breakdown Structure<br />

Som noget af det første kiggede vi opgavebeskrivelsen igennem og skrev op på white<br />

boardet hvad vores opgave indeholder, efterfølgende skrev vi det rent på computeren, i et<br />

hierarki, et for hvad vi skulle nå at lave projektmæssigt og et for hvad vi skulle nå at skrive<br />

i rapporten. Disse to Work Breakdown Structures har også fungeret som afkrydsningslister<br />

igennem hele processen.<br />

23


Prototype<br />

24


Three Ring Target – Følelser og værdier<br />

Som det første skridt i vores designproces lavede vi en Three Ring Target. Som er en<br />

simple metode til at forklare og illustrere de følelser og værdier, vi vil fremhæve.<br />

Denne Three Ring Target lavede vi til kunden, altså dem der i fremtiden kommer til at<br />

bruge siden. Det vigtigste for os var, at den skulle motivere, at den skulle skabe<br />

sammenhold internt i virksomheden og som en bonus for dem der var ekstra motiveret,<br />

kunne de udfordre hinanden.<br />

Efterfølgende fandt vi ud af, at den overstående Three Ring Target ikke passede ordenligt<br />

til vores eksterne side. Så derfor lavede vi en ny Three Ring Target. Grunden til dette er,<br />

at den interne side er business to consumer (B to C) og den eksterne side er business to<br />

business (B to B) 5 . To forskellige modtager, to forskellige budskaber, to forskellige Three<br />

Ring Targets.<br />

5 Bilag B to B – B to C<br />

25


Da vi regner med, at det for det meste vil være chefer og overordnede som vil kigge på<br />

den eksterne side. Da det er den eksterne side der skal sælge vores koncept, har vi<br />

ændret motivation til sundhed. Vi har lavet disse ændringer grundet at det gerne skulle<br />

være blikfang for målgruppen. Det skulle gerne være med til at give målgruppen en<br />

forståelse af hvad firmaet gerne vil opnå, hvilket vi den vej igennem, forhåbentligt vil få til<br />

at skinne frem.<br />

Igen har vi valgt sammenhold, da det er et af de områder, som vi sætter fokus på og til<br />

sidst skulle det meget gerne fører til trivsel på arbejdspladsen og gøre dette til et bedre<br />

sted at være.<br />

Moodboard<br />

Vi lavede nogle enkelte moodboards for at få en stemning og et visuelt udtryk for hvilken<br />

vej, vi rent designmæssigt skulle gå 6<br />

6 Bilag Moodboards<br />

26


AIDA<br />

Begrundelse for brug af AIDA-modellen<br />

Vi har valgt at benytte os af AIDA modellen, da det er en marketing model som er god at<br />

gøre brug af. Den fortæller hvordan man bedst muligt kan skabe opmærksomhed,<br />

interesse, skabe begær og få kunden til at agere og købe produktet, i dette tilfælde blive<br />

medlem. Det hjælper os til, hvordan vi skal opbygge siden.<br />

Attention - Opmærksomhed<br />

Vi vil fange brugerens opmærksomhed ved, at vise dem at motivation ikke altid kommer<br />

automatisk og at Aktiv Firma Sundhed, vil give dem redskaberne til at få et bedre<br />

sammenhold, bedre helbred og alt i alt et mere aktivt liv.<br />

Interest – interesse<br />

Produktet skal skabe interesse ved at fokusere på en bedre livsstil, et godt team både til<br />

konkurrence mennesket og dem der bare vil træne sammen med deres kolleger og på den<br />

måde motivere sig slev. Få lagt en trænings/ kost plan, der passer til hver enkel.<br />

Promoverer firmaet gennem de nuværende kunder. Mund til mund.<br />

Desire - Begær<br />

Vi vil skabe et begær ved at fortælle og vise om alle de positive styrker det ville give<br />

firmaet, et bedre sammenhold, sundere livsstil, motiverede kolleger, livsglade, friske<br />

ansatte og self. Drømmen som de fleste vel har, at tabe nogle kilo eller leve et sundere,<br />

længere liv og være på toppen.<br />

Action - Handling<br />

Vi vil motivere, og stille redskaber til rådighed, som gør det muligt for kunderne at opnå<br />

deres mål. Ved at lave kost/trænings plan til hver enkelt medarbejder og ved hjælp af<br />

27


vores APP, hvor der bliver informeret om hvilke medarbejdere som er i gang med træning<br />

og derigennem også kan konkurrere med hinanden.<br />

Udviklingsproces<br />

For at finde ud af hvad vi skulle have på siden og hvad der var vigtigt, lavede vi et<br />

mindmap over de ting vi ville have siden skulle indeholde. Denne proces gik over flere<br />

dage og var ret kompliceret.<br />

Informations arkitektur<br />

Efter vi havde lavet vores mindmap skrev vi dem på ”post-it’s” for at finde ud af hvor de<br />

forskellige ting skulle være på de forskellige sider.<br />

28


På den interne side kom vi frem til følgende:<br />

Implementering i designet<br />

Hjemme lavede vi en masse skitser 7 for at være forberedte og hver især have hvert vores<br />

syn på hvordan siden skulle se ud. Da vi så mødte på skolen snakkede vi i fælleskab om<br />

hvordan siden skulle se ud. Vi tegnede den på whitebordet og samlede alle de gode ideer<br />

vi havde til en solid god side.<br />

Da siden var tegnet op, som vi ville have den, begyndte vi at implementere de ting vi gerne<br />

ville have den skulle indeholde, ved hjælp af de post it vi havde lavet tidligere. Dette gjorde<br />

processen meget nemmere og der var ingen tvivl om hvad der var på siden og hvor det<br />

var 8 .<br />

7 Bilag uddrag af skitser<br />

8 Bilag skitser med post it<br />

29


Farvevalg<br />

Ud fra de moodboords vi har lavet og med få af de farver han har på sin nuværende side<br />

fandt vi frem til følgende farvepalette.<br />

Skrifttype<br />

Samtlige overskrifter på både den interne og eksterne side er skrevet med Bebas Neue.<br />

Aggie, altså en skrifttype uden fødder, er valgt for dens mulighed til at være Condensed og<br />

gøre menuen meget pæn og læselig, da bogstaverne er store og tydelige.<br />

Til sidernes indhold har vi valgt at bruge Verdana. Dette gjorde vi da Verdana er en god,<br />

overskuelig og læsbar Sans-Serif skrifttype.<br />

30


Information og navigationsdesign<br />

Informationsdesign handler om at præsentationen af sidens information, således at det er<br />

til at forstå at bruge. Information er ikke bare information, den skal designes omhyggeligt<br />

således at brugeren er i centrum.<br />

Vi har arrangeret informationen på siden således at vi møder målgruppen i øjenhøjde og<br />

giver dem overskuelig hjælp til at finde den information de siger. Informationen er<br />

præsenteret overskueligt ved hjælp af usynlige lod- og vandrette linjer i designet.<br />

I udarbejdelsen af vores analyser af målgruppe og vores udarbejdelse af personaer har vi<br />

fundet frem til nogle af de mål som målgruppen ønsker at finde frem til når de besøger<br />

vores side.<br />

Derudover er det vigtigt at den besøgende føler sig godt tilpas og at sidens tilhørsforhold<br />

er synlige.<br />

Overordnet navigationsdesign:<br />

Forside<br />

(Eksterne)<br />

Mission Firma sundhed Ydelser Logind<br />

Min profil<br />

Kostplan<br />

Træningsplan<br />

Videoøvelser<br />

Beskeder<br />

Buddies<br />

Udfordre<br />

Se folk der<br />

træner<br />

Kalender<br />

Intern<br />

Begivenheder<br />

Buddies<br />

Udfordringer<br />

Udfordinger<br />

Se<br />

udfordringer<br />

Oprette en<br />

udfordring<br />

Kontakt Slide<br />

Begivenheder<br />

Tilmelde sig en<br />

begivelnhed<br />

Opret<br />

begivenhed<br />

Log ud<br />

31


Prototype udvikling<br />

Eftersom dette er et stort og omfattende system har vi valgt at lave prototyper ud fra de<br />

sider vi fandt som de mest vigtige at illustrere og gøre funktionelle i henhold til<br />

målgruppen, samt at give Aktiv Firma Sundhed et ordentligt indtryk af konceptet. Hele<br />

slutproduktet er dokumenteret i afsnittet storyboard og de udvalgte prototyper er illustreret<br />

i dokumenteringen i det afsnit.<br />

32


Storyboard – Kundeside<br />

Mission<br />

Mission siden er oprigtigt forsiden, vi valgte at kalde den mission, da vi gerne vi relatere til<br />

at Aktiv Firma Sundhed har en mission, en mission om at gøre de danske virksomheder<br />

sundere og give medarbejderne livskvalitet.<br />

Siden er en appetizer til Aktiv Firma Sundheds værdier, sælger varen med stil og gør det i<br />

gøre rammer man føler sig trykke i.<br />

33


Firma Sundhed<br />

Det er her man kan læse nærmere om hvad firma sundhed er, hvilke værdier firmaet har,<br />

hvem der står bag, hvilke samarbejdspartnere firmaet har og hvilke fordele der er ved at<br />

booke Henrik til at ændre ens firmas sundhed for altid.<br />

Ydelser<br />

Her kan man se hvilke ydelser Aktiv Firma Sundhed kan tilbyde, her kan man smugkigge<br />

på brugersystemet, altså få en guide igennem alt hvad firmaet får i hænderne ved en<br />

bookning af Henriks ydelser.<br />

Man kan også se hvilke evner Henrik har som person, blandt andet udkast af hans<br />

programlægning, holdtræning og selvfølgelig et indblik i hvem han er og hvad han laver.<br />

Er det overstående ikke nok til at imponere interesseret kunder, har vi afsnittet om<br />

personlig pleje, hvor man kan forkæle sine medarbejdere med massage, fysioterapi osv.<br />

Endvidere kan der tages en sundhedstest, hvis dette var en interesse.<br />

Kontakt<br />

Kontaktsiden er her man som interesseret, kan kontakte Henrik om nærmere information.<br />

Siden vil indeholde<br />

34


Log ind<br />

Log ind siden er portalen til de heldige der er bruger af aktiv firma sundheds brugersystem.<br />

Her kan man ikke komme videre uden et firma log ind.<br />

35


Storyboard - Brugersystem<br />

Min profil<br />

Under min profil kan brugeren se sin personlige kostplan og træningsplan, der vil også<br />

komme videoøvelser der passer til træningsplanen, der er her brugeren kan finde<br />

inspirerende og sunde madretter til at lave i hjemmet og lave små øvelser, hvis tiden er<br />

knap.<br />

Buddies<br />

Det er her man kan se hvad ens kollegaer laver, altså deres aktivitet. Man kan blandt<br />

andet se om der er nogen der er oppe og træne, hvis de har checket ind i det fælles<br />

trænings center og finde flere fra arbejdet (flere buddies).<br />

36


Kalender<br />

Kalenderen er nok en af de vigtigste ting der er på siden, da den giver et godt overblik<br />

over hvor og hvornår man har været oppe og træne, om der er nogen man kender der er<br />

oppe og træne nu. Man kan se fremtidige begivenheder, blandt andet hvornår Henrik<br />

kommer igen og giver nye og forbedret træningsprogrammer.<br />

37


Udfordringer<br />

Her kan man se hvilket udfordringer man deltager i og om man er foran eller om man skal<br />

tage sig sammen og komme op af sofaen. Man kan oprette en begivenhed og udfordre en<br />

buddie fra arbejdet.<br />

Mobil Applikation<br />

Velkommen<br />

Det første brugeren møder på appen er en log ind siden. Her er det<br />

muligt at logge ind med sin bruger. Man kan også vælge at logge<br />

ind med sine facebook informationer. Har man ikke et log ind, som<br />

man får efter Henrik har været og give personlige<br />

træningsprogrammer, kan man ikke komme ind og bruge appen.<br />

38


Buddies<br />

På siden buddies findes der et overblik over ens buddies, hvad de<br />

laver, hvor de er, præcis ligesom på hjemmesiden. Denne side er<br />

god da man har den lige ved hånden. Man kan tjekke, hvem der er<br />

oppe og træne, på vejen der op.<br />

Kalender<br />

Kalenderen giver et overblik over træningstider samt se hvornår der<br />

er begivenheder længere fremme på ugen, endt videre måneden.<br />

Man kan vælge at se dagen idag, dagen imorgen, hele ugen og hele<br />

måneden. Dette gør det ledt for brugeren at få et overblik og se<br />

hvornår der er tid til træning og hvornår der skal gøres tid til træning.<br />

Man kan også se hvornår ens buddies har planlagt at træne, så man<br />

er sikker på der er en at træne med.<br />

Træning<br />

Det er her brugeren logger sig ind i træningscenteret, man kan se sit<br />

personlige træningsprogram, man kan se hvor meget man har<br />

forbrændt og hvor langt man har løbet.<br />

39


Prototypeudvikling<br />

Min side<br />

Den personlige profil er her man kan rette sine personlige<br />

oplysninger.<br />

Man kan skrive beskeder til hinanden og se sin kostplan.<br />

Til sidst og ikke mindst har vi videoøvelserne, det er her man kan<br />

tage sig et par hurtige øvelser eller få introduktion til nye øvelser.<br />

(Photoshop til HTML)<br />

Ved hjælp af nøje planlægning og navngivning af designet i Photoshop bliver udskæring<br />

og opsætning af designet i HTML og CSS nemmere – illustreret på billedet ovenover.<br />

Dette er en fordel ved større projekter som dette med forskellige designere og<br />

programmører tilknyttet og er med til at mindske fejl og gøre overgangen fra design til<br />

hjemmeside så gnidningsfri som muligt.<br />

40


XHTML og CSS<br />

Sidens kodning i HTML og CSS er rimelig lige til. Siden er optimeret til de mest gængse<br />

browsere og ned til bredden 1000px, som er mindstestørrelsen for de fleste skærmes<br />

opløsning nu til dags 9 .<br />

Sidens content del er lavet til altid at være lige så bred computerens bredde uanset hvad.<br />

Dette gør at designet altid visuelt lækkert og aldrig kommer til at se halvfærdig ud. Værd at<br />

fremhæve er brugen af @font-face i CSS som gør implementeringen af skrifttypen ”Bebas<br />

Neue” mulig.<br />

JavaScript og jQuery<br />

(JavaScript)<br />

Når man som i vores tilfælde har valgt at bruge en skrifttype som ikke er en webstandard,<br />

er det som nævnt i afsnittet ovenover muligt at implementere en ny skriftype på siden.<br />

Problemet ved dette er at alle browsere ikke er ens og reagerer ens på dette og muligvis<br />

har problemer med at vise teksten korrekt. For at løse dette problem kan man ved hjælp af<br />

et JavaScript kaldet Cufon 10 , der gør det muligt for alle browsere at vise teksten korrekt,<br />

samt eventuelle effekter – illustreret på billedet ovenover. Dette er især brugbart hvis man<br />

som i vores tilfælde har dynamisk indhold og tekst.<br />

9 Kildehenvisning: http://fdim.dk<br />

10 Kildehenvisning: http://cufon.shogolate.com<br />

41


MYSQL og PHP<br />

(ER-Diagram)<br />

For at skabe dynamiske hjemmesider, altså hjemmesider der kan ændre sig uden at der<br />

ændres i kildekoden, kræver det at man programmerer hjemmesiden i et serverbaseret<br />

sprog. I vores tilfælde PHP som kan vise data fra en MYSQL database.<br />

I billedet ovenover har vi taget udgangspunkt i vores brugersystem på hjemmesiden.<br />

Brugerne er sat i en tabel ved navn bruger. En tabel med data for hver enkelt bruger. Hver<br />

bruger er tilknyttet et firma med tabellen ved navn firma og skaber derved en<br />

relation(sammenhæng) mellem de to tabeller da en bruger skal være tilknyttet et firma.<br />

Grunden til at de to tabeller ikke er sat sammen i en enkelt tabel er for at gøre det mere<br />

overskueligt og nemmere at ændre i fremtiden.<br />

Skulle firmaet skifte navn en gang i fremtiden er det kun nødvendigt at rette det et enkelt<br />

sted, i stedet for at skulle ændre det ved hver enkelt bruger.<br />

42


(PHP kode)<br />

På billedet ovenover ses et udsnit af vores PHP kode. I dette tilfælde vores log ind system.<br />

Linje 1 gør vi det muligt at gemme og huske data fra siden, så vi senere kan se om<br />

brugeren er logget ind og hvilken bruger det er.<br />

Linje 2 henter vi en ekstern PHP side med adgang til databasen. Grunden til denne er<br />

ekstern er for at kunne bruge den på flere sider nemt og hurtigt.<br />

Linje 5 er starten på selve log ind koden. Hvis der er trykket på log ind knappen, skal<br />

koden gå videre til den efterfølgende kode.<br />

Linje 7-8 er variabler der henter navn og password fra log ind felterne. Variablerne er et<br />

lille stykke kode der oftest henviser til en længere kode, som gør det nemmere at arbejde<br />

med. Passwordet er kryptisk genereret og skal derfor aflæses kryptisk ved hjælp af den<br />

indbyggede funktion md5. Dette er for at koden ikke kan aflæses i databasen.<br />

Linje 10-19 henter indholdet fra databasen hvor brugerens fornavn og password er det<br />

samme som det der er indtastet i log ind felterne.<br />

Hvis der findes et i databasen med det indtastede navn og password, udføres linje 16-18,<br />

som gemmer brugernavnet i linje 1 og sender derefter brugeren hen på den side man vil<br />

logge ind på.<br />

Hvis ikke der findes et match i databasen gemmes brugernavnet ikke og går videre til linje<br />

21 som kommer med en meddelelse om at noget gik galt.<br />

43


Søgemaskineoptimering<br />

(Søgemaskine Optimering)<br />

I stedet har vi fokuseret på at få lavet vores keywords og description, samt fået optimeret<br />

billeder og links således at der er alt og title tags på dem.<br />

Menuen er bygget op omkring en liste, hvilket søgemaskinerne også fanger.<br />

Facebook integration<br />

(Facebook integration)<br />

Facebook er integreret således at man i stedet for at logge ind med en bruger, logger ind<br />

med sin facebook profil. Man slipper således for at skulle skrive navn og password og skal<br />

bare acceptere i en pop-up at man vil logge ind med facebook og man er således husket<br />

for fremtiden. Ved at logge ind ved facebook bliver ens profil på Aktiv Firma Sundhed<br />

synkroniseret med ens facebook profil hvor ens oplysninger og profil billede vil blive hentet<br />

over til Aktiv Firma Sundhed.<br />

Det er ligeledes muligt at få samme notifikationer fra siden buddies ind på sin facebook<br />

som en notifikation derinde. Det er yderlige muligt at få notifikationerne som SMS hvis man<br />

skulle have en mobil af ældre årgang.<br />

44


Test og evaluering<br />

45


Gangstertesten<br />

Gangstertesten er en test hvor man skal forestille sig man er blevet kidnappet og kørt langt<br />

væk, bliver sat af og skal finde hjem igen, testpersonen bliver stillet spørgsmål og skal<br />

beskrive sine omgivelser.<br />

Testperson: Eva Jensen<br />

Alder: 52 år<br />

Profession: Uddannet pædagog<br />

Vi har testet vores side, ved hjælp af gangstertesten.<br />

Test personen, lagde hurtigt mærke til logoet og vidste derfra hvilken side hun var<br />

inde på.<br />

Derudover er der blevet holdt fast i de grønne farver, som repræsenterer sundhed<br />

og håb.<br />

Slideren skaber blikfang og giver også en endnu bedre forståelse af, hvad der er<br />

med at gøre.<br />

Eva mener at der skulle nogle flere billeder i slideren, for at fremme forståelsen og<br />

fange interessen hos kunderne.<br />

Hun syntes at menuen er god og overskuelig. Det er nemt at finde frem til det man<br />

søger og syntes at det er genialt med kontakt boksen som følger med i højre side.<br />

Hun synes at det er godt at logoet går svagt igen som en del af baggrunden, da det<br />

igen er med til at slå fast hvilket firma vi har med at gøre.<br />

Eva synes at det fungerer godt med billederne for neden på siden, som er med til at<br />

vise, hvor man bliver ført hen/ hvad teksten handler om. Dette er rart for øjet og er<br />

med til at styrke den visuelle forståelse.<br />

Af forbedringer foreslår hun, at der evt. Kunne være et søgefelt oppe i toppen, så<br />

man gør det endnu nemmere for kunderne, at finde frem til de informationer de<br />

efterspørger.<br />

46


Think Out Loud Test<br />

Du vil gerne finde information om Aktiv firma Sundhed´s produkt og hvad det indebærer,<br />

hvad gør du ?<br />

Eftersom at logoet i toppen hedder Aktiv Firma Sundhed, trykker jeg på<br />

menupunktet Firma sundhed. Her finder jeg kun information om firmaet og<br />

ikke hvad det indebærer. Jeg bruger udelukkelses metoden, da jeg ved at<br />

det ikke er til at finde under kontakt, login eller mission. Derfor trykker jeg på<br />

ydelser. Jeg trykker mig ind på første undermenu punkt der hedder,<br />

brugersystem teaser. Her møder jeg en flot opstilling af en brugerprofil og ser<br />

at der også er integreret en App. Jeg kan læse om brugersystemet, det ser<br />

spændende ud.<br />

Er det muligt at kontakte ejeren på siden?<br />

Jeg prøver under kontakt. Søreme så, her er alle hans kontaktinformationer.<br />

Så det er en snild sag at komme i kontakt med ham.<br />

Her får du tildelt login og kodeord fra en vores brugere, Henrik, hvordan ville du logge ind?<br />

Menuen er nem og overskuelig og gør det nemt at finde login knappen i<br />

menuen, jeg logger ind og taster koden<br />

Du har meldt dig til et zumba kursus men kan ikke huske hvornår, hvad gør du ?<br />

Jeg vælger at gå ind under kalender, her får jeg et overblik over Henriks<br />

træning for hele måneden. Jeg kigger kalenderen igennem og ser at det er<br />

lørdag d. 22.<br />

Hvis vi fortæller dig at der ville være en lettere måde at gøre det på , hvor ville det så være<br />

hende ?<br />

47


Jeg kigger menuen igennem og finder det sidste menu punkt der hedder,<br />

begivenheder. Her får jeg en lækker oversigt over alle de begivenheder, som<br />

Henrik har meldt sig til.<br />

Begrundelse for valg af Think Out Loud test<br />

Vi har valgt at bruge Think Out Loud fordi, vi på den måde finder ud af, hvordan folk agere<br />

på siden. Vi har valgt at bruge den for, at teste vores menu og se om brugeren finder den<br />

ligeså logisk som vi gør. Det eneste der ikke var logisk, for brugeren, var at gå ind under<br />

begivenheder, for at se sine planlagte hold træning. Dette regner vi med bliver noget man<br />

finder ud af hen ad vejen, så derfor har vi valgt ikke at ændre det.<br />

Afslutning<br />

Vi har igennem denne proces, fået mere øvelse i hvordan det vil blive at arbejde sammen<br />

med et team om en så omfattende opgave. Vi har efterhånden arbejdet sammen om de<br />

sidste mange cases og har lært hinandens styrker og svagheder, hvilket gør det lidt<br />

nemmere at uddele opgaver, men også at lære og blive inspireret af hinanden. Vi<br />

komplimentere hinanden godt, hvilket også vises i vores slutresultater.<br />

Perspektivering<br />

Vores arbejdsgang kunne have været bedre, men igen har vi vores måde at gøre tingene<br />

på. Vi kender efterhånden hindandens arbejdsmetoder og det fungerer for os som gruppe.<br />

I alle grupper vil der være forskellige meninger, hvilket også kan føre til lidt splid eller<br />

diskussioner, det hjælper dog også til processen. Vi har arbejdet nogle dage på skolen og<br />

nogle dage hjemme, med Skype møder, grundet sygdom, praktik samtaler mm.<br />

48


Afgrænsning<br />

Vi har ikke fået arbejdet med integration af video, da tiden var lidt presset og det var et af<br />

de mindre prioriterede opgaver. En video er til rådighed fra Aktiv Firma Sundhed, hvilket<br />

ville gøre det nemt at få integreret den. Vi havde også en idé om selv at lave en film, hvor<br />

vi havde medbragt videokamera og det hele hjemmefra. Tiden var dog desværre ikke til<br />

det.<br />

Videre Udvikling<br />

Vi vil fortsat arbejde videre med siden og forbedre den. Vi har til plan at få integreret<br />

filmen. Vi kunne lave en færdig udviklet prototype, få testet og videreudviklet App´en. Vi<br />

ville kunne lave kampagner for Aktiv Firma Sundhed. Op følgende forbedringer i forhold til<br />

konkurrenter og tilpasse markedsføring til markedets ændringer. Hele tiden være på<br />

forkant og forebygge truslen af nye og flere konkurrenter.<br />

49


Bilag<br />

50


Bilag 1 - 46h-modellen<br />

Gruppedannelse<br />

Vores gruppe indeholder Stephan Christensen, Camilla Angelica Volf Elken, Oliver<br />

Koldill og <strong>Martin</strong> <strong>Daugaard</strong>.<br />

Den perfekte sammensætning til den perfekte gruppe.<br />

Opgaven bliver stillet<br />

Opgaven blev grundigt læst igennem inden vi startede på noget andet. Vi ville gerne finde<br />

kundens behov og hvad vi kunne gøre for at tilfredsstille dette.<br />

Til pitchen, hvor Henrik kom og fortalte om hans firma, sugede vi alt det til os vi kunne og<br />

fik et meget større indblik i hvem han er og hvad han laver.<br />

Vi har lavet en work breakdown struktur over hvad vi skal lave og hvad rapporten skal<br />

Analyse<br />

indeholde.<br />

I analyse delen, brainstormede vi, hvilke modeller og arbejdsmetoder der var relevante og<br />

passede til opgaven.<br />

Vi nåede frem til følgende modeller:<br />

Moodboard<br />

3-ring target<br />

TOWS<br />

AIDA<br />

Målgruppeanalyse<br />

Statistik/konkurrence<br />

51


Brainstorm til koncept?<br />

Efter brainstormen er vi kommet frem til at vores koncept skal omhandle ”boddy-<br />

makker” princippet. Altså sammenholdet i at tage op og træne med en ven, eller en på<br />

lige fod med dig, en der er på sammen stadie, ren træningsmæssigt.<br />

For at understrege konceptet, har vi kalenderen. Denne skal hjælpe med at finde sine<br />

ligemænd, hjælpe med at se hvem der ellers er oppe og træne og det er her man kan<br />

konkurrere med hinanden.<br />

Så sammenholdet er motivationen og er dette ikke nok, kan man konkurrere med<br />

hinanden. Dette kan refereres til vores 3-ring target, som er: ”sammenhold, motivation<br />

og konkurrence”.<br />

Visualisering<br />

Stilrent design<br />

Simple sports logoer<br />

Grønt fra Henriks oprindelige side<br />

Interaktion<br />

Ekstern side<br />

Intern side<br />

Log ind<br />

Brugerdifineret<br />

App<br />

Databasebaseret<br />

Company/virksomhed<br />

Ved hjælp af video øvelserne og online træningsplan, vil Henriks arbejdsgang gøres<br />

meget nemmere, da han kan gøre flere ting hjemme fra, som han ikke kunne før.<br />

52


Brugeren holder gang i siden, så her behøves Henrik ikke gøre noget, han kan bare<br />

læne sig tilbage og nyde fremgangen.<br />

Kommunikation<br />

Al kommunikation kommer til at foregå indbyrdes på siden. Henrik får sit hele eget log<br />

ind system.<br />

Koncept/prototypeidé<br />

Buddies – det nemmere at træne med en ven<br />

Buddies understøttes af kalendereren – så man hele tiden kan følge med hos<br />

hinanden<br />

Konkurrence – for at holde gejsten oppe<br />

Personlighedsgjort af Henrik<br />

Redesign<br />

Gennemført design på alle platforme<br />

Prototype<br />

3-ring<br />

moodboard<br />

skitser<br />

post it<br />

informationsarkitektur<br />

design<br />

Værkstedet<br />

53


Brugertest<br />

gangster test<br />

think out loud test<br />

Evaluering<br />

Sammenholdet og samarbejdet i gruppen har gjort opgaven legende ledt. Vi har<br />

hjulpet hinanden og bakket op hvor vi havde det svært.<br />

Interviews<br />

1. Test person: Navn: Lene Berg<br />

Alder: 32 år<br />

2. Test person: Navn: Lars Ole Knudsen<br />

Arbejde: Fastansat HR assistent hos TDC<br />

Alder: 40 år<br />

Arbejde: Fastansat projektleder hos Agrotech<br />

Hvordan lyder ideen om at få en motion coach ud til firmaet og ligge kost/<br />

træningsplaner der er skræddersyet til hver enkelt person ?<br />

1. Test person: Jeg syntes at det ville være en super go idé. Jeg tror mange<br />

ikke kan overskue selv, at tage sig sammen til at komme i gang, helt<br />

alene. På denne måde ville man gøre det sammen med en masse andre<br />

og også få en vejledning og et program med realistiske mål.<br />

54


2. Test person: Det ville være en spændende ny udfordring og kunne da<br />

klart være sjovt at prøve. Måske ikke alle ville have tid til at træne efter<br />

arbejde, så hvis man et sted kunne finde øvelser, som man kunne lave<br />

hjemme ville det nok, kunne lade sig gøre.<br />

Hvad ville få dig motiveret ?<br />

1. Test person: Jamen synes at det ville være fedt hvis man havde en<br />

kollega eller flere at træne med. Det ville være lidt fedt efter arbejde, at<br />

kunne følges med nogle af dem, direkte videre til træning.<br />

2. Test person: Hvis jeg fik en kostplan skræddersyet til mig, som jeg fandt<br />

overskuelig, kunne det være ret spændende at give et forsøg. Hvis ikke<br />

man selv skal smide penge i puljen til træningsgrej, ville det da også<br />

sagtens kunne l<br />

Hvilke funktioner, skulle en App evt. Indebære, for at gøre den interessant for dig ?<br />

1. Test person: Jeg syntes at det kunne være lidt sjovt, hvis man kunne se<br />

hvem der var oppe og træne, en oversigt over hold mm..<br />

2. Test person: Have øvelser og en oversigt over hold, hvem der træner,<br />

træningsprogram, konkurrencer.<br />

Hvad ville kunne forbedres ved firmaets nuværende side, efter din mening?<br />

1. Test person: Jeg kan godt lide farvevalget. Jeg synes at den grønne farve<br />

giver et godt indtryk af sundhed. Syntes dog ikke at den er så fancy, som<br />

den nok kunne være. Når man ser på andre fitness hjemmesider, er der<br />

lidt mere liv på siden, for at få den til at fange målgruppen.<br />

2. Test person: Der mangler helt klart noget blikfang. Den sælger ikke sig<br />

selv optimalt. Mange ting kunne forbedres. Bedre kvalitets billeder, evt.<br />

Noget bevægelse og lækkerier.<br />

Hvad kunne få dine kolleger med på ideen om, at få en sundere livsstil ?<br />

55


1. Test person: Jeg tror det her med, at vi gør det i fællesskab, ville kunne<br />

give en stor effekt. Jeg tror måske også at hvis man indbyrdes i firmaet,<br />

havde lidt konkurrence, at det kunne få fanget en del. Så det var måske<br />

en ide.<br />

2. Test person: Hvis det er sjovt og der er lidt konkurrence i det. En motions<br />

coach kunne måske rykke på folk og få gejsten op at køre.<br />

56


Konklusion af interview<br />

Efter at have foretaget disse to interview, er vores konklusion, muligheden for et overblik<br />

over hvem der træner, konkurrencer mm. Gør det spændende og motiverende for de<br />

ansatte. Det at man kan gøre det i fællesskab, have buddies at træne med, lyder til at gøre<br />

det mere fængende. Dem som ikke har så meget tid, kan benytte sig af app´en og lave<br />

hjemme øvelser, som man også kan høre at der er behov for. Så alt i alt positivt fra de<br />

ansatte<br />

Interview med topchef Bjørn Kjos fra Norwegian<br />

Hvad ville få dig til at starte et samarbejde med Aktiv Firma Sundhed ?<br />

o Jamen, det er jo sådan at det er bevist at man bliver mere energisk og kommer i<br />

bedre humør med, en sundere livsstil. Men jeg synes dog ikke det fremgår tydeligt<br />

på hjemmesiden. Dette er noget vi altid kan bruge mere af. Det ville kunne gøre et<br />

bedre indtryk på vores kunder, med gladere og mere energiske medarbejdere og så<br />

giver det meget til en arbejdsplads med god stemning.<br />

Hvad ville denne ændring have af effekt for arbejdsgangen?<br />

o Det at man ville kunne lave konkurrence mellem kollegaerne, kunne da være sjovt<br />

for de ansatte. De ville blive mere konkurrence mindede og dette ville nok også<br />

smitte af i arbejdstimerne. Folk ville have nemmere ved at stå op om morgenen, der<br />

ville være mindre sygefravær, da de ansatte ville være mere aktive også kunne det<br />

jo også være rart hvis vi kunne undgå nogle vinter depressioner.<br />

Ville denne ændring kunne have en negativ effekt?<br />

o Hvis ikke folk ville engagere sig i det, ville det selvfølgelig være unødvendige<br />

omkostninger. Men jeg håber og tror på, at alle er med på at prøve noget nyt, for jeg<br />

tror bestemt at det vil give pote i sidste ende.<br />

Konklusion af interview<br />

57


Forberedels<br />

e<br />

WBS<br />

Tidsplanlæg<br />

ning<br />

Mindmap<br />

Mindmap/<br />

brainstorm<br />

Reseach<br />

Målgruppe<br />

Interview<br />

3-ring<br />

Analye/Mo<br />

deller<br />

Risici<br />

Ud fra vores samtale med Bjørn Kjos, fik vi bekræftet, behovet for denne form for<br />

motivation. Han lød meget begejstret og kunne helt klart godt følge fordelene ved en<br />

sundere livsstil, med gladere og friskere ansatte.<br />

Det ville gøre meget for de ansatte med nogle indbyrdes konkurrencer, samt at få<br />

kampgejsten op.<br />

Indledning<br />

Problemfelt<br />

Problemfor<br />

mulering<br />

Afgrænsnin<br />

g<br />

Metode<br />

Analyse<br />

Definition<br />

af<br />

målgruppe<br />

AIDA<br />

TOWS<br />

Interview<br />

Persona<br />

Scenarie<br />

Koncept<br />

Brainstorm<br />

3-ring<br />

target<br />

Design Mysql<br />

IA<br />

Information<br />

Implemente<br />

ring<br />

Inviseble<br />

lines<br />

Design<br />

Proces<br />

Farvevalg<br />

Skrifttype<br />

Navigations<br />

design<br />

Storyboard<br />

Produkt<br />

Prototype<br />

udvikling<br />

SEO<br />

HTML<br />

CSS<br />

PHP<br />

Javascript<br />

Endelig<br />

prototype<br />

Test<br />

Gangstertes<br />

t<br />

Afslutning<br />

Konklussion<br />

Produkt<br />

Redesign<br />

Dynamisk<br />

Motivere<br />

Forskellige<br />

platforme<br />

Sociale medier<br />

Firmatilpasning<br />

Brugerdata<br />

Video integration<br />

Visuel<br />

indentitet<br />

Logo<br />

Font<br />

Brevpapir<br />

Visitkort<br />

Shaker<br />

Manual<br />

Design manual<br />

Video manual<br />

<strong>Rapport</strong><br />

Udviklingsproces<br />

Koncept<br />

Informations<br />

arkitektur<br />

Test & Iterationer<br />

Markedsanalyse<br />

Proof of concept<br />

Psd til Kodning<br />

58


Bilag 1 B to B – B to C<br />

Bilag 2 Moodboards<br />

59


Bilag 3 uddrag af skitser<br />

60


ilag 4 skitser med post it<br />

61


Designmanual<br />

62

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!