Rapport - hjemmeside projekter

Indhold
Indhold ............................................................................................................................................ 1
Titelblad ................................................................................................................................... 4
Forord ...................................................................................................................................... 5
Ansvarsfordeling ...................................................................................................................... 5
Indledning ................................................................................................................................ 6
Problemfelt .............................................................................................................................. 6
Problemstilling ......................................................................................................................... 6
Problemformulering.................................................................................................................. 7
Afgrænsning ............................................................................................................................ 7
Research & Analyse ....................................................................................................................... 8
Målgruppe ................................................................................................................................ 9
Business To Business.............................................................................................................. 9
Business To Consumer ............................................................................................................ 9
Interviews ................................................................................................................................ 9
Konklusion på interviews........................................................................................................ 10
Den interne situation .............................................................................................................. 11
SWOT .................................................................................................................................... 12
Konklusion på SWOT............................................................................................................. 12
TOWS .................................................................................................................................... 13
Konklusion på TOWS............................................................................................................. 14
Metode................................................................................................................................... 14
46H-modellen – metodisk tilgang ........................................................................................... 15
Personaer .............................................................................................................................. 15
1
Begrundelse for valg af personaer ......................................................................................... 19
Koncept ................................................................................................................................. 19
Konklusion ............................................................................................................................. 20
Forberedelse................................................................................................................................. 21
Efter research og analyse ...................................................................................................... 22
Tidsplanlægning .................................................................................................................... 22
Work Breakdown Structure .................................................................................................... 23
Prototype ...................................................................................................................................... 24
Three Ring Target – Følelser og værdier ............................................................................... 25
Moodboard ............................................................................................................................ 26
AIDA ...................................................................................................................................... 27
Udviklingsproces .................................................................................................................... 28
Informations arkitektur ........................................................................................................... 28
Implementering i designet ...................................................................................................... 29
Farvevalg ............................................................................................................................... 30
Skrifttype ................................................................................................................................ 30
Information og navigationsdesign........................................................................................... 31
Prototype udvikling................................................................................................................. 32
Storyboard – Kundeside ........................................................................................................ 33
Storyboard - Brugersystem .................................................................................................... 36
Mobil Applikation .................................................................................................................... 38
Prototypeudvikling.................................................................................................................. 40
XHTML og CSS ..................................................................................................................... 41
JavaScript og jQuery.............................................................................................................. 41
Søgemaskineoptimering ........................................................................................................ 44
Facebook integration ............................................................................................................. 44
Test og evaluering ........................................................................................................................ 45
Gangstertesten ...................................................................................................................... 46
2
Think Out Loud Test .............................................................................................................. 47
Begrundelse for valg af Think Out Loud test .......................................................................... 48
Afslutning ............................................................................................................................... 48
Perspektivering ...................................................................................................................... 48
Afgrænsning .......................................................................................................................... 49
Videre Udvikling ..................................................................................................................... 49
Bilag.............................................................................................................................................. 50
Bilag 1 - 46h-modellen ........................................................................................................... 51
Interviews .............................................................................................................................. 54
Konklusion af interview .......................................................................................................... 57
Interview med topchef Bjørn Kjos fra Norwegian .................................................................... 57
Konklusion af interview .......................................................................................................... 57
.............................................................................................................................................. 58
.............................................................................................................................................. 58
Bilag 1 B to B – B to C ........................................................................................................... 59
Bilag 2 Moodboards ............................................................................................................... 59
Bilag 3 uddrag af skitser......................................................................................................... 60
bilag 4 skitser med post it....................................................................................................... 61
Designmanual ........................................................................................................................ 62
3
Titelblad
Titel
Aktiv Firma Sundhed
Projekt
3. semester eksamensopgave
Skole & uddannelse
Erhvervsakademiet Sjælland, Campus Køge
Projektperiode
19 November 2012, kl. 9.00 til 20 December 2012, kl 12.00
Deadline
20 December 2012, kl. 12.00
Vejleder
Stine Dahl ([email protected])
Virksomhedskontakt
Henrik Frandsen (+45 51 18 67 08)
Produkter
-
Rapport - http://steph.dk/afs/rapport.pdf
-
Kunde side - http://www.steph.dk/afs/
-
Bruger side - http://www.steph.dk/afs/intern/
-
Mobil Applikation - http://steph.dk/afs/app/
4
Forord
Denne rapport er skrevet i forbindelse med 3. semester 2012 på uddannelsen til
multimediedesigner på Erhvervsakademiet Sjælland, Campus Køge, hvor vi har fået stillet
til opgave at videreudvikle konceptet Aktiv Firma Sundhed. Vi vil i samarbejde med Henrik,
som har stillet de nødvendige informationer og videoer til rådighed, få skabt et holdbart
koncept.
Rapporten beskriver projektgruppens arbejdstilgang, arbejdsproces samt fremlægger
gruppens konklusioner vedrørende hele denne arbejdsproces proces og vores tilgang til
opgaven.
Hensigten med rapporten er at give et ordentligt indtryk af Aktiv Firma Sundhed. Hjælpe
dem på vej ved hjælp af at følge vores koncept. Vi vil tilføje nyt liv til hjemmesiden og
integrere nye funktioner og tiltag.
Projektgruppen retter en varm tak til Stine Dahl, for en god vejledning og ikke mindst
Henrik Frandsen, for et godt samarbejde og nem tilgængelig information.
Ansvarsfordeling
Nedenunder ses punkterne i rapporten og hvem, der har haft ansvaret for dem. Det er
værd at notere, at vi alle har hjulpet med udviklingen af koncept, produkt og rapport.
For en uddybelse af planlægning af projekt, ansvarsfordelingen og gruppeprocessen se
procesevaluering i afslutningen af rapporten.
5
Indledning
Ejer Henrik Frandsen har ud fra sine erfaringer som ejer og leder af en række
Fitnesscentre udviklet en virksomhedsløsning, hvor Aktiv Firma Sundhed driver og
servicerer andre virksomheders interne fitness-faciliteter.
Aktiv Firma Sundhed ser det som deres opgave både at sætte fitness-kulturen i
virksomhederne i gang, men også - og ikke mindst - at holde begejstringen og
engagementet kørende i virksomhederne også på længere sigt.
Det er en udfordring, der for mange kan virke uoverskuelig. Aktiv Firma Sundhed har søgt
ekstern hjælp til at klare opgaven. Det er her at vi, fire multimediedesignstuderende,
kommer ind i billedet.
Vi har i denne rapport fundet en løsning, ved at udarbejde et koncept som vil udvikle Aktiv
Firma Sundhed og tage det til nye højder.
Problemfelt
Aktiv Firma Sundheds første prioritet er at drive og servicere andre virksomheders interne
fitness-faciliteter. De hjælper også mindre firmaer som ikke har ressourcer til at have deres
eget fitnesscenter.
Erfaringen fra virksomheder med interne fitness-faciliteter/aftaler uden systematisk
motivation og styring er, at faciliteterne ofte står mere eller mindre ubrugte efter
opstartens/nyhedens begejstring har lagt sig.
Aktiv Firma Sundheds målsætning er at sætte fitness-kulturen i virksomhederne i gang
men også at holde begejstringen og engagementet kørende i virksomhederne også på
længere sigt.
Problemstilling
Vi har derfor fået til opgave at udvikle et koncept til en digital platform som understøtter
Aktiv Firma Sundheds forretningsmodel. Aktiv Firma Sundhed ønsker at gøre det muligt
for virksomhedernes medarbejdere at oprette en profil, hvor de kan få støtte til deres
personlige fitness-projekt.
6
Aktiv Firma Sundhed ønsker at få udviklet en digital platform med et udarbejdet koncept
som har til formål at motivere og fastholde brugerne efter nyhedens begejstring har lagt
sig.
Ydermere ønskes der et redesign af hjemmesiden samt en komplet visuel identitet.
Problemformulering
Hvordan motivere vi brugerne til at fastholde deres træning efter opstartens begejstring
har lagt sig, samt giver AFS den bedst mulige visuelle identitet?
Afgrænsning
Vi har i denne opgave sat fokus på at udvikle og realisere et koncept til en digital platform.
Vores løsning vil kunne håndtere input fra brugerne og den skal bidrage til at motivere og
fastholde dem, der gør brug af fitness ordningen.
Desuden har vi udviklet en app, skabt en visuel identitet og redesignet Aktiv Firma
Sundheds eksisterende hjemmeside samt lavet en brugerdefineret intern side.
7
Research & Analyse
8
Målgruppe
Aktiv Firma Sundhed henvender sig til to målgrupper. Virksomhederne og deres
medarbejdere.
Virksomhederne er B2B markedet og medarbejderne er B2C markedet.
Begge målgrupper er primære målgrupper da de er afhængige af hinanden. Hvis den ene
målgruppe ikke tror på konceptet vil det ikke fungere. Begge markedet kan påvirke
hinanden. Virksomhederne kan sælge konceptet til sine medarbejdere og medarbejderne
kan sælge konceptet til virksomheden.
Business To Business
Aktiv Firma Sundheds kan sælge deres produkt til alle former for virksomheder. Store som
små. Det er ikke et kriterium at virksomheden har deres eget træningscenter for at Aktiv
Firma Sundhed kan hjælpe dem.
Business To Consumer
B2C markedets målgruppe er folk der arbejder i virksomheder. Dette er en større
målgruppe i forhold til virksomhederne. Der er ingen krav i forhold til medarbejderens alder
eller stilling. Det er primært henvendt til medarbejdere som er i dårlig fysisk form og har
brug for hjælp med at blive motiveret til at træne. Dette kan vi konkludere da folk der
allerede er i god form og træner selv ikke har lige så meget brug for hjælp til at blive
motiverede.
Interviews
Vi har interviewet1 Lene Berg og Lars Ole Knudsen som begge arbejder i en virksomhed,
samt Bjørn Kjos som er topchef hos Norwegian. Vi har interviewet dem for at lære vores
målgruppe bedre at kende og finde ud af hvordan vi skal markedsføre aktiv firma sundhed.
1
Bilag - interviews
9
Konklusion på interviews
Konklusion af interview af Lene Berg og Lars Ole Knudsen
Med hensyn til at motivere medarbejderne konkluderer vi hvis man kan skabe fælleskab
og sammenhold omkring træningen i firmaet, vil det være en stor motiverende faktor.
Samtidigt ville det være motiverende hvis man kunne se hvem der var oppe og træne i
øjeblikket.
Overskud var også en vigtig del for de interviewede. Hvis man havde overblik over sit
træningsprogram ville man have nemmere ved at følge det. Eventuelt med en kalender.
Det skal også være muligt at træne hjemme hvis man har travlt med privatlivet.
Med hensyn til Aktiv Firma Sundheds nuværende hjemmeside var farverne gode. De
meget lyse og grønne farver giver et godt indtryk af sundhed.
Der manglede dog noget liv og bevægelse. De interviewede følte ikke at der var noget
blikfang på hjemmesiden. Samtidig var informationsarkitekturen lidt forvirrende.
Konklusion på interview af Bjørn Kjos fra Norwegian
Virksomhederne vil selvfølgelig gerne have sundere og friskere medarbejdere med færre
sygedage. Det vil gavne virksomhederne internt men også udadtil i forhold til deres egne
kunder. Bjørn synes dog ikke styrkene i aktiv firma sundhed skinner igennem på forsiden.
Vi mener at hvis man kan bevise overfor virksomhederne at Aktiv Firma Sundhed kan
hjælpe dem med at gøre deres virksomhed bedre og mere produktiv ville man have en
større kundebasis. Det vil være en essentiel del af budskabet som skal skinne igennem på
forsiden.
I det kommende afsnit kommer vi ind på researchen og analysen af Aktiv Firma Sundhed.
10
Den interne situation
I forbindelse med at lave et koncept til en digital platform, udvikle en visuel identitet samt
redesign af Aktiv Firma Sundheds eksisterende website. Har vi brug for et indblik i
virksomheden så vi ved, hvem det er vi samarbejder med, og hvad de hidtil har været vant
til. For at udarbejde informationsarkitekturen til Aktiv Firma Sundheds nye hjemmeside
samt en tilhørende digital platform, der skal hjælpe brugerne med at fastholde
motivationen til at træne, er det vigtigt at vi ved, hvad de ønsker at opnå.
Henrik Frandsen styrer selv sit eget fitnesscenter i Vordingborg. Hans fitnesscenter er en
del af Dansk Fitness A.M.B.A. som fungerer som en paraplyorganisation for en række
fitnesscentre i Danmark. Samtidig driver firmaet Aktiv Firma Sundhed som giver
virksomheder mulighed for at få coaching i kost og træning.
Lige nu har han to samarbejdspartnere som begge fabrikerer træningsmaskiner og
installere træningscentre i virksomheder. Hver gang de installere et træningscenter i en
virksomhed ringer de til Henrik så han kan introducere de ansatte for træningsprogrammer
til massage ordninger. Det at han har sit eget fitnesscenter gør at han har lang række
ansatte han kan trække på. Så han kan give alle former for træningsløsninger til
virksomhederne efterfølgende.
Samarbejdet med de to virksomheder som installere træningscentre i virksomheder er
Aktiv Firma Sundheds kontakt til virksomheder. Dvs. at de er Henriks primære leverandør
af kunder til Aktiv Firma Sundhed. Men Aktiv Firma Sundheds kunde bredde er meget
større.
I en privat samtale vi havde med Henrik fortalte han at han sagtens kunne hjælpe små
virksomheder. Han kunne træne hold i et møde lokale hvor man trak bordene ud til siden
eller lave en løbeklub hvor der kom en løbetræner ud i virksomheden et par gange om
ugen.
Dette gør at Aktiv Firma Sundhed har en meget stor Kunde bredde og en stor målgruppe
af virksomheder han kan sælge til produkt til. Det virkede ikke på Henrik som at han havde
tænkt over at markedsføre sig selv til de mindre virksomheder også.
11
Han udtaler selv i sin brief at det kører godt for hans firma og at de har et pænt overskud.
Men hvis man tænker over at han ikke selv står for at få sine kunder ind tror vi at med
ændringer i hans koncept kan opnå meget mere med sit firma.
SWOT
Vi har lavet en SWOT og TOWS. Vi har lavet SWOT analysen for at fokusere på firmaets
styrker, minimere svagheder, og finde den bedst mulige måde at drage fordel af de
muligheder der ligger i firmaet. SWOT analysen bliver nyttesløs hvis den ikke bliver
udvidet til en TOWS.
Konklusion på SWOT
Ud fra denne SWOT analyse kan det konkluderes at Aktiv Firma Sundhed er en
virksomhed med mange styrker. De har mange styrker som appellerer til begge
målgrupper. De har også mange muligheder til at forbedre deres markedsføring og
eksisterende hjemmeside. De har også muligheder for at forbedre kundernes motivation
på længere sigt og på den måde fastholde et større kunde klientel.
12
TOWS
TOWS analysen har vi brugt til at finde frem til hvordan man bruger styrkerne til at drage
fordel af de muligheder der er i firmaet, samt eliminere trusler.
13
Konklusion på TOWS
Vi diskuterede i gruppen omkring hvilke elementer i TOWS’en som ville bruge til at hjælpe
Aktiv Firma Sundhed mest. Vi kom først frem til at han skulle vise sine styrker bedre på sin
hjemmeside. Elementer som sundere og mindre syge medarbejder er noget alle
virksomheder gerne vil have, så det er en væsentlig faktor at fremhæve på sin forside.
En forbedring i hjemmesidens SEO vil få hans besøgsantal til at stige markant. Hvilket vil
gøre at han har større mulighed for at lokke kunder ind i sit firma ved hjælp af sin
markedsføring.
Forbedring i hjemmesidens IA vil gøre budskabet og hans firmas formåen tydeligere og på
den måde ville han sælge sig selv bedre.
Vi vil markedsføre Aktiv Firma Sundhed på flere forskellige kommunikationsplatforme for
at nå ud til en større gruppe potentielle kunder. På den måde udvide markedsføringen så
den ikke kun bliver viral men også digital.
Vi vil skabe en fælles intern platform for virksomhederne, så brugerne føler et fællesskab
og på den måde bliver motiveret til at fastholde deres træning.
Vi vil integrere video så Henrik kan oploade træningsvideoer til brugerne. På den måde
kan de altid holde sig opdaterede og udvide deres trænings kendskab.
Gamification elementer vil hjælpe til at motivere brugerne. Det er specielt henrettet til de
brugere som i god form og skal udfordres.
Dette er principper som vi vil forsøge at overholde i vores udvikling af konceptet.
Metode
Efter definition og interview af målgruppen, for at gøre os kloge på hvem de er, hvad der
efterspørges og hvad der kunne vække interessen hos dem. Vi vil tage udgangspunkt i
den udarbejdede problemformulering, hvor vi vil fremvise vores proces ved hjælp af de
modeller og metoder som bliver lavet undervejs i forløbet.
14
46H-modellen – metodisk tilgang
Den model vi har brugt er 46h-modellen2. Den har givet os struktur og har hjulpet os med
at komme i gang igen, når vi var i tvivl om næste opgave og hvor langt vi var i processen
og har skabt overblik.
46h-modellen er en udviklingsmetode til nemt og effektivt at opbygge sit koncept og
produkt. Risikoen ved denne metode er lav da planlægningen og dokumentationen er
meget omfattende. Metoden er god at bruge til større projekter og med flere folk tilknyttet,
da hver fase i projektet, frem til prototypen fremstillingen, godkendes før næste fase kan
påbegyndes. Ved prototype fremstillingen kan konceptet eller prototypen gennemgå flere
iterationer med test og evaluering før det endelige produkt kan godkendes. Er man ikke
tilfreds med det endelige produkt kan gå helt tilbage til laboratoriet og udvikle en ny ide!
Faktisk har vi været så glade for modellen at vi har valgt at opbygge denne rapport op
efter den.
Opdelingen er delt op som følger:
Indledning – research & analyse – Projekt forberedelse – Prototype – Test & evaluering.
Personaer
Inden vi skrev personaer valgte vi at interviewe3 få udvalgte personer fra målgruppen.
Persona 1 – Amalie
Amalie er 20 år gammel og er lige flyttet hjemmefra. I sin hverdag
studerer hun og arbejder som deltidsansat inde I et call-center som
sælger hos Falck, som babysitter og som tutor. Amalie er social med
sine venner og benytter sig også meget af sociale medier, såsom
Facebook, Youtube mm.
Amalie har altid kunnet spise hvad hun ville, uden at tage et gram på.
Dog har hun efter at være flyttet hjemmefra ikke fået trænet, da hun gerne vil sparre på
2
3
Bilag 1 - 46h-modellen
Bilag interviews
15
udgifterne. Amalie begynder at lægge mærke til, at hun pludselig er begyndt at tage lidt
på. Amalie vil rigtig gerne finde en løsning, som kan få hende motiveret til at komme I
form.
Falck har valgt at indgå i et samarbejde med Aktiv Firma Sundhed, for at give deres
medarbejdere en mulighed for at komme i bedre form og få sundere medarbejdere. Amalie
er meget begejstret for muligheden for at begynde at træne igen og håber Aktiv Firma
Sundhed kan holde hendes motivation for at træne
Scenarie - Amalie
Amalie har været inde på sit studie til en forelæsning som netop er slut. Hun har meldt sig
til et træningshold nede i Falcks træningscenter. Hun har dog glemt hvilken tid holdet
starter. Hun bruger derfor sin Aktiv Firma Sundhed app på sin smartphone. Amalie logger
ind på sin personlige profil. Hun finder kalenderen på app’en og finder datoen for i dag.
Hun trykker sig ind på begivenheden og tjekker hvad tid holdtræningen begynder. Idet hun
allerede er inde på begivenheden tjekker hun også hvilke af sine kollegaer der har meldt
sig til træningen, samt varigheden på træningen. Varigheden er relevant for hende da hun
er bagud med sine lektier og skal hjem og læse lige efter træningen. Hun beslutter sig for
at tage til træningen og begynder at cykle over mod arbejdet.
Persona 2 – Susanne
Susanne er en selvstændig kvinde i midt 40'erne, hun er
forsikringssælger i Topdanmark og pendler ind til København hver
dag.
Hun er gift med Søren og har to børn, Kenneth som er flyttet
hjemmefra og Simon som stadig bor hjemme.
I fritiden spiller hun håndbold en gang om ugen og holder meget af at
se de gode gamle håndboldpiger.
Susanne har en smartphone, som hun bruger hyppigt, mest i toget, hvor hun læser
nyheder, er på facebook og pinterest.
Når Susanne har fri, skal hun hjem og lave mad, vaske op, vaske tøj og gøre rent. Hun er
16
generelt en meget travl kvinde. Hun føler tit at hun ikke har tid nok til dyrke mere motion,
selvom hun gerne ville.
Scenarie - Susanne
Susanne er begyndt at styrke træne 3-4 gange om ugen efter Topdanmark har indgået et
samarbejde med Aktiv Firma Sundhed. Hun har holdt sin træning ved lige i lidt over 2
måneder. Om 5 dage skal Susanne ud og rejse med hele sin familie i 2 uger. Hun vil gerne
blive ved med at styrke træne men hotellet har ingen trænings faciliteter. Hun vil derfor
godt finde et træningsprogram hvor man kun bruger sin egen kropsvægt. Hun går derfor
ved hjælp af sin iPad ind på Aktiv Firma Sundhed hjemmeside og logger sig ind på sin
private profil. Derfra kan hun gå ind og tjekke videomaterialet. Hun finder de videoer hun
synes er relevante og gør dem til favoritter i sine bogmærker.
Hun skriver også til sine venner og direkte til Henrik for at få mere information omkring
træning med egen kropsvægt.
Et par dage efter får hun svar fra både sine egne venner og Henrik. Hun har nu en masse
videoer som beskriver hvordan hun skal styrke træne hele sin krop, kun ved hjælp af sin
egen kropsvægt. Susanne er nu klar til at tage på ferie og samtidig at holde sin
styrketræning ved lige.
Persona 3 – Birgitte
Birgitte 46, bor i Gladsaxe sammen med sin mand Lars 47 og hendes
to børn Laura på 15 og Nicolas på 17.
Birgitte har gennem en længere årrække besiddet en række
kontorstillinger i telefon-branchen.
De sidste 15 år har hun arbejdet som intern koordinator i Post
Danmark. Hendes daglige arbejdsrutine går fra at svare på opkald og
indtaste data fra de 30 personer der arbejder i hendes afdeling.
Når Birgitte har fri, skal hun hjem og lave mad, gøre rent, vaske tøj og vaske op. Birgitte
bruger hver aften min 30 minutter på computeren eller fjernsynet, hvor hendes mand Lars
17
er ude og løbe.
Lars har prøvet at lokke Birgitte med ud og løbe flere gange, men grundet niveauforskel og
at Birgitte ikke er så meget for løb, dyrker Birgitte ikke noget motion.
Scenarie – Birgitte
Birgitte sidder på sin computer på arbejdet. Hun har fri om 30 min. og har et hul i sit
skema. Post Danmark har indgået et samarbejde med Aktiv Firma Sundhed og installeret
et trænings center på deres arbejdsplads. Birgitte vil gerne ned og træne men mangler det
sidste motivation som får hende op af stolen og ned i centeret. Hun går ind på Aktiv Firma
Sundheds hjemmeside og logger sig in på sin private profil. Hun kigger på hvem der er
oppe og træne og finder ud af to af hendes buddies lige er checket ind i træningscenteret.
Hun føler nu en meget større motivation til at træne da to af hendes bedste veninder er i
træningscenteret.
Persona 4 - Torben
Torben er en af de førende ledere i stort advokatfirma. Han har en
travl hverdag og et krævende job. Hans job kræver at han er teknisk
anlagt. Han er vant til at bruge sin computer. Han bruger primært
nettet til research og de kreative programmer til præsentationer. Han
er et meget konkurrencepræget menneske, hvilket har fået ham dertil
hvor han er i dag.
Han nyder at leve en sund livsstil men har dog haft svært ved at holde sin træning ved lige
det sidste års tid. Han arbejder på flextid og styrer selv sine pauser i sit travle skema men
får ikke prioriteret sin træning højt nok. Han har før prøvet at få sine kollegaer til at træne
sammen med ham men de faldt fra efter start perioden. Han savner konkurrence og mere
socialt samvær i sin træning.
Scenarie - Torben
Torben har frokost pause og bruger den til at surfe på nettet på sin laptop. Da han gerne
vil have sine venner til at starte med at træne igen, søger han efter en personlig træner,
der kan komme ud til dem og få dem på benene igen. I hans søgen efter dette, falder han
18
over Aktiv Firma Sundheds side, interesseret læser han om produktet og hvordan det vil
kunne ændre hans virksomhed, han går ind under ydelser og ser hvad produktet
indebære, han læser spændt om brugersystemet og om hvad Henrik som person kan
tilbyde, der er ingen tvivl, Torben må lave en aftale med Henrik, han finder hans telefon nr.
i højre side af forsiden og kontakter ham straks.
Begrundelse for valg af personaer
Persona 1 er en fiktiv person og er valgt, da vi ville have en lidt yngre person med lidt
anderledes interesser, som var ung og frisk. Vi har taget udgangspunkt i os selv, som
færdiguddannede.
Personaerne 2 og 3 er blevet valgt på baggrund af de interviews vi har foretaget os blandt
målgruppen.
Persona 4 er en fiktiv person, som vi har valgt for at få en ledertype, en højtuddannet, som
har en lidt mere presset hverdag.
Vi har valgt at tage udgangspunkt i flere forskellige personaer i og med at målgruppen er
meget bred. Vi ville derfor skabe de forskellige typer, og tilpasse produktet til målgruppen.
Koncept
I det kommende afsnit vil vi forklare hvordan vi kom frem til konceptet, tilpassede det til
vores målgruppe og integrerede det i vores design. Konceptet skal tilpasses den research
som vi har lavet i foregående afsnit.
Vi starter med at lave en mindmap hvor vi brainstormer omkring hvilke dele der skal være
på hjemmesiden og hvad der skal indgå i konceptet. Vi får på den måde alle tanker
omkring konceptet skrevet ned.
19
Efter at vi har skrevet alt ned begynder vi at diskutere løst og fast omkring hvordan man
bedst motiverer alle former for brugerne, dem som er i god form såvel som dem som er
helt nye indenfor fitness.
Vi tager udgangspunkt i vores tidligere research og egne meninger. Vi bliver enige om at
fællesskab er den mest motiverende faktor indenfor træning. Specielt for folk hvor fitness
er fremmed. Fællesskabet gælder ikke kun person men lige meget på det fysiske plan. Vi
bliver enige om at det helt klart er bedst at træne sammen med en som er på sit eget
fysiske niveau.
Vi snakker videre omkring folk der er i god form og som måske søger udfordring. Vi
begynder at snakke gamification ind i konceptet. Vi bliver enige om at konkurrence
elementet også er en stor motiverende faktor, specielt for dem som allerede er i god form.
Vi udvikler konceptet så Aktiv Firma Sundhed gennem en personlig brugerplatform
motivere den enkelte gennem sammenhold og fælleskab. Vi udvikler ideen omkring
”Buddie” konceptet. Hvor man har trænings ”Buddies” som man kan holde øje med
hvornår er oppe og træne. Man kan også udfordre sine ”Buddies” til en udfordring. Det kan
være alt fra hvem der først løber 1000 km til hvem der kan tage mest i bænkpres. Vi
udvikler ideen så at virksomheder kan udfordre hinanden.
Før udfordringer er officiel skal begge parter acceptere hvad der er på højkant.
Debatten endte ud i at handle om tid og om hvor vigtig en faktor tid var de arbejde i
virksomheder. Så vi blev enige om at en kalender skulle have en central del i konceptet.
Konklusion
Aktiv Firma Sundhed vil gennem en personlig brugerplatform motivere og skabe
sammenhold mellem brugerne, samt udfordre de konkurrencemindede.
Konceptet danner basis i en platform hvor det er muligt for kunderne (virksomheder) og
deres brugere (medarbejdere) at interagere med hinanden. Som kunde vil du blive oprettet
og få en intern underside, kun for dine brugere.
Den interne side vil være bygget op omkring et profil- og kalendersystem, der bliver
oprettet til en enkelte bruger.
20
Forberedelse
21
Efter research og analyse
Efter vi har fundet frem til målgruppen og lavet persona, har vi ud fra den lavet TOWS og
fundet frem til konceptet. Vi ville skabe struktur over opgaven og dens meget fyldige
indhold. Derfor har vi, som i kan se i dette afsnit, fået lavet tidsplanlægning og Work
Breakdown Structure4 over alt vi skulle nå og hvornår det skulle være færdigt. Dette gør
det meget nemmere for os, at få et overblik over opgavens omfang og problemstillinger.
Tidsplanlægning
Vi har valgt at bruge Gantt, som hjælp til vores tidsplanlægning, da denne opgave er stor
og omfattende.
På billedet ovenfor, kan i se et overblik over hvad vi vil nå.
Det er et godt værktøj, da det er tidsopdelt. Derudover får man et godt overblik over hvad
man har lavet, mangler at lave og hvad der skal rettes mm.
Det giver et overblik og gør at vi altid har styr på hvad der skal laves de forskellige dage,
sådan at vi når vores deadline.
Der har været lidt sygdom, praktik samtaler og andre forhindringer som har gjort at vores
tidplan ikke er blevet overholdt til punkt og prikke, men som vi har fået indhentet.
4
Bilag - Work Breakdown Structure
22
Work Breakdown Structure
Som noget af det første kiggede vi opgavebeskrivelsen igennem og skrev op på white
boardet hvad vores opgave indeholder, efterfølgende skrev vi det rent på computeren, i et
hierarki, et for hvad vi skulle nå at lave projektmæssigt og et for hvad vi skulle nå at skrive
i rapporten. Disse to Work Breakdown Structures har også fungeret som afkrydsningslister
igennem hele processen.
23
Prototype
24
Three Ring Target – Følelser og værdier
Som det første skridt i vores designproces lavede vi en Three Ring Target. Som er en
simple metode til at forklare og illustrere de følelser og værdier, vi vil fremhæve.
Denne Three Ring Target lavede vi til kunden, altså dem der i fremtiden kommer til at
bruge siden. Det vigtigste for os var, at den skulle motivere, at den skulle skabe
sammenhold internt i virksomheden og som en bonus for dem der var ekstra motiveret,
kunne de udfordre hinanden.
Efterfølgende fandt vi ud af, at den overstående Three Ring Target ikke passede ordenligt
til vores eksterne side. Så derfor lavede vi en ny Three Ring Target. Grunden til dette er,
at den interne side er business to consumer (B to C) og den eksterne side er business to
business (B to B)5. To forskellige modtager, to forskellige budskaber, to forskellige Three
Ring Targets.
5
Bilag B to B – B to C
25
Da vi regner med, at det for det meste vil være chefer og overordnede som vil kigge på
den eksterne side. Da det er den eksterne side der skal sælge vores koncept, har vi
ændret motivation til sundhed. Vi har lavet disse ændringer grundet at det gerne skulle
være blikfang for målgruppen. Det skulle gerne være med til at give målgruppen en
forståelse af hvad firmaet gerne vil opnå, hvilket vi den vej igennem, forhåbentligt vil få til
at skinne frem.
Igen har vi valgt sammenhold, da det er et af de områder, som vi sætter fokus på og til
sidst skulle det meget gerne fører til trivsel på arbejdspladsen og gøre dette til et bedre
sted at være.
Moodboard
Vi lavede nogle enkelte moodboards for at få en stemning og et visuelt udtryk for hvilken
vej, vi rent designmæssigt skulle gå6
6
Bilag Moodboards
26
AIDA
Begrundelse for brug af AIDA-modellen
Vi har valgt at benytte os af AIDA modellen, da det er en marketing model som er god at
gøre brug af. Den fortæller hvordan man bedst muligt kan skabe opmærksomhed,
interesse, skabe begær og få kunden til at agere og købe produktet, i dette tilfælde blive
medlem. Det hjælper os til, hvordan vi skal opbygge siden.
Attention - Opmærksomhed
Vi vil fange brugerens opmærksomhed ved, at vise dem at motivation ikke altid kommer
automatisk og at Aktiv Firma Sundhed, vil give dem redskaberne til at få et bedre
sammenhold, bedre helbred og alt i alt et mere aktivt liv.
Interest – interesse
Produktet skal skabe interesse ved at fokusere på en bedre livsstil, et godt team både til
konkurrence mennesket og dem der bare vil træne sammen med deres kolleger og på den
måde motivere sig slev. Få lagt en trænings/ kost plan, der passer til hver enkel.
Promoverer firmaet gennem de nuværende kunder. Mund til mund.
Desire - Begær
Vi vil skabe et begær ved at fortælle og vise om alle de positive styrker det ville give
firmaet, et bedre sammenhold, sundere livsstil, motiverede kolleger, livsglade, friske
ansatte og self. Drømmen som de fleste vel har, at tabe nogle kilo eller leve et sundere,
længere liv og være på toppen.
Action - Handling
Vi vil motivere, og stille redskaber til rådighed, som gør det muligt for kunderne at opnå
deres mål. Ved at lave kost/trænings plan til hver enkelt medarbejder og ved hjælp af
27
vores APP, hvor der bliver informeret om hvilke medarbejdere som er i gang med træning
og derigennem også kan konkurrere med hinanden.
Udviklingsproces
For at finde ud af hvad vi skulle have på siden og hvad der var vigtigt, lavede vi et
mindmap over de ting vi ville have siden skulle indeholde. Denne proces gik over flere
dage og var ret kompliceret.
Informations arkitektur
Efter vi havde lavet vores mindmap skrev vi dem på ”post-it’s” for at finde ud af hvor de
forskellige ting skulle være på de forskellige sider.
28
På den interne side kom vi frem til følgende:
Implementering i designet
Hjemme lavede vi en masse skitser7 for at være forberedte og hver især have hvert vores
syn på hvordan siden skulle se ud. Da vi så mødte på skolen snakkede vi i fælleskab om
hvordan siden skulle se ud. Vi tegnede den på whitebordet og samlede alle de gode ideer
vi havde til en solid god side.
Da siden var tegnet op, som vi ville have den, begyndte vi at implementere de ting vi gerne
ville have den skulle indeholde, ved hjælp af de post it vi havde lavet tidligere. Dette gjorde
processen meget nemmere og der var ingen tvivl om hvad der var på siden og hvor det
var8.
7
8
Bilag uddrag af skitser
Bilag skitser med post it
29
Farvevalg
Ud fra de moodboords vi har lavet og med få af de farver han har på sin nuværende side
fandt vi frem til følgende farvepalette.
Skrifttype
Samtlige overskrifter på både den interne og eksterne side er skrevet med Bebas Neue.
Aggie, altså en skrifttype uden fødder, er valgt for dens mulighed til at være Condensed og
gøre menuen meget pæn og læselig, da bogstaverne er store og tydelige.
Til sidernes indhold har vi valgt at bruge Verdana. Dette gjorde vi da Verdana er en god,
overskuelig og læsbar Sans-Serif skrifttype.
30
Information og navigationsdesign
Informationsdesign handler om at præsentationen af sidens information, således at det er
til at forstå at bruge. Information er ikke bare information, den skal designes omhyggeligt
således at brugeren er i centrum.
Vi har arrangeret informationen på siden således at vi møder målgruppen i øjenhøjde og
giver dem overskuelig hjælp til at finde den information de siger. Informationen er
præsenteret overskueligt ved hjælp af usynlige lod- og vandrette linjer i designet.
I udarbejdelsen af vores analyser af målgruppe og vores udarbejdelse af personaer har vi
fundet frem til nogle af de mål som målgruppen ønsker at finde frem til når de besøger
vores side.
Derudover er det vigtigt at den besøgende føler sig godt tilpas og at sidens tilhørsforhold
er synlige.
Overordnet navigationsdesign:
Forside
(Eksterne)
Mission
Firma sundhed
Ydelser
Logind
Kontakt
Slide
Intern
Min profil
Buddies
Kalender
Udfordinger
Begivenheder
Kostplan
Udfordre
Begivenheder
Se
udfordringer
Tilmelde sig en
begivelnhed
Træningsplan
Se folk der
træner
Buddies
Oprette en
udfordring
Opret
begivenhed
Videoøvelser
Log ud
Udfordringer
Beskeder
31
Prototype udvikling
Eftersom dette er et stort og omfattende system har vi valgt at lave prototyper ud fra de
sider vi fandt som de mest vigtige at illustrere og gøre funktionelle i henhold til
målgruppen, samt at give Aktiv Firma Sundhed et ordentligt indtryk af konceptet. Hele
slutproduktet er dokumenteret i afsnittet storyboard og de udvalgte prototyper er illustreret
i dokumenteringen i det afsnit.
32
Storyboard – Kundeside
Mission
Mission siden er oprigtigt forsiden, vi valgte at kalde den mission, da vi gerne vi relatere til
at Aktiv Firma Sundhed har en mission, en mission om at gøre de danske virksomheder
sundere og give medarbejderne livskvalitet.
Siden er en appetizer til Aktiv Firma Sundheds værdier, sælger varen med stil og gør det i
gøre rammer man føler sig trykke i.
33
Firma Sundhed
Det er her man kan læse nærmere om hvad firma sundhed er, hvilke værdier firmaet har,
hvem der står bag, hvilke samarbejdspartnere firmaet har og hvilke fordele der er ved at
booke Henrik til at ændre ens firmas sundhed for altid.
Ydelser
Her kan man se hvilke ydelser Aktiv Firma Sundhed kan tilbyde, her kan man smugkigge
på brugersystemet, altså få en guide igennem alt hvad firmaet får i hænderne ved en
bookning af Henriks ydelser.
Man kan også se hvilke evner Henrik har som person, blandt andet udkast af hans
programlægning, holdtræning og selvfølgelig et indblik i hvem han er og hvad han laver.
Er det overstående ikke nok til at imponere interesseret kunder, har vi afsnittet om
personlig pleje, hvor man kan forkæle sine medarbejdere med massage, fysioterapi osv.
Endvidere kan der tages en sundhedstest, hvis dette var en interesse.
Kontakt
Kontaktsiden er her man som interesseret, kan kontakte Henrik om nærmere information.
Siden vil indeholde
34
Log ind
Log ind siden er portalen til de heldige der er bruger af aktiv firma sundheds brugersystem.
Her kan man ikke komme videre uden et firma log ind.
35
Storyboard - Brugersystem
Min profil
Under min profil kan brugeren se sin personlige kostplan og træningsplan, der vil også
komme videoøvelser der passer til træningsplanen, der er her brugeren kan finde
inspirerende og sunde madretter til at lave i hjemmet og lave små øvelser, hvis tiden er
knap.
Buddies
Det er her man kan se hvad ens kollegaer laver, altså deres aktivitet. Man kan blandt
andet se om der er nogen der er oppe og træne, hvis de har checket ind i det fælles
trænings center og finde flere fra arbejdet (flere buddies).
36
Kalender
Kalenderen er nok en af de vigtigste ting der er på siden, da den giver et godt overblik
over hvor og hvornår man har været oppe og træne, om der er nogen man kender der er
oppe og træne nu. Man kan se fremtidige begivenheder, blandt andet hvornår Henrik
kommer igen og giver nye og forbedret træningsprogrammer.
37
Udfordringer
Her kan man se hvilket udfordringer man deltager i og om man er foran eller om man skal
tage sig sammen og komme op af sofaen. Man kan oprette en begivenhed og udfordre en
buddie fra arbejdet.
Mobil Applikation
Velkommen
Det første brugeren møder på appen er en log ind siden. Her er det
muligt at logge ind med sin bruger. Man kan også vælge at logge
ind med sine facebook informationer. Har man ikke et log ind, som
man får efter Henrik har været og give personlige
træningsprogrammer, kan man ikke komme ind og bruge appen.
38
Buddies
På siden buddies findes der et overblik over ens buddies, hvad de
laver, hvor de er, præcis ligesom på hjemmesiden. Denne side er
god da man har den lige ved hånden. Man kan tjekke, hvem der er
oppe og træne, på vejen der op.
Kalender
Kalenderen giver et overblik over træningstider samt se hvornår der
er begivenheder længere fremme på ugen, endt videre måneden.
Man kan vælge at se dagen idag, dagen imorgen, hele ugen og hele
måneden. Dette gør det ledt for brugeren at få et overblik og se
hvornår der er tid til træning og hvornår der skal gøres tid til træning.
Man kan også se hvornår ens buddies har planlagt at træne, så man
er sikker på der er en at træne med.
Træning
Det er her brugeren logger sig ind i træningscenteret, man kan se sit
personlige træningsprogram, man kan se hvor meget man har
forbrændt og hvor langt man har løbet.
39
Min side
Den personlige profil er her man kan rette sine personlige
oplysninger.
Man kan skrive beskeder til hinanden og se sin kostplan.
Til sidst og ikke mindst har vi videoøvelserne, det er her man kan
tage sig et par hurtige øvelser eller få introduktion til nye øvelser.
Prototypeudvikling
(Photoshop til HTML)
Ved hjælp af nøje planlægning og navngivning af designet i Photoshop bliver udskæring
og opsætning af designet i HTML og CSS nemmere – illustreret på billedet ovenover.
Dette er en fordel ved større projekter som dette med forskellige designere og
programmører tilknyttet og er med til at mindske fejl og gøre overgangen fra design til
hjemmeside så gnidningsfri som muligt.
40
XHTML og CSS
Sidens kodning i HTML og CSS er rimelig lige til. Siden er optimeret til de mest gængse
browsere og ned til bredden 1000px, som er mindstestørrelsen for de fleste skærmes
opløsning nu til dags9.
Sidens content del er lavet til altid at være lige så bred computerens bredde uanset hvad.
Dette gør at designet altid visuelt lækkert og aldrig kommer til at se halvfærdig ud. Værd at
fremhæve er brugen af @font-face i CSS som gør implementeringen af skrifttypen ”Bebas
Neue” mulig.
JavaScript og jQuery
(JavaScript)
Når man som i vores tilfælde har valgt at bruge en skrifttype som ikke er en webstandard,
er det som nævnt i afsnittet ovenover muligt at implementere en ny skriftype på siden.
Problemet ved dette er at alle browsere ikke er ens og reagerer ens på dette og muligvis
har problemer med at vise teksten korrekt. For at løse dette problem kan man ved hjælp af
et JavaScript kaldet Cufon10, der gør det muligt for alle browsere at vise teksten korrekt,
samt eventuelle effekter – illustreret på billedet ovenover. Dette er især brugbart hvis man
som i vores tilfælde har dynamisk indhold og tekst.
9
Kildehenvisning: http://fdim.dk
Kildehenvisning: http://cufon.shogolate.com
10
41
MYSQL og PHP
(ER-Diagram)
For at skabe dynamiske hjemmesider, altså hjemmesider der kan ændre sig uden at der
ændres i kildekoden, kræver det at man programmerer hjemmesiden i et serverbaseret
sprog. I vores tilfælde PHP som kan vise data fra en MYSQL database.
I billedet ovenover har vi taget udgangspunkt i vores brugersystem på hjemmesiden.
Brugerne er sat i en tabel ved navn bruger. En tabel med data for hver enkelt bruger. Hver
bruger er tilknyttet et firma med tabellen ved navn firma og skaber derved en
relation(sammenhæng) mellem de to tabeller da en bruger skal være tilknyttet et firma.
Grunden til at de to tabeller ikke er sat sammen i en enkelt tabel er for at gøre det mere
overskueligt og nemmere at ændre i fremtiden.
Skulle firmaet skifte navn en gang i fremtiden er det kun nødvendigt at rette det et enkelt
sted, i stedet for at skulle ændre det ved hver enkelt bruger.
42
(PHP kode)
På billedet ovenover ses et udsnit af vores PHP kode. I dette tilfælde vores log ind system.
Linje 1 gør vi det muligt at gemme og huske data fra siden, så vi senere kan se om
brugeren er logget ind og hvilken bruger det er.
Linje 2 henter vi en ekstern PHP side med adgang til databasen. Grunden til denne er
ekstern er for at kunne bruge den på flere sider nemt og hurtigt.
Linje 5 er starten på selve log ind koden. Hvis der er trykket på log ind knappen, skal
koden gå videre til den efterfølgende kode.
Linje 7-8 er variabler der henter navn og password fra log ind felterne. Variablerne er et
lille stykke kode der oftest henviser til en længere kode, som gør det nemmere at arbejde
med. Passwordet er kryptisk genereret og skal derfor aflæses kryptisk ved hjælp af den
indbyggede funktion md5. Dette er for at koden ikke kan aflæses i databasen.
Linje 10-19 henter indholdet fra databasen hvor brugerens fornavn og password er det
samme som det der er indtastet i log ind felterne.
Hvis der findes et i databasen med det indtastede navn og password, udføres linje 16-18,
som gemmer brugernavnet i linje 1 og sender derefter brugeren hen på den side man vil
logge ind på.
Hvis ikke der findes et match i databasen gemmes brugernavnet ikke og går videre til linje
21 som kommer med en meddelelse om at noget gik galt.
43
Søgemaskineoptimering
(Søgemaskine Optimering)
I stedet har vi fokuseret på at få lavet vores keywords og description, samt fået optimeret
billeder og links således at der er alt og title tags på dem.
Menuen er bygget op omkring en liste, hvilket søgemaskinerne også fanger.
Facebook integration
(Facebook integration)
Facebook er integreret således at man i stedet for at logge ind med en bruger, logger ind
med sin facebook profil. Man slipper således for at skulle skrive navn og password og skal
bare acceptere i en pop-up at man vil logge ind med facebook og man er således husket
for fremtiden. Ved at logge ind ved facebook bliver ens profil på Aktiv Firma Sundhed
synkroniseret med ens facebook profil hvor ens oplysninger og profil billede vil blive hentet
over til Aktiv Firma Sundhed.
Det er ligeledes muligt at få samme notifikationer fra siden buddies ind på sin facebook
som en notifikation derinde. Det er yderlige muligt at få notifikationerne som SMS hvis man
skulle have en mobil af ældre årgang.
44
Test og evaluering
45
Gangstertesten
Gangstertesten er en test hvor man skal forestille sig man er blevet kidnappet og kørt langt
væk, bliver sat af og skal finde hjem igen, testpersonen bliver stillet spørgsmål og skal
beskrive sine omgivelser.
Testperson: Eva Jensen
Alder: 52 år
Profession: Uddannet pædagog
Vi har testet vores side, ved hjælp af gangstertesten.

Test personen, lagde hurtigt mærke til logoet og vidste derfra hvilken side hun var
inde på.

Derudover er der blevet holdt fast i de grønne farver, som repræsenterer sundhed
og håb.

Slideren skaber blikfang og giver også en endnu bedre forståelse af, hvad der er
med at gøre.

Eva mener at der skulle nogle flere billeder i slideren, for at fremme forståelsen og
fange interessen hos kunderne.

Hun syntes at menuen er god og overskuelig. Det er nemt at finde frem til det man
søger og syntes at det er genialt med kontakt boksen som følger med i højre side.

Hun synes at det er godt at logoet går svagt igen som en del af baggrunden, da det
igen er med til at slå fast hvilket firma vi har med at gøre.

Eva synes at det fungerer godt med billederne for neden på siden, som er med til at
vise, hvor man bliver ført hen/ hvad teksten handler om. Dette er rart for øjet og er
med til at styrke den visuelle forståelse.

Af forbedringer foreslår hun, at der evt. Kunne være et søgefelt oppe i toppen, så
man gør det endnu nemmere for kunderne, at finde frem til de informationer de
efterspørger.
46
Think Out Loud Test
Du vil gerne finde information om Aktiv firma Sundhed´s produkt og hvad det indebærer,
hvad gør du ?

Eftersom at logoet i toppen hedder Aktiv Firma Sundhed, trykker jeg på
menupunktet Firma sundhed. Her finder jeg kun information om firmaet og
ikke hvad det indebærer. Jeg bruger udelukkelses metoden, da jeg ved at
det ikke er til at finde under kontakt, login eller mission. Derfor trykker jeg på
ydelser. Jeg trykker mig ind på første undermenu punkt der hedder,
brugersystem teaser. Her møder jeg en flot opstilling af en brugerprofil og ser
at der også er integreret en App. Jeg kan læse om brugersystemet, det ser
spændende ud.
Er det muligt at kontakte ejeren på siden?

Jeg prøver under kontakt. Søreme så, her er alle hans kontaktinformationer.
Så det er en snild sag at komme i kontakt med ham.
Her får du tildelt login og kodeord fra en vores brugere, Henrik, hvordan ville du logge ind?

Menuen er nem og overskuelig og gør det nemt at finde login knappen i
menuen, jeg logger ind og taster koden
Du har meldt dig til et zumba kursus men kan ikke huske hvornår, hvad gør du ?

Jeg vælger at gå ind under kalender, her får jeg et overblik over Henriks
træning for hele måneden. Jeg kigger kalenderen igennem og ser at det er
lørdag d. 22.
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
hende ?
47

Jeg kigger menuen igennem og finder det sidste menu punkt der hedder,
begivenheder. Her får jeg en lækker oversigt over alle de begivenheder, som
Henrik har meldt sig til.
Begrundelse for valg af Think Out Loud test
Vi har valgt at bruge Think Out Loud fordi, vi på den måde finder ud af, hvordan folk agere
på siden. Vi har valgt at bruge den for, at teste vores menu og se om brugeren finder den
ligeså logisk som vi gør. Det eneste der ikke var logisk, for brugeren, var at gå ind under
begivenheder, for at se sine planlagte hold træning. Dette regner vi med bliver noget man
finder ud af hen ad vejen, så derfor har vi valgt ikke at ændre det.
Afslutning
Vi har igennem denne proces, fået mere øvelse i hvordan det vil blive at arbejde sammen
med et team om en så omfattende opgave. Vi har efterhånden arbejdet sammen om de
sidste mange cases og har lært hinandens styrker og svagheder, hvilket gør det lidt
nemmere at uddele opgaver, men også at lære og blive inspireret af hinanden. Vi
komplimentere hinanden godt, hvilket også vises i vores slutresultater.
Perspektivering
Vores arbejdsgang kunne have været bedre, men igen har vi vores måde at gøre tingene
på. Vi kender efterhånden hindandens arbejdsmetoder og det fungerer for os som gruppe.
I alle grupper vil der være forskellige meninger, hvilket også kan føre til lidt splid eller
diskussioner, det hjælper dog også til processen. Vi har arbejdet nogle dage på skolen og
nogle dage hjemme, med Skype møder, grundet sygdom, praktik samtaler mm.
48
Afgrænsning
Vi har ikke fået arbejdet med integration af video, da tiden var lidt presset og det var et af
de mindre prioriterede opgaver. En video er til rådighed fra Aktiv Firma Sundhed, hvilket
ville gøre det nemt at få integreret den. Vi havde også en idé om selv at lave en film, hvor
vi havde medbragt videokamera og det hele hjemmefra. Tiden var dog desværre ikke til
det.
Videre Udvikling
Vi vil fortsat arbejde videre med siden og forbedre den. Vi har til plan at få integreret
filmen. Vi kunne lave en færdig udviklet prototype, få testet og videreudviklet App´en. Vi
ville kunne lave kampagner for Aktiv Firma Sundhed. Op følgende forbedringer i forhold til
konkurrenter og tilpasse markedsføring til markedets ændringer. Hele tiden være på
forkant og forebygge truslen af nye og flere konkurrenter.
49
Bilag
50
Bilag 1 - 46h-modellen
Gruppedannelse
Vores gruppe indeholder Stephan Christensen, Camilla Angelica Volf Elken, Oliver
Koldill og Martin Daugaard.
Den perfekte sammensætning til den perfekte gruppe.
Opgaven bliver stillet
Opgaven blev grundigt læst igennem inden vi startede på noget andet. Vi ville gerne finde
kundens behov og hvad vi kunne gøre for at tilfredsstille dette.
Til pitchen, hvor Henrik kom og fortalte om hans firma, sugede vi alt det til os vi kunne og
fik et meget større indblik i hvem han er og hvad han laver.
Vi har lavet en work breakdown struktur over hvad vi skal lave og hvad rapporten skal
indeholde.
Analyse
I analyse delen, brainstormede vi, hvilke modeller og arbejdsmetoder der var relevante og
passede til opgaven.
Vi nåede frem til følgende modeller:

Moodboard

3-ring target

TOWS

AIDA

Målgruppeanalyse

Statistik/konkurrence
51
Brainstorm til koncept?
Efter brainstormen er vi kommet frem til at vores koncept skal omhandle ”boddymakker” princippet. Altså sammenholdet i at tage op og træne med en ven, eller en på
lige fod med dig, en der er på sammen stadie, ren træningsmæssigt.
For at understrege konceptet, har vi kalenderen. Denne skal hjælpe med at finde sine
ligemænd, hjælpe med at se hvem der ellers er oppe og træne og det er her man kan
konkurrere med hinanden.
Så sammenholdet er motivationen og er dette ikke nok, kan man konkurrere med
hinanden. Dette kan refereres til vores 3-ring target, som er: ”sammenhold, motivation
og konkurrence”.
Visualisering

Stilrent design

Simple sports logoer

Grønt fra Henriks oprindelige side
Interaktion

Ekstern side

Intern side

Log ind

Brugerdifineret

App

Databasebaseret
Company/virksomhed
Ved hjælp af video øvelserne og online træningsplan, vil Henriks arbejdsgang gøres
meget nemmere, da han kan gøre flere ting hjemme fra, som han ikke kunne før.
52
Brugeren holder gang i siden, så her behøves Henrik ikke gøre noget, han kan bare
læne sig tilbage og nyde fremgangen.
Kommunikation
Al kommunikation kommer til at foregå indbyrdes på siden. Henrik får sit hele eget log
ind system.
Koncept/prototypeidé

Buddies – det nemmere at træne med en ven

Buddies understøttes af kalendereren – så man hele tiden kan følge med hos
hinanden

Konkurrence – for at holde gejsten oppe

Personlighedsgjort af Henrik

Redesign

Gennemført design på alle platforme
Værkstedet
Prototype

3-ring

moodboard

skitser

post it

informationsarkitektur

design
53
Brugertest

gangster test

think out loud test
Evaluering
Sammenholdet og samarbejdet i gruppen har gjort opgaven legende ledt. Vi har
hjulpet hinanden og bakket op hvor vi havde det svært.
Interviews
1. Test person:
Navn: Lene Berg
Alder: 32 år
Arbejde: Fastansat HR assistent hos TDC
2. Test person:
Navn: Lars Ole Knudsen
Alder: 40 år
Arbejde: Fastansat projektleder hos Agrotech

Hvordan lyder ideen om at få en motion coach ud til firmaet og ligge kost/
træningsplaner der er skræddersyet til hver enkelt person ?
1. Test person: Jeg syntes at det ville være en super go idé. Jeg tror mange
ikke kan overskue selv, at tage sig sammen til at komme i gang, helt
alene. På denne måde ville man gøre det sammen med en masse andre
og også få en vejledning og et program med realistiske mål.
54
2. Test person: Det ville være en spændende ny udfordring og kunne da
klart være sjovt at prøve. Måske ikke alle ville have tid til at træne efter
arbejde, så hvis man et sted kunne finde øvelser, som man kunne lave
hjemme ville det nok, kunne lade sig gøre.

Hvad ville få dig motiveret ?
1. Test person: Jamen synes at det ville være fedt hvis man havde en
kollega eller flere at træne med. Det ville være lidt fedt efter arbejde, at
kunne følges med nogle af dem, direkte videre til træning.
2. Test person: Hvis jeg fik en kostplan skræddersyet til mig, som jeg fandt
overskuelig, kunne det være ret spændende at give et forsøg. Hvis ikke
man selv skal smide penge i puljen til træningsgrej, ville det da også
sagtens kunne l

Hvilke funktioner, skulle en App evt. Indebære, for at gøre den interessant for dig ?
1. Test person: Jeg syntes at det kunne være lidt sjovt, hvis man kunne se
hvem der var oppe og træne, en oversigt over hold mm..
2. Test person: Have øvelser og en oversigt over hold, hvem der træner,
træningsprogram, konkurrencer.

Hvad ville kunne forbedres ved firmaets nuværende side, efter din mening?
1. Test person: Jeg kan godt lide farvevalget. Jeg synes at den grønne farve
giver et godt indtryk af sundhed. Syntes dog ikke at den er så fancy, som
den nok kunne være. Når man ser på andre fitness hjemmesider, er der
lidt mere liv på siden, for at få den til at fange målgruppen.
2. Test person: Der mangler helt klart noget blikfang. Den sælger ikke sig
selv optimalt. Mange ting kunne forbedres. Bedre kvalitets billeder, evt.
Noget bevægelse og lækkerier.

Hvad kunne få dine kolleger med på ideen om, at få en sundere livsstil ?
55
1. Test person: Jeg tror det her med, at vi gør det i fællesskab, ville kunne
give en stor effekt. Jeg tror måske også at hvis man indbyrdes i firmaet,
havde lidt konkurrence, at det kunne få fanget en del. Så det var måske
en ide.
2. Test person: Hvis det er sjovt og der er lidt konkurrence i det. En motions
coach kunne måske rykke på folk og få gejsten op at køre.
56
Konklusion af interview
Efter at have foretaget disse to interview, er vores konklusion, muligheden for et overblik
over hvem der træner, konkurrencer mm. Gør det spændende og motiverende for de
ansatte. Det at man kan gøre det i fællesskab, have buddies at træne med, lyder til at gøre
det mere fængende. Dem som ikke har så meget tid, kan benytte sig af app´en og lave
hjemme øvelser, som man også kan høre at der er behov for. Så alt i alt positivt fra de
ansatte
Interview med topchef Bjørn Kjos fra Norwegian

Hvad ville få dig til at starte et samarbejde med Aktiv Firma Sundhed ?
o
Jamen, det er jo sådan at det er bevist at man bliver mere energisk og kommer i
bedre humør med, en sundere livsstil. Men jeg synes dog ikke det fremgår tydeligt
på hjemmesiden. Dette er noget vi altid kan bruge mere af. Det ville kunne gøre et
bedre indtryk på vores kunder, med gladere og mere energiske medarbejdere og så
giver det meget til en arbejdsplads med god stemning.

Hvad ville denne ændring have af effekt for arbejdsgangen?
o
Det at man ville kunne lave konkurrence mellem kollegaerne, kunne da være sjovt
for de ansatte. De ville blive mere konkurrence mindede og dette ville nok også
smitte af i arbejdstimerne. Folk ville have nemmere ved at stå op om morgenen, der
ville være mindre sygefravær, da de ansatte ville være mere aktive også kunne det
jo også være rart hvis vi kunne undgå nogle vinter depressioner.

Ville denne ændring kunne have en negativ effekt?
o
Hvis ikke folk ville engagere sig i det, ville det selvfølgelig være unødvendige
omkostninger. Men jeg håber og tror på, at alle er med på at prøve noget nyt, for jeg
tror bestemt at det vil give pote i sidste ende.
Konklusion af interview
57
Ud fra vores samtale med Bjørn Kjos, fik vi bekræftet, behovet for denne form for
motivation. Han lød meget begejstret og kunne helt klart godt følge fordelene ved en
sundere livsstil, med gladere og friskere ansatte.
Det ville gøre meget for de ansatte med nogle indbyrdes konkurrencer, samt at få
kampgejsten op.
Forberedels
e
Indledning
Analyse
WBS
Problemfelt
Definition
af
målgruppe
Brainstorm
Tidsplanlæg
ning
Problemfor
mulering
AIDA
3-ring
target
Mindmap
Afgrænsnin
g
Mysql
Design
Produkt
Test
Afslutning
IA
Prototype
udvikling
Gangstertes
t
Konklussion
Information
SEO
TOWS
Implemente
ring
HTML
Interview
Inviseble
lines
CSS
Reseach
Persona
Design
Proces
PHP
Målgruppe
Scenarie
Farvevalg
Mindmap/
brainstorm
Metode
Koncept
Interview
Skrifttype
Javascript
3-ring
Navigations
design
Endelig
prototype
Analye/Mo
deller
Storyboard
Produkt
Visuel
indentitet
Manual
Rapport
Redesign
Logo
Design manual
Udviklingsproces
Dynamisk
Font
Video manual
Koncept
Motivere
Brevpapir
Informations
arkitektur
Forskellige
platforme
Visitkort
Test & Iterationer
Sociale medier
Shaker
Markedsanalyse
Firmatilpasning
Proof of concept
Brugerdata
Psd til Kodning
Risici
Video integration
58
Bilag 1 B to B – B to C
Bilag 2 Moodboards
59
Bilag 3 uddrag af skitser
60
bilag 4 skitser med post it
61
Designmanual
62
63
64
65
66
67
68
69
70
71
72