INDHOLDSFORTEGNELSE - CK Designs

INDHOLDSFORTEGNELSE 

1. FORORD ......................................................................................................................... 1 

2. INDLEDNING .................................................................................................................. 2 

3. PROBLEMFORMULERING ............................................................................................... 3 

4. ANALYSEFASEN .............................................................................................................. 4 

4.1 Projektbeskrivelse ................................................................................................... 4 

4.2 Projektorganisering ................................................................................................. 6 

4.3 Interessentanalyse .................................................................................................. 8 

4.4 Konceptbeskrivelse ................................................................................................. 9 

4.5 Kommunikationsplan ............................................................................................ 10 

4.6 Produkt.................................................................................................................. 31 

5. DESIGNFASEN .............................................................................................................. 32 

5.1 Stil & Genre ........................................................................................................... 32 

5.2 Æstetik .................................................................................................................. 33 

5.3 Navigationsstruktur .............................................................................................. 37 

5.4 Informationsarkitektur ......................................................................................... 38 

5.5 Brugervenlighed .................................................................................................... 39 

5.6 Statistisk Empiri..................................................................................................... 40 

5.7 Emotionelt Design ................................................................................................. 45 

5.8 Visuel Identitet ...................................................................................................... 48 

6. IMPLEMENTERINGSFASEN ........................................................................................... 51 

6.1 Koden .................................................................................................................... 51 

6.2 Search Engine Optimizer SEO ............................................................................... 53 

6.3 Flash Banners ........................................................................................................ 55 

6.4 Afsluttende brugertest ......................................................................................... 56

6.5 Vedligeholdelse ..................................................................................................... 57 

7. MARKEDSFØRING ........................................................................................................ 58 

7.1 Hvad gør firmaet nu? ............................................................................................ 58 

7.2 Mulige fremtidige tiltag ........................................................................................ 59 

7.3 Facebook ............................................................................................................... 60 

8. KONKLUSION ................................................................................................................ 63 

9. PERSPEKTIVERING ........................................................................................................ 64 

10. ABSTRACT .................................................................................................................. 65 

KILDE- OG LITTERATURLISTE ............................................................................................ 66 

BØGER ......................................................................................................................... 66 

WEBSITES .................................................................................................................... 67 

LYDFILER ...................................................................................................................... 68 

BILAG 1: KUNDENS WEBSITE ........................................................................................... 69 

Bilag 2: Kundeinterview (referat) .................................................................................... 73 

Bilag 3: Tidsplan ............................................................................................................... 84 

Bilag 4: Rollebesætning ................................................................................................... 86 

Bilag 5: Testrapport ......................................................................................................... 87 

Accepttest ................................................................................................................... 87 

Koncepttest ................................................................................................................. 87 

Den Første Brugertest ................................................................................................. 89 

Prototypetest .............................................................................................................. 89 

Designtest ................................................................................................................... 93 

Systemtest .................................................................................................................. 96 

Den Afsluttende Brugertest ........................................................................................ 96 

Bilag 6: Spørgeskema ....................................................................................................... 99 

2 | S I D E

1. FORORD 

Ib Iversen har ansat os til at udvikle et nyt website med det formål, at forny firmaets 

ansigt udadtil. Vi vil bl.a. sætte meget fokus på den visuelle og den brugervenlige 

oplevelse. Derudover har Ib Iversen anmodet os om også at opsætte en Facebook 

side for firmaet, som kan igangsætte nogle online markedsføringsstrategier. 

For at udvikle produktet efter kundens og målgruppens ønsker inddrager vi disse 

under hele projektforløbet. Vi har valgt at gå frem efter Vandfaldsmetoden, da 

vores ressourcer er begrænsede og projektperioden meget kort. Udviklingsmetoden 

opdeler arbejdsprocessen i fire trin: Analyse, Design, Programmering og 

Vedligeholdelse. Således vil rapporten også blive opdelt, så man på den måde let 

kan følge udviklingsprocessen. 

Løsningen af dette projekt skal ske i tidsperioden 2. december – 21. december 

2011, hvorefter det færdige projekt overleveres til lærerne i tre eksemplarer. 

Webløsningen kan findes på følgende internetadresse: 

http://ws2.ceuherning.dk/MMD0312DB3 

Rapporten indeholder 84.691 tegn, svarende til lidt under 35,3 normalsider, ekskl. 

forside, indholdsfortegnelse, litteraturliste og bilag. 

1 | S I D E

2. INDLEDNING 

Vi har i forbindelse med vores 3. semester lavet en aftale med ”Ib Iversens Tømrer- 

og Snedkerfirma” i Vinderup. Deres behov for at give deres eksisterende website 

www.Iversens-tomrer-snedker.dk/9899244 nyt liv danner grundlag for vores 

projekt. Ib Iversen har desuden overvejet at få opsat en Facebook side for at 

igangsætte nogle online markedsføringsstrategier. Vi vil komme nærmere ind på 

den senere i rapporten. 

Vi vil udvikle et nyt website, som serversitebaseres og skrives i validerbar PHP 5, 

XHTML1.1 og CSS 2.1. Derudover vil der blive gjort brug af et brugerloginsystem i 

forbindelse med fileuploads. Vi vil også undersøge, hvordan vi bedst muligt kan 

effektivisere websitet med SEO. 

Der kan forekomme JavaScripts og ActionScripts i forbindelse med vores 

forsidebanner og billedgalleri. 

For at opnå den viden, der kræves for at kunne udvikle produktet, er det 

nødvendigt at foretage en række undersøgelser, analyser og tests, bl.a. en 

målgruppeanalyse og en interessentanalyse. Derudover vil vi komme ind på 

følgende teorier: 

Ulf J. Jensens teori omkring en virksomheds identitet. 

Roman Jakobsens teori om semiotik 

Charles S. Peirces tegnbegreber. 

Dan Zarellas teorier omkring sociale medier 

Rolf Molichs teorier omkring brugervenlighed. 

Donald A. Normans teori om emotionelt design. 

Teorier og retningslinjer i ”Design of Sites” omkring det at skabe en genre/stil. 

Derudover kommer vi ganske lidt ind over Lisbeth Thorlacius teorier omkring 

webanalyse. 

Rapporten indeholder en gennemgang af udviklingsarbejdet og produktet samt 

vores overvejelser herom. 

2 | S I D E

3. PROBLEMFORMULERING 

Den lille lokale virksomhed ”Ib Iversens Tømre- og Snedkerfirma” ønsker at udvide 

deres kundekreds og mener at en ny hjemmeside vil kunne bidrage til løsningen. 

Deres nuværende hjemmeside http://www.Iversens-tomrer-snedker.dk/9899244 er 

en billig webløsning fra 123hjemmeside.dk, som giver begrænsede muligheder 1 . 

Man kan ikke personalisere den og hjemmesiden udtrykker derfor ingen af firmaets 

værdier eller firmaets budskab. 

Ib Iversen har derfor ansat ”MC Solutions, Inc.” til at udvikle et nyt website, som 

både afspejler firmaets værdier og opfylder målgruppens forventninger. 

For at opnå dette, vil vi undersøge følgende: 

Hvem er målgruppen og hvilket informationsbehov har de i forhold til emnet? 

Hvad er firmaets primære budskab og hvad ønsker de at formidle til 

målgruppen gennem deres website? 

Hvordan får vi skabt en brugervenlig brugergrænseflade samt 

informationsarkitektur? 

Hvordan opfatter målgruppen afsenderens identitet? 

Hvordan kan vi udvikle et nyt website, som vil fungere som 

markedsføringssite, og som henvender sig til målgruppen? 

Hvordan kan vi gennem design, kommunikation og informationsarkitektur øge 

målgruppens kendskab til og interesse for firmaet? 

Hvordan får vi bedst muligt integreret et fileupload system med et tilhørende 

brugerlogin på websitet? 

Hvordan kan vi bedst muligt effektivisere websitet med SEO? 

Derudover har vi fået til opgave at opsætte og forberede en Facebook side til 

kunden, som kan bruges til fremtidig online markedsføring. 

1 Bilag 1: Kundens website 

3 | S I D E

4. ANALYSEFASEN 

4.1 Projektbeskrivelse 

I dette afsnit vil vi redegøre for følgende: 

Hvordan er behovet for projektet opstået? 

Hvad er formålet med projektet 

Hvad skal projektet gerne resultere i? 

Hvilke mål skal vi forsøge at opnå? 

Hvad produktet gerne skulle resultere i? 

Derudover vil vi kort fortælle om det forventede projektforløb, og så vil vi kort 

præsentere kunden og målgruppen. 

Afsnittet baseres på resultaterne fra vores undersøgelser samt kundeinterviewet. 

4.1.1 PROJEKTETS MOTIVATION 

Projektets motivation opstod efter, at firmaet havde oprettet en hjemmeside hos 

123hjemmesider.dk, som ikke kan levere professionelle eller speciallavede 

hjemmesider. Problemet består i, at målgruppen ikke opfatter firmaet korrekt, fordi 

at hjemmesiden ikke afspejler de værdier firmaet står for. Ib Iversen ønsker derfor 

at vi laver en ny hjemmeside til ham, hvor værdierne klart afspejles og hvor der 

lægges vægt på brugervenlighed samt et mere nutidigt og moderne design 2 . 

2 Bilag 2: Kundeinterview (referat) 

4 | S I D E

4.1.2 FORMÅL & RESULTATER 

Det overordnede formål er at skabe større opmærksomhed omkring firmaet i 

lokalområdet. 

Resultatet skulle gerne blive en stigning i indkomne projekter samt generel øget 

efterspørgsel i forbindelse med rådgivning, pristilbud m.v. 

4.1.3 MÅL & AFGRÆNSNINGER 

Kunden skulle til sidst gerne stå med et moderne website, der afspejler kundens 

værdier og som er tilpasset både kundens og målgruppens behov. Kunden får 

derudover også opsat en Facebook side, som han kan bruge i forbindelse med 

markedsføringen af firmaet. 

Der er blevet indgået en aftale om, at vi assisterer kunden ved fremtidig 

opdatering og vedligeholdelse at produktet. 

4.1.4 PROCESDEFINITION 

Ved hjælp af vandfaldsmetoden skal vi udvikle et markedsføringssite for kunden. 

Projektet skal være færdiggjort og klar til overdragelse den 21. december 2011, kl. 

12.00. 

4.1.5 PRODUKTDEFINITION 

For at få skaffet flere projekter og derved øge omsætningen vil kunden have 

udviklet et nyt website, der i højere grad end det nuværende website udtrykker 

firmaets værdier. Samtidig skal websitet designes således, at målgruppen føler sig 

inspireret og tryg ved at skulle tage kontakt til kunden. 3 


5 | S I D E

4.2 Projektorganisering 

For at sikre at vores deadline overholdes, er det vigtigt at få fastsat nogle rammer 

for udviklingsarbejdet. 


Hvordan skal tiden fordeles ud på de enkelte områder? 

Hvem skal påtage sig, hvilke opgaver i projektet? 

Hvilken udviklingsmetode vil vi anvende? 

Hvor mange ressourcer har vi til rådighed? 

Hvilken virksomhedsstrategi skal vi føre? 

4.2.1 TIDSPLAN & DEADLINE 

Projektets løbetid er fastsat til i alt 19 dage inkl. weekender, med deadline den 21. 

december 2011, kl. 12.00. 

De 19 dage, som er afsat til hele projektet, er delt ud således at: 

Analysefasen har fået tildelt i alt 7 dage. 

Designfasen har fået tildelt i alt 4 dage. 

Implementeringsfasen har ligeledes fået tildelt 6 dage. 

De resterende 3 dage, der er afsat til projektet helliges rapporten, idet den 

skal korrekturlæses og finskrives inden den skal afleveres. 4 

4 Bilag 3: Tidsplan 

6 | S I D E

4.2.2 ROLLEBESÆTNING 

Chanett er gruppens projektleder og har også ansvaret for, at projektets deadline 

overholdes. Hun har som leder i gruppen også ansvaret for, at gruppearbejdet 

fungerer gnidningsløst. Hun deltager i gruppens grafiske arbejde og er med, når der 

foretages diverse undersøgelser og tests. Hun har også det overordnede ansvar for 

rapportens udformning samt den primære kontakt med kunden. 

Mette har det overordnede ansvar for kodningsarbejdet og er ligeledes med på den 

grafiske front og deltager i udformningen af rapportens indhold. Mette deltager 

aktivt i processen med at indsamle oplysninger både i form af research på 

internettet, interviews og tests. 

For yderligere information omkring rollebesætning henviser vi til Bilag 4: Rollebesætning 

(Adize’s) 

4.2.3 UDVIKLINGSMETODE 

Vi har taget udgangspunkt i vandfaldsmetoden, da vi har en fast deadline at skulle 

overholde og desuden har begrænsede ressourcer til rådighed til hele projektet. 

Den afslutter hver fase, så man hurtigt kan komme videre til den næste 5 . 

4.2.4 ØKONOMI & RESSOURCER 

Med en fast mødetid fra kl. 8.00 til kl. 15.30 på alle hverdage er der afsat i alt 247 

mandetimer til projektet. 

14 dage * 6,5 timer (ekskl. pause) * 2 (antal medarbejdere) = 182 t. 

Dette svarer til 43.680,00 DKK (ekskl. moms) med en timeløn på 240 kr./t. (ekskl. 

moms) pr. medarbejder. Vi har valgt denne timeløn baseret på, at der er tale om et 

skoleprojekt. 

5 ”Udvikling af Multimedier – en helhedsorienteret metode” af M. Christensen & L. H. Fischer – side 

32. 

7 | S I D E

4.3 Interessentanalyse 

Vi vil baseret på vores undersøgelser redegøre for følgende: 

Hvem kan have interesse i at bruge websitet for ”Ib Iversens tømrer- og 

Snedkerfirma”? 

Hvem har magten & ressourcerne til at styre projektet? 

Hvem kan interessere sig for udførelsen af produktet? 

Hvem skal stå for vedligeholdelsen af produktet? 

IVERSENS TØMRERFIRMA 

Ib Iversen sidder med ressourcerne til at sætte projektet i gang. Han ønsker at 

udvide kundekredsen og øge kendskabet til firmaet dels gennem det nye website og 

dels gennem brochure omdeling samt annoncering i de forskellige lokale blade. 

PRIVATE HUSEJERE 

De private husejere har stor interesse i et website, der kan give én de informationer 

man søger. Men websitet skal også inspirere brugerne gennem billeder af firmaets 

tidligere projekter. En fremtidig kunde skal ikke være et sekund i tvivl om, at det er 

bedst at vælge Ib Iversens tømrerfirma frem for en af konkurrenterne, når man skal 

ansætte fagfolk til et byggeprojekt. 

VIRKSOMHEDER OG OFFENTLIGE INSTANSER 

Selvom Iversens tømrerfirma ikke direkte henvender sig til virksomheder og 

offentlige instanser gennem markedsføring, kan de stadig have interesse for 

websitet idet de på lige for med andre kan have brug for en god bygningstømrer. Ib 

har da også før arbejdet for virksomheder i landbruget. Også i denne sektor findes 

der kunder, og de har samme informationsbehov som de private kunder. 

MC SOLUTIONS, INC. 

Står for efterfølgende vedligeholdelse samt opdatering af websitet. 

8 | S I D E

4.4 Konceptbeskrivelse 

Vi har med udgangspunkt i vores kundeinterview samt efterfølgende samtaler med 

kunden defineret en konceptbeskrivelse: 

Titel: ”Kvalitet til tiden!” 

Denne sætning beskriver de 2 vigtigste værdier for kunden – det handler om et godt 

håndværk og om tillid mellem firma og kunde. Det er sådan han ønsker at blive 

opfatter – Troværdig, serviceminded og kvalitetsbevidst. 

Idé: Idéen er at designe et helt nyt website for kunden, da hans nuværende website 

er en fast skabelon fra det amatøragtige webhotel 123.hjemmeside.dk. Derudover 

vil vi indføre social marketing i projektet idet vi opsætter en Facebook side til 

kundens firma, og derigennem skabe mulighed for ekstra reklame og 

opmærksomhed blandt brugerne af de online medier. 

Brug: Websitet skal fungere som et markedsføringssite, hvor man som nysgerrig 

kunde skal have mulighed for at se hvilke services, som firmaet tilbyder samt finde 

inspiration og gode idéer til egne byggeprojekter. 

Indhold: Websitet skal udstråle firmaets vigtigste kerneværdier som er kvalitet og 

tillid. Andre vigtige værdier som vi vil forsøge at implementere i designet er 

troværdighed og ”tilfredse kunder”. Websitet skal indeholde en overordnet 

kompositionsstruktur som er både enkel og overskuelig. Derudover skal den være 

let at navigere rundt på. Websitet skal også indeholde inspirerende billeder af 

firmaets tidligere projekter samt informationer omkring firmaet og dets 

arbejdsopgaver. 

Behov: Ud fra vores undersøgelser og interviews har vi fundet frem til, at alle vores 

repræsentanter har et stort behov for overblik, fyldestgørende informationer, samt 

viden om, hvem der står bag firmaet. Ligeledes flere uddybende oplysninger 

9 | S I D E

omkring deres arbejdsopgaver, en referenceliste samt en liste over 

samarbejdspartnere. 

Opmærksomhedsområde: Vi vil forsøge at skabe interesse hos brugerne gennem et 

flot og simpelt design med en meget overskuelig opbygning. Flotte og farverige 

billeder, flere kontaktmuligheder samt en referenceliste. Indtil videre har kundens 

nuværende website ikke resulteret i en stigning af efterspørgsler, som man havde 

forventet. For at differencerne sig endnu mere fra de andre konkurrenter på 

markedet, vil vi skabe opmærksomhed via de sociale medier med en firmaside på 

Facebook. Her skal der være mulighed for at indlede diverse events og 

markedsføringsstrategier, fx konkurrencer. 

4.5 Kommunikationsplan 

For at danne et solidt grundlag for et succesfuldt slutresultat må vi først undersøge 

følgende: 

Hvad er det dybdegående formål med produktet? 

Hvem er afsenderen, og hvordan skal afsenderen præsenteres? 

Hvem er målgruppen? 

Hvad er det overordnede budskab, og hvordan skal det formidles gennem 

websitet? 

Derudover vil vi også analysere mediet og kommunikationsmiljøet. Til sidst vil vi 

redegøre for vores overvejelser omkring idéudvikling, og så vil vi udføre en 

målgruppeanalyse, hvorpå vi vil udforme en brugerprofil. 

10 | S I D E

4.5.1 FORMÅL 

Produktets formål kan deles ud i flere punkter. Disse forklares nedenfor: 

Websitet skal vække kundernes interesse for firmaet igennem en meget 

brugervenlig og æstetisk brugergrænseflade. Det skal forstås således at websitet 

skal være tiltalende for kunden både at se på og at bruge. 

Websitet skal - for at inspirere kunderne til at kontakte firmaet - indeholde billeder, 

som fremviser nogle af firmaets tidligere byggeprojekter. Dette skal gerne ”vække” 

brugerens latente ”bygge-drømme”. 

Websitet skal give kunderne et klart indtryk af, at Ib Iversen er en mand, der altid 

holder sit ord, altid leverer produktløsninger af høj kvalitet og altid sætter sin kunde 

højt. Dette gøres gennem en gennemtænkt formidling med brug af Ethos-appellen 6 . 

Websitet skal øge firmaets troværdighed og derigennem brugerens tillid til firmaet. 

Dettes gøres bl.a. igennem det specialfremstillede design, en referenceliste, en liste 

over samarbejdspartnere samt et logo. Alt sammen indhold, som det nuværende 

website ikke har. 

Kvalitet. Tillid. Troværdighed. Hurtig Service. 

Alle fire er det, der danner grundlaget for firmaets etik og moral. Det lille lokale 

firma får primært nye kunder gennem personlige anbefalinger fra tidligere kunder. 

Firmaets service og høje standard har skabt høj kundetilfredshed og skal udnyttes 

på det nye website, i form formidlingen. 

6 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 165 (om Ethos-appellen) 

11 | S I D E

4.5.2 AFSENDER 

BAG OM KUNDEN 7 

Ib blev udlært bygningstømrer i 1979 og har over 20 års erfaring indenfor tømrer- 

og snedker faget. Han blev oplært af en hustømrer 8 , derfor udfører han også mange 

andre opgaver, som kan falde udenfor tømrerfaget. 

Ib stiftede sammen med sin kone Sanne firmaet ”Ib Iversens Tømrer- og 

Snedkerfirma” i august 2007 og det er i dag et veletableret tømrerfirma, som 

varetager en lang række arbejdsopgaver både for privat- og erhvervskunder i hele 

landet. Siden firmaet blev stiftet 2007 har de udviklet et godt og solidt ry og deres 

tidligere kunder anbefaler dem ofte til andre, hvilket resulterer i nye kunder. Dette 

kan dels skyldes firmaets hurtige, grundige og professionelle service og dels 

firmaets fornuftige og konkurrencedygtige priser. 

Alle firmaets ansatte er enten uddannede bygningstømrer eller i lære indenfor 

faget. Alle ansatte får tilbud om, at deltage i relevante kurser, som afholdes på 

Teknisk Skole, så de ansattes kompetencer hele tiden øges. Firmaet huser dog i dag 

kun Ib Iversen, men han har tidligere haft lærlinge ansat. 

ARBEJDSOPGAVER 

Firmaet varetager alle former for opgaver indenfor: 

Enterprise Projektstyring 

Renovering & isolering 

Vedligehold 

Nybyggeri & tilbygninger 

Tagarbejde 

Montering af køkken & bad 

Udskiftning af døre & vinduer 

7 Afsnittet ”Bag om kunden” er baseret på kundeinterviewet – Bilag 2: Kundeinterview (referat) 

8 Gammelt ord for tømrer - hustømrere kan stort set lave alt (mere alsidige og fleksible end 

nutidens tømrere), jf. bilag 2: Kundeinterview (referat) 

12 | S I D E

Firmaets primære opgave består for tiden i at renovere privatejendomme samt 

lægge ny isolering, således at ejendommene lever op til det nye reglement omkring 

bygningers isolering 9 . 

SALGSSTRATEGI 

For at øge kendskabet til firmaet hos målgruppen, benyttede Ib sig af forskellige 

strategier. Da han får kunder udelukkende via omtale, er det vigtigt at give et god 

servicegrundlag. Han: 

Stiller tilfredshedsgaranti på alle byggeprojekter. 

Garanterer en hurtig behandlingstid (max 3-4 uger til projektet søsættes). 

Yder gratis vurdering, inspicering samt prisoverslag på arbejdsopgaver. 

Giver altid professionel og effektiv rådgivning selv ved de mindste opgaver. 

MARKEDSFØRING 10 

For at markedsføre firmaet har Ib foretaget sig følgende: 

Annoncering på Krak.dk og De Gule Sider 

Annoncering i lokale blade og aviser 

Annoncering i den lokale telefonbog 

Hjemmeside hos 123hjemmesider.dk 

YouTube sekvens på De Gule Sider 

Sponsor for mindre arrangementer i Vinderup og omegn 

I afsnit 7. Markedsføring redegør vi vores overvejelser omkring alternativer inden 

for markedsføring. 

9 http://www.danskbyggeri.dk/presse+-c12-+politik/presse+-c12- 

+politik/temaer/v%c3%a6kst+og+velf%c3%a6rd/klima+-c12- 

+energi/skrappere+krav+til+bygningers+isolering 

10 Afsnit ”Markedsføring” er baseret på kundeinterviewet, jf. bilag 2: Kundeinterview (referat) 

13 | S I D E

VIRKSOMHEDENS IDENTITET 11 

Identitet 12 : Under kundeinterviewet fik vi et tydeligt indtryk af, at Ib virkelig er dybt 

engageret i sit arbejde og at kundetilfredshed betyder alt for ham og hans 

virksomhed. Vores overbevisning bestod primært i den non-verbale 

kommunikation. Ibs kropsholdning, stemmeføring og ansigtstræk udstrålede 

engagement og passion. Vi fik et indtryk af, at han lever for at arbejde og ikke 

arbejder for at leve. 

Image 13 : Ib ønsker, at fremstå som en tillidsvækkende og troværdig 

forretningsmand, som lægger stor vægt på kvalitet og god service. 

Ethos 14 : Vi foretog en brugertest på firmaets nuværende website, hvorefter vi 

spurgte vi ind til testpersonernes opfattelse af firmaet. Alle var enige om, at billedet 

af Ib og firmabilen øgede firmaets troværdighed 15 . Men baseret på den information 

der var at finde, var ingen interesserede i at ansætte ham, uden at kende ham i 

forvejen. 

“The look of your site is vital to establishing an image of authority; you’ll have a 

harder time gaining your readers’ trust if you have an amateurish-looking or 

extremely common theme.” 16 

Dan Zarrella 

Det tyder altså på at Ib Iversen ikke fremstår så troværdig og tillidsvækkende, som 

han ønsker. 

Brugertesten havde ligeledes til formål at afdække fejl og mangler, som vi skulle 

råde bod for på det nye design. Samtidig fik vi også afdækket hvilke ting 

målgruppen godt kunne lide ved websitet. 

11 Afsnit ”Virksomhedens Identitet” er baseret på kundeinterviewet, de første brugertests samt 

vores egne iagttagelser. 

12 ”Skrivgodt.dk” af Ulf J. Jensen – side 24 




16 ”The Social Media Marketing Book” af Dan Zarrella - side 17m 14 | S I D E

Resultaterne af den første brugertest - af det nuværende website - er formuleret i 

Bilag 5: Testrapport - Den Første Brugertest. 

Man må ud fra vores undersøgelser konkludere: 

At firmaet er engageret og går meget op i kvalitet og god kundeservice. 

At Ib ønsker at blive opfattet som værende serviceminded, kvalitetsbevidst, 

tillidsvækkende og troværdig. 

At budskabet ikke når frem til målgruppen, der kun delvis opfatter Ib som værende 

troværdig. 

Når det nye webdesign er blevet implementeret, foretager vi en ny undersøgelse 

omkring den ”nye identitet”. Vi ønsker at få afklaret om vores mål er opnået – om 

website både fremstår mere professionelt og troværdigt end det gamle, og om 

websitet øger målgruppens interesse for firmaet. 

4.5.3 MÅLGRUPPEN 

Ib Iversen anslår sin målgruppe til at være private husejere i alderen 30 – 60 år. Det 

kan både være de nygifte par, der lige er flyttet ind i drømmehuset eller 

pensionister. 17 Målgruppen er meget bred, men er baseret på de kunder, som Ib 

Iversen har haft igennem de sidste 4½ år. 

Vi har ud fra vores kundeinterview samt målgruppeundersøgelser, valgt at inddele 

vores målgruppe i en primær og en sekundær målgruppe. 

DEN PRIMÆRE MÅLGRUPPE 

Den primære målgruppe er de private husejere mellem 35 – 50 år. De har eget hus 

og bor i Vinderup eller omegn. Ib kontaktes oftest af folk, der har hørt om ham fra 

en bekendt, som selv har fået udført noget arbejde hos ham. Der er altså tale om 

”WOM” 18 , hvor Ib Iversen anbefales af tidligere kunder. Når anbefalingerne 

kommer fra en person i omgangskredsen synes firmaet at være mere troværdigt 


18 Kilde: http://www.envisionblog.dk/?p=50 Emne: definition af WOM 

15 | S I D E

end hvis omtalen kom fra firmaet selv. Dette understøttes af en undersøgelse fra 

April 2009, foretaget af Nielsen Media Research. Det viste sig nemlig at hele 70 % af 

forbrugerne stolede på andre forbrugeres meninger, som var postet på 

internettet. 19 

DEN SEKUNDÆRE MÅLGRUPPE 

Den sekundære målgruppe består primært af virksomheder og offentlige instanser, 

der enten ønsker at renovere eller isolere en eksisterende bygning eller få foretaget 

en tilbygning. Der kan også være tale om indvendig modernisering eller nybyggeri. 

Projekterne hos den sekundære målgruppe er ofte mere omfattende end projekter 

for den private målgruppe, da selve omfanget er større og ressourcerne flere. Der 

kan fx være tale om rejsning af en ny hal på et landbrug eller renovering af en skole. 

Den sekundære målgruppe dækker dog også over private kunder, som falder uden 

for den primære målgruppe, det være sig aldersmæssig adskillelse eller geografisk 

adskillelse. Han har bl.a. haft enkelte opgaver i andre dele af Jylland. 

4.5.4 MÅLGRUPPEANALYSE 

Den egentlige målgruppe består af private husejere i alderen 35-50 år. De er som 

regel børnefamilier eller familier, hvis børn netop er flyttet hjemmefra. Målgruppen 

er baseret på inddelingen af Ibs kunder, hvor størstedelen falder ind under de 

nævnte betingelser. Vi har derfor i forbindelse med vores målgruppeinterviews 

valgt at tage udgangspunkt i denne aldersgruppe. 

For at få et overblik over, hvordan det nye website skulle designes, valgte vi at 

foretage en kvalitativ dataindsamling. Vi udformede et vejledende spørgeskema 20 , 

som skulle danne grundlag for en samtale med repræsentanter for målgruppen. En 

kvalitativ dataindsamling ville være den bedste mulighed i dette tilfælde, idet vi 

havde brug for dybdegående svar. 

19 ”The Social Media Marketing Book” af Dan Zarrella - side 131 

20 Bilag 6: Vejledende Spørgeskema 

16 | S I D E

Vi interviewede i alt 8 personer i Vinderup centrum. Dette er ikke nok til at lave en 

valid statistisk undersøgelse, men kan give et fingerpeg om, hvad brugerne finder 

vigtigt og relevant på et website. For at undersøgelsen skulle være statistisk valid 

ville det kræve et sted mellem 500-1000 interviews 21 . Dog i uddannelsesmæssige 

sammenhænge, kan man som tommelfingerregel nøjes med at interviewe mellem 5 

– 10 personer. 22 

Vi spurgte ind til generelle ting indenfor hver af følgende variabler: demografi, 

geografi, beskæftigelse, livsstil, holdninger, interesser og adfærd. 23 

Alle de adspurgte respondenter har vist sig at være fortrolige med brug af 

computer. De bruger ofte internettet til informationssøgning og alle vidste hvilke 

opgaver en bygningstømrer udfører. Flere af dem havde på et tidspunkt overvejet 

at ansætte en bygningstømrer til deres byggeprojekter, men de havde dog ikke 

kendskab til ret mange tømrerfirmaer. 

Vi fandt også ud af at mange følte sig utrygge ved at skulle ansætte Ib – 

udelukkende baseret på hvad hans nuværende hjemmeside kunne fortælle 

brugeren. 

Vi var også opmærksomme på, at spørge ind til det at ansætte andre firmaer, som 

på en eller anden måde kunne være en konkurrent for vores kunde. Det viste sig 

dog hurtigt at ingen af de adspurgte var interesserede i billig udenlandsk 

arbejdskraft eller støttede sort arbejde. Vi kan derfor bekræfte at konkurrenterne 

udelukkende består af andre tømrerforretninger i kundens nærmiljø. 

De vigtigste ting vi skal have fokus på ved udformningen af det nye website – ifølge 

testpersonernes svar er følgende: 

21 

http://www.samfundsfag.com/index.php?option=com_content&view=article&id=225&Itemid=31 

6 

22 

http://www.samfundsfag.com/index.php?option=com_content&view=article&id=225&Itemid=31 

6 

23 Bilag 7: Målgruppeinterviews 

17 | S I D E

Fokus på formidling og information omkring Ib Iversen, firmaet og deres 

services. 

Fokus på flere visuelle virkemidler, der skal virke inspirerende for de 

besøgende. 

Fokus på kraftigere og mere livlige farver (farverne blev betegnet som 

værende blege og kedelige - de fik ikke firmaet til at skille sig ud af mængden). 

Fokus på en simpel struktur, som er enkel at finde rundt i. 

På baggrund af disse informationer og på hvad vi selv havde af idéer udformede vi 

en række roughs 24 og senere mock-ups 25 , som efterfølgende blev testet af 

brugerne. 

4.5.5 BRUGERPROFIL 

Martin (35) og Hanne(30) er et nygift par, der lige er flyttet ind i deres drømmebolig 

i Skave. Her har de fundet et stort parcelhus med 2 etager, som har et toilet og et 

større badeværelse, en stor dagligstue, et stort køkken, et soveværelse og to 

mindre værelser. Huset blev bygget i 1975 og var billigt at købe, fordi det trænger til 

at blive istandsat. 

Martin er lige blevet forfremmet med en lederstilling på jobbet, mens 

Hanne arbejder som revisor hos et stort firma, hvilket betyder de hver har en god 

og stabil indkomst på omkring de 500.000 kr. De har derfor besluttet at renovere og 

modernisere huset, så det passer til deres behov. 

Parret har besluttet sig for, at: 

Lægge nyt tag 

Isolere huset 

Udskifte alle vinduer og udvendige døre 

Montere et nyt og mere moderne badeværelse og toilet 

Tilbygge en garage 

24 Bilag 5: Testrapport - Prototypetest 

25 Bilag 5: Testrapport - Designtest 

18 | S I D E

Martin har tidligere selv stået for mindre renoveringsopgaver såsom malerarbejde 

og udskiftninger af diverse småting. Men da han ikke er uddannet og projektet er 

meget stort bliver parret enige om, at ansætte en faglært til at udføre arbejdet for 

dem. For dem er det vigtigt, at fagmanden er en person man kan stole på og en som 

yder en god service. Da huset er parrets drømmehus og stedet, hvor de vil stifte 

deres familie, betyder udførelsen meget for dem, og det skal helst være 

kvalitetsmaterialer der bruges. 

Til at starte med, sætter de sig ved computeren og søger efter nogle gode 

tømrerfirmaer. Mulighederne er mange og overvældende. De er meget i tvivl om, 

hvorvidt tømrerne de har fundet er pålidelige nok og kan tage sig tid til dem og 

deres projekter i en længere periode. De er også i tvivl om, hvor lang ventetiden er. 

De havde håbet på at kunne få sat projektet i gang inden for nogle få måneder. 

De spørger sig derfor til råds hos venner og bekendte, og der kommer mange 

forslag. Men deres gode kammerat fortæller om en tømrermester uden for Skave, 

som har lavet et større projekt og som han var yderst tilfreds med. 

Martin og Hanne beslutter sig for at søge Google ”Ib Iversens Tømrer- og 

Snedkerfirma” og finder ham på De Gule Sider, hvor de kan se hans hjemmeside og 

en videosekvens. De ser først hans video og beslutter sig for at gå ind på hans 

hjemmeside http://www.Iversens-tomrer-snedker.dk/. 

Efter at have kigget på hjemmesiden er de usikre på, om ham 

tømrermesteren nu er pålidelig nok. Men deres kammerat havde anbefalet ham. 

Parret diskuterer lidt frem og tilbage og beslutter sig til sidst for at kontakte ham og 

aftale en inspicering af ejendommen. 

4.5.6 BUDSKAB 

Under det indledende kundeinterview sagde Ib Iversen følgende: ”Firmaet er ikke 

blot et firma – det er en livsstil”. Dette citat fortæller os, at det for Ib ikke kun 

handler om at styre en forretning og at have en fast indkomst. Det, som det egentlig 

handler om er at leve livet efter de værdier man har. For Ib betyder det at kunne 

19 | S I D E

hjælpe andre eller at servicere andre utrolig meget. Det er her værdierne skal findes 

– det er her kernen til budskabet skal findes. 

Budskabet lyder derfor således: ”Vi kæmper for dine drømme!” 

Ib Iversen lægger utrolig meget energi i at ”tilfredsstille” sine kunder og alle opgaver 

udføres med omhyggelighed. Man kan sige at Ib lægger sin kærlighed i sine 

projekter og at alle projekter skal være meget personlige. 

I modsætning til andre firmaer, hvis budskaber kan omhandle kvalitet, 

professionalitet eller hurtig service, så slår vi hårdt ned på kundens egne værdier og 

kundens drømme. Vi har valgt dette, fordi kunden er i fokus hos ”Ib Iversens 

Tømrer- og Snedkerfirma”. Når kunden er deres førsteprioritet falder det meget 

naturligt, at budskabet skal vedrøre kunden selv og ikke produkterne. 

Modtageren skal gerne danne sig det indtryk, at Ib Iversen er en fagmand med 

hjertet og samvittigheden på det rette sted. Det handler om tilliden mellem firma 

og kunde. 

Firmaets koncept hedder ”Kvalitet til tiden” og afspejler firmaets høje krav til 

produktstandard og behandlingstid. 

4.5.7 MEDIET 

SEMIOTIK 

Der er forskellige måder, hvorpå man kan inddrage semiotik på websitet. Vi starter 

med den tekstlige del efter Roman Jakobsens teorier. 26 

På det nye website er der mange emotive funktioner. Firmaet henvender sig direkte 

til læseren og bruger derfor ofte ord som ”vi”, ”vores”, ”jeres”, ”din” og ”du”. 27 

Derudover findes der også nogle ord, der i en sætning har en positiv værdiladning, 

fx ”…vi har siden 2007 udviklet et fremragende ry og er respekteret af vores kunder 

for den høje kvalitet…”. Her er det ordene ”fremragende”, ”respekteret” og ”høje” 

26 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 176 

27 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 178 ø 

20 | S I D E

der har en positiv værdiladning idet firmaet refererer til deres ry, omdømme og 

produkt/service. 

Den referentielle funktion ses idet Ib Iversen referer til et nyt reglement fra ”Dansk 

Byggeri” 28 , som firmaet håndhæver. Fx ”Vores byggeprojekter overholder de 

skærpede krav, som Dansk Byggeri stiller til bygningers isolering.” Et andet 

eksempel er, hvor der refereres til den nye lovgivning omkring 

håndværkerfradraget, hvor der linkes videre til en anden internetside omkring 

emnet. 

I fremtiden vil man blive henvist til en brochure i websitets footer. Men det vil vi 

komme nærmere ind omkring i afsnit 7. Markedsføring. 

Der er også flere eksempler på den konative funktion. 

Sætningen: ”… så ring og fortæl os, hvad vi kan gøre for dig.” fremgår nogle gange 

på websitet. På forsiden findes den under ”Find os”. 

Eksemplet om håndværkerfradraget er også en konativ funktion idet linket 

hedder: ”Læs mere om håndværkerfradraget.” Begge opfordrer de brugeren til at 

tage handling 29 . Et andet godt eksempel på den konative funktion er slutsætningen 

på ”hvad tilbyder vi” siden: ”Så har du en lille ”byggedrøm”, der spirer i maven? Så 

grib telefonen og ring for et uforpligtende tilbud.” 

Der er stort set en konativ funktion på alle undersider. 

28 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 178 ø-m 

29 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 178 m 

21 | S I D E

Den metakommunikative funktion kommer kun til udtryk på websitet igennem 

citater 30 . Der er ikke gjort yderligere formidlingsmæssige overvejelser omkring 

denne funktion. 

Den fatiske funktion ses på websitet på samme måde som med den emotive 

funktion – igennem direkte henvendelse til brugeren også kaldet 2. persons- 

pronominer. Man etablerer med andre ord en eksplicit relation til brugeren 31 . 

Der findes også en enkelt poetisk funktion på websitet, fx; ”Så har du en lille 

”byggedrøm”, der spirer i maven? Så grib telefonen og ring for et uforpligtende 

tilbud.” En byggedrøm som noget fysisk findes ikke – og da slet ikke i maven. Der er 

altså her tale om billedsprog. ”Grib telefonen” er mere en talemåde end en fysisk 

handling. Man behøver jo ikke at gribe en telefon for at kunne ringe. 

Vi har lagt meget vægt på at opbygge den rette formidling. Ib Iversen ejer et lille, 

lokalt tømrerfirma i Vestjylland - et fornemt og formelt sprog ville her være 

malplaceret – det passer simpelthen ikke ind i den kultur. Var der i stedet tale om 

en stor bankkoncern havde et fornemt og formelt sprog passet godt ind. 

Vores mål var gennem formidling at få firmaet til at fremstå som tillidsvækkende, 

nærværende og personlige. Det har vi bl.a. gjort ved at bruge: 

Et almen kendt hverdagssprog – undgå fagsprog. 

Direkte henvendelse (emotiv + fatisk funktion) 

Referencer af forskellig art (referentiel funktion) 

Anmodninger om at skride til handling (konativ funktion). 

Den visuelle del forklares med Peirces teorier omkring de ikoniske, indeksikalske og 

symbolske tegn. 32 

Peirces ikoniske tegn kommer bl.a. til udtryk på forsiden. Vi har et banner øverst på 

siden, som fremviser nogle af firmaets byggeprojekter. De er ikoniske fordi 

30 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 178 n 

31 ”Medier & Kultur” af Kirsten Drotner m.fl. – side 179 n 


22 | S I D E

illederne ligner det, de i virkeligheden er. Et færdigt hus eller måske et 

renoveringsprojekt på et tag. Ikoniske tegn er bl.a. landkort, diagrammer og billeder 

generelt. 33 

Udover banneret har vi også på forsiden tre små semantisk supplerende billeder 34 , 

som tilføjer teksten en ekstra betydning. Billederne fortæller noget om det der står, 

men peger i en anden retning. Der er fx ingen direkte forbindelse mellem teksten 

”Hvorfor vælge os” og billedet af tagfolkene. Disse billeder fungerer ligeledes som 

ikoniske tegn idet de ligner de viste ”ting” i virkeligheden. 


34 ”Virkemidler i reklamer, film og kunstbilleder” af Jørn Ingemann Knudsen - side 128 

23 | S I D E

Indeksikalske tegn kommer til udtryk i headeren med vores træplanke, der går 

tværs igennem websitet. Den illustrerer at der er tale om træ og tømrerfaget, men 

uden den betydning er det ikke sikkert, at man ville opfatte det som værende træ. 

Det kan blot være en masse streger med en pålagt gradient! 

ikoniske tegn. 35 

Om logoet er et ikonisk, et 

indeksikalsk eller et symbolsk tegn 

kan diskuteres. Det kan være 

ikonisk, fordi man godt kan se det er en tømrer, da han bærer en 

hammer og en træplanke. Men det er en illustration - på den anden 

side, det er diagrammer også – og de opfattes som værende 

At han skulle være et indeksikalsk tegn skal forstås således, at han refererer til selve 

tømrerfaget og arbejdsopgaverne og ikke ”en mand i overalls”. 

Skulle man argumentere for, hvorfor han kunne være et symbolsk tegn, kunne 

argumentationen være, at man uden kendskab til tømrerfaget ikke ville vide, at han 

var tømrer. At han bærer på en træplanke og en hammer er jo ikke ens betydning 

med at han er tømrer. Vi vælger dog at se bort fra teksten i logoet – ”Tømrer og 

Snedker”. 


24 | S I D E

Man sammenligner ham med tømrerfaget fordi, man kulturelt 

har fået en forståelse af, at tømrere beskæftiger sig med træ og 

hammer. Bare fordi en mand bærer rundt på en svensknøgle og 

går i blåt tøj 36 betyder det ikke, at han arbejder indenfor vvs. Det er 

kun noget vi ved, fordi vi relaterer til en kulturforståelse, normer 

eller et bestemt værdisæt. 

Så man kan vel sige, at vores logo-mand er en blanding af alle tre tegn. 

Mellemleddet mellem afsender og modtager ses som mediet i 

kommunikationsprocessen. Mediet er i dette tilfælde internettet - med 

kommunikation, der foregår via et website. Her er der mulighed for at benytte 

mange interaktive funktioner 37 til at påvirke modtageren, og på vores udarbejdede 

side, er der brugt: den transmitterede ikke-interaktive funktion og den 

konverserende interaktive funktion. 

Den transmitterende ikke-interaktive funktion ses i form af Ib Iversens 

videofrekvens, som man kan finde under firmaprofilen. Dette er 

envejskommunikationsform, hvor brugeren ikke har mulighed for at interagere med 

afsender. 

Den konverserende interaktive funktion findes på websitet idet vi både har en 

kontaktformel på kontaktsiden samt en formel, hvor brugeren kan sende sit 

mobilnummer til Ib, hvorefter han vil ringe dem op. Dette er en 

tovejskommunikationsform mellem afsender og modtager. Der er også diverse 

kontaktoplysninger i websitets footer. 

Et ensartet design og layout samt en logisk navigationsstruktur på alle sider 

bidrager til at fastholde kontakten mellem afsender og modtager 38 . 

36 Kilde: http://www.larslykkegaard-vvs.dk/ (logo) 

37 ”Visuel Kommunikation på WWW” af Lisbeth Thorlacius - side 89 m 

38 ”Visuel Kommunikation på WWW” af Lisbeth Thorlacius - side 95 n 

25 | S I D E

Banneret på forsiden har til hensigt at fange brugerens blik og skabe den interesse, 

som der kræves for, at de vil surfe videre på websitet. Dets formål er også at 

illustrere for brugeren, hvad Ib Iversen er i stand til at udrette med sin faglige 

ekspertise. 

Hele forsiden er bygget op efter at skulle være en smagsprøve på, hvad der er at 

finde på hele websitet. Den besøgende kan derfor hurtigt danne sig et overblik over 

indholdet og behøver ikke surfe længe for at finde det de leder efter. De visuelle 

virkemidler såsom banner, citater, billeder og de små grafiske elementer har til 

hensigt at vække interessen hos modtageren, så snart brugeren kommer ind på 

websitet. 

4.5.8 KOMMUNIKATIONSMILJØ 

Konkurrencen om brugerne er ekstrem på internettet, derfor er det vigtigt at 

udvikle et website, der sikrer sig brugernes interesse - men det kan være svært. Det 

handler ikke kun om emne og udseendet, men også om udførelsen. Ifølge Rolf 

Molich betegnes en katastrofe, som en situation, hvor brugeren føler, at websitet er 

irriterende, irrationelt eller generelt bare spild af tid. 39 Det er derfor vigtigt, at 

websitet fungerer optimalt og at informationerne er tydelige og relevante. Brugere 

er meget utålmodige og kræver let tilgængeligt indhold, hurtige sider og nem 

navigering, ellers søger de oplysninger på andre websites i stedet for. 40 

Vi har undersøgt hvad nogle af konkurrenterne har gjort med deres design og 

informationsarkitektur og det bekræftede os i, at Ib Iversen har stærkt brug for et 

re-design. Under denne research opdagede vi, at én af konkurrenterne havde 

samme logo med minimalistiske forskelle. Vi tilbød derfor straks kunden at designe 

et nyt logo, hvilket han indtil videre har afslået. Han vil dog ikke udelukke i 

fremtiden at ville ændre det. 

Der er tale om disse to logoer: 

39 ”Brugervenlige EDB-systemer” af Rolf Molich - side 22 


26 | S I D E

Ib Iversen (kunden) Torben Kristensen (konkurrenten) 

De konkurrenter, som vi bl.a. har haft researchet er disse tre: 

Torben Kristensen, Skive 41 

41 Kilde: http://www.torbenkristensen.dk/ 

27 | S I D E

Henning Hansen, Faxe 42 

Henning Hansen, Gelsted 43 

42 Kilde: http://www.hhtomreren.dk/tomrer-snedker-arbejde/ 

43 Kilde: http://www.hh-hansen.dk/ 

28 | S I D E

Fælles for konkurrenterne er, at de: 

a) Alle har et website, som tilsyneladende er specialdesignet til dem og som 

udtrykker firmaets værdier. 

b) Alle websites indeholder tekst, som giver brugeren et godt indtryk af, hvad 

firmaet tilbyder og hvad de står for. 

For at kunne konkurrere med de nævnte konkurrenter lægger vi vægt på følgende: 

Et enkelt, men sofistikeret og moderne design med lyse farver. 

Formidlingen planlægges nøje med brug af Ethos-appel og de allerede nævnte 

semiotiske funktioner. 

Masser af visuelle virkemidler, som skaber interesse. 

I forbindelse med brugertesten gav testpersonerne også udtryk for, at kundens 

nuværende website manglede udstråling og at de blege farver ikke fik firmaet til at 

differentiere sig fra konkurrenterne. 44 Dette vil vi også tage højde for i forbindelse 

med udvikling af websitet. 

Vi håber derfor på, at Ib Iversen bliver den, som de andre tømrerfirmaer i området 

må konkurrere imod og ikke omvendt. 

4.5.9 IDÉUDVIKLING 

For at få nogle gode idéer til, hvordan vi kunne re-designe Ib Iversens nuværende 

website foretog vi en grundig brainstorming over flere omgange. 

Det er vigtigt at vi skaber de bedste resultater på den mest effektive måde – derfor 

grund til at foretage sig en omgang idégenerering. 

Som multimediedesignerstuderende har vi ikke den store viden eller erfaringen 

indenfor tømrerarbejde, derfor brugte vi meget tid på at søge information fra andre 

tømrerfirmaers websites. Sammen med kunden fandt vi ud af, hvad konkurrenterne 

gjorde, som fungerede og hvad der ikke fungerede. Ud fra vores research og 

44 Bilag 5: Testrapport - Den Første Brugertest 

29 | S I D E

kundeinterviews kunne vi nu foretage en brainstorming, som resulterede i nogle 

gode idéer til, hvordan det nye website skulle se ud. Vi fandt frem til firmaets 

kerneværdier, koncept og budskab – og disse skal fremgå af websitet. 

Ib Iversens tømrerfirma er et lille lokalt firma i Vinderup, som har mange 

konkurrenter i det nærtliggende område. Ib Iversen gav under vores brainstorming 

udtryk for, at han gerne ville have en Facebook profil. Vi undersøgte derfor hvor 

mange af de nærtliggende konkurrenter, der havde en Facebook profil og resultatet 

var overraskende. Vi fandt ingen tømrer- og snedkerfirmaer i det nærtliggende 

område på Facebook. Dette vil tale til vores fordel når vi laver en Facebook side til 

firmaet. 

Vi lod os inspirere af et andet websites funktion, kaldet ”Ring mig op!”. Den går ud 

på at websitets besøgende kan sende Ib deres navn og telefonnummer og derved 

anmode ham om, at ringe dem op. Ib var klar over at denne service kunne kræve 

mange tidsmæssige ressourcer, men da det samtidig kunne indbringe flere kunder 

ville han gerne have funktionen implementeret. 

Igennem idéudviklingsprocessen fandt vi også frem til et par andre 

markedsføringsstrategier, som kunne differentiere Ib fra konkurrenterne. Dem vil vi 

fortælle mere om i afsnit 7. Markedsføring. 

30 | S I D E

4.6 Produkt 

Websitet kodes i validerbar XHTML. 1.1, CSS 2.1, PHP5, ActionScript 3.0 samt 

JavaScript. Websitet serversitebaseres med databasetræk og vil have en upload 

funktion på firmaets galleri. Det er den eneste side, som kræver jævnlig opdatering. 

Funktionen vil muligvis også blive implementeret i forbindelse med referencelisten. 

Websitet vil virke i alle browsers og vil samtidig have en minimumbredde på 

1024px, derved sikrer vi størstedelen af den danske befolknings skærmopløsning. 

Men dette kommer vi nærmere ind på i afsnit 5.6 Statistisk Empiri. 

Vi vil implementere et banner på forsiden ved at bruge Flash og Actionscript. Hvis 

computerbrugere ikke har FlashPlayer installeret (eller har det slået fra) har vi lavet 

en fall-back. Dette giver brugeren mulighed for hurtigt at kunne installere 

FlashPlayer via et dette lille ikon, som fører direkte til 

Adobes website, hvorfra FlashPlayer kan installeres. 

Med hensyn til fonten til vores brødtekst, har vi valgt Arial. Vores overskrifter er på 

20px og brødteksterne er på 15px. Vi vil komme yderligere ind på typografi i afsnit 

5.6 Statistisk Empiri. Farverne er valgt på basis af vores interviews med testpersoner 

og repræsentanter for målgruppen. 

Sprogmæssigt havde vi ikke rigtig noget at gå ud fra og startede fra bunden af. Vi 

har derfor fra starten planlagt nøje, hvordan vi ville formidle informationerne og har 

tidligere været inde på brug af Ethos-appel samt de semiotiske begreber. 

Kunden havde nogle bestemte ønsker til websitet. Disse er listet nedenfor: 

Websitet skal være enkelt og let at overskue. 

Websitet skal være let at navigere rundt på. 

Websitets udseende skal udstråle firmaets værdier. 

Websitet skulle have et nutidigt og moderne design. 

Websitet måtte gerne have noget visuelt fængende på forsiden. 

31 | S I D E

Websitet måtte gerne indeholde en effektiv måde for brugere at 

kommunikere på. 

Vores testpersoner 45 havde ligeledes nogle ønsker til det nye website. Disse listes 

nedenfor: 

Websitet skulle have meget mere information end det nuværende. 

Websitet skal indeholde en tydeligere præsentation af firmaet. 

Websitet skal være inspirerende. 

Websitet skulle indeholde en synlig kontaktside, referenceliste samt liste over 

samarbejdspartnere. 

Websitets galleri måtte gerne inddeles i kategorier, så man hurtigere kan 

komme hen til det ønskede område. 

Vi tager så vidt muligt hensyn til brugernes ønsker uden at nedprioritere kundens. 

5. DESIGNFASEN 

5.1 Stil & Genre 

Websitets formål er at markedsføre firmaets ydelser. Derfor kan vi hurtigt 

konkludere, at websitet er et markedsføringssite. Den kan betegnes som ”A 

Valuable Company Site” 46 . Den har – i dette tilfælde – til formål at engagere 

kunder, investorer og andre interessenter i virksomhedens gøremål og foretag. 

Stilen er med klare linjer, lyse farver og skarpe kanter moderne med et sofistikeret 

præg. Forsiden fungerer – som allerede nævnt – som en stor teaser, der er flere 

billedeffekter, små grafiske detaljer samt lidt tekst, som giver brugeren et hurtigt 

overblik over websitets indhold. 

45 Bilag 5: Testrapport - Den Første Brugertest 

46 ”Design of Sites” af Douglas K. Van Duyne m.fl - side 167-173 

32 | S I D E

Stilen er generel simpel, man kan ikke foretage sig så mange ting udover at navigere 

rundt i menuerne. Vi kommer dybere ind på det visuelle om lidt. 

5.2 Æstetik 

5.2.1 Farveanvendelse 

Vores farver i designet er baseret på vores målgruppeinterviews, hvor vi spurgte ind 

til repræsentanternes forventninger omkring farver, indhold og struktur. Ud fra 

vores mock-ups fortalte Ib at han var vild med idéen om at implementere ”træ” som 

en del af designet, og idet at beige, brune og gule farver blev nævnt i 

målgruppeinterviewene har vi taget udgangspunkt i dem. 

Farvemæssigt virker brun stabiliserende og tryghedsskabende 47 . Den orange farve – 

som i lys version kommer tæt på træ-farven, udstråler sikkerhed og selvrespekt 48 . 

Derudover fremmer den glæde og udadvendthed. Hvid bruges på websitet som 

baggrund til det tekstlige og er en del af farvevalget. Hvid symboliserer det sikre 

valg, som man altid kan falde tilbage på 49 . 

Helt hvidt skaber et næsten klinisk miljø, derfor kan det være hensigtsmæssigt at 

tilføre det hvide et strejf af eksempelvis brunt eller rødt for at opnå et blødere 

udtryk 50 . 

5.2.2 KONTRASTER 

For at skabe variation og hierarki har vi følgende kontrastformer: 

Formkontrast 

Størrelseskontrast 

Placeringskontrast 

Farvekontrast 

Styrkekontrast 

47 ”Brug farverne bevidst - farvernes egenskaber, påvirkninger & symbolik” af Lene Bjerregaard 

48 Kilde: http://www.visible.dk/videnom/Farvers-betydning.php 



33 | S I D E

Websitet er bygget op af rektangler - formkontrasten opstår idet logoet (manden) 

sammen med Danmarkskortet kombineres ind designet. Begge de nævnte former er 

organiske og sættes op mod den ellers rektangulære struktur 51 . 

Størrelseskontrasten ses mellem logoet ”Ib Iversens Tømrer- og Snedkerfirma”, 

overskrifter og brødtekst. Vi veksler også imellem Uppercase bogstaver i en 

størrelse af 20px (overskrifte) og almindelige bogstaver i en størrelse af 15px 

(brødtekst). Uppercase vs. almindelig danner også et hierarki. 52 

Placeringskontrasten findes overalt på siden, lige fra de to logoers placering 

(venstre vs. højre) til brødtekst vs. billede fx i firmaprofilen samt i footeren (oppe vs. 

nede). 53 

Farvekontrasten ses kun i de små illustrative billeder på websitet og i logoet 

(manden). I billederne er det den normale farvekontrast fra naturen og 

virkeligheden som vi kender den, og i logoet er det kontrasten mellem den beige 

træplanke, den orange trøje og de brune over-alls. 54 

Styrkekontrasten ses mellem de brunlige, beige og orange farver. Derudover også 

mellem den hvide baggrund og de små grå linjer. Disse kontraster opdeler siderne i 

header, indhold og footer. 

5.2.3 TYPOGRAFI 

VALG AF SKRIFTTYPE 

Vi har valgt at bruge skrifttypen Ariel (sans serif) på hele websitet. Dels fordi flere 

skrifttyper kan forvirre læseren fordi de ”blandes sammen” 55 og dels fordi groteske 

51 ”Sådan laver du smukkere grafisk design” af Henrik Birkvig – side 22 





34 | S I D E

skrifttyper er lidt ”moderne” og så er de specielt gode til overskrifter 56 og 

internetbrug. 

Ariel er velkendt ved brug på internettet og er en websikker font 57 , som i øvrigt 

følger med alle operativsystemerne, dvs. at enhver bruger kan se teksten. 

SKIFTFARVER 

Vi har helt undgået ”sort på hvid” kombinationer, for at skåne øjet for irritation. 

Derfor er vores skriftfarver på websitet enten mørkegrå (på lys baggrund) eller 

lysere grå (på mørkere baggrund). 

Overskrifter, links og menu elementer har en guld-agtig farve. 

GARNITURE 

Kun overskrifter med den lyse guld-farve har fed garniture, idet vi derved 

kompenserer for styrkemanglen. 58 

Ved citater og små tekstbider - som skal fange læserens opmærksomhed - 

har vi benyttet en kursiv garniture. Vi har været opmærksomme på, at tekster med 

kursiv garniture ikke har været for lange, idet italic - som det også kaldes - er svært 

at læse i større mængder. Det samme gælder for fede eller halvfede garniturer. 59 

VERSALER/MINUSKLER 

Kun de guld-farvede overskrifter er Versaler. Al anden tekst er Minuskler. Det egner 

sig bedst til længere tekststykker. 

SKRIFTSTØRRELSER 

Skriftstørrelsen på vores brødtekst er 15px og 20px for overskrifter. Vi ønskede ikke 

at brødteksten skulle blive for lille – for læsevenlighedens skyld, og overskrifterne 

måtte ikke dominere hele websitet. 

56 ”Brugervenlige EDB-systemer” af Rolf Molich – side 68 

57 Kilde: 

https://spreadsheets.google.com/ccc?key=0AsK4MoYiBVMldE12V3FJYk95YVRUZ18xNDJNOVRrSH 

c&hl=de#gid=0 


59 ”Brugervenlige EDB-systemer” af Rolf Molich – side 68 

35 | S I D E

5.2.4 KOMPOSITION 

Kompositionen er en klassisk opbygning med logoet (manden) placeret i øverste 

venstre hjørne, som er det første punkt i læseretningen. 60 Næste punkt man ser, er 

logoets anden del – stednavnet, som angiver hvilket firma der er tale om. Hvis vi 

havde byttet om på de to logoer ville det se ud som om, at manden var på vej ud af 

”billedet” og det havde brudt harmonien i designet. 

Navigationen er placeret klassisk øverst til højre og fremtræder let og overskuelig 

pga. det negative rum omkring menupunkterne. 

Vores flash element (banner) er placeret centralt i midten, som skaber en kontrast 

til teksten, men som samtidig understøtter teksten. 

Der er god plads om de enkelte elementer på vores side. Der er f.eks. lidt negativt 

rum omkring vores menu, så de enkelte menupunkter fremstår meget tydeligt. 


156. 

36 | S I D E

Indholdet på forsiden er også omgivet af meget negativt rum og det hjælper til at 

gøre websitet overskueligt og imødekommende. Negativt rum er generelt at finde 

på hele websitet. 

5.3 Navigationsstruktur 

Navigationsstrukturen er en hierarkisk struktur. Det skal være brugeren muligt, at 

springe rundt mellem siderne, uden at skulle igennem nogle forudbestemte 

punkter. 61 

Ifølge Rolf Molich består den optimale menustruktur af 5-9 menupunkter. Den 

såkaldte 7+/- regel. 62 Ib Iversens website indeholdt 6 menupunkter, hvor af vi har 

ændret i dem. Websitet indeholder nu 7 menupunkter. Vi har i forbindelse med 

vores brugertests, taget højde for testpersonernes ønsker omkring en synlig ”om 

firma” side, en synlig kontakt side samt en referenceliste og en liste over 

samarbejdspartnere. Menuen ser nu således ud: 

Vi har valgt at lave en hjælpemenu på tre menupunkter i midterfeltet. Den giver et 

fingerpeg til brugeren om, hvad der er at finde inde på nogle af undersiderne. 


137. 

62 ”Brugervenligt Webdesign” af Rolf Molich – side 81. 

37 | S I D E

Sidst, men ikke mindst er der mulighed for gå ind påIb Iversens Facebook side og 

YouTube kanal, gennem links i footeren. 

5.4 Informationsarkitektur 

Informationsarkitektur er grundlaget for et godt webdesign. For at opnå en god 

informationsarkitektur er det nødvendigt at definere målet for websitet, stille 

spørgsmål til indholdet og derefter filtrere svarene. 

Efter at have indsamlet information omkring tømrerfaget samt skrevet et referat af 

kundeinterviewet har vi sorteret ud i informationerne. For Ib var det vigtigt at 

fremstå som et troværdigt og tillidsvækkende firma, derfor valgte vi at bibeholde 

historien om Ib og Sannes tidligere firma, fordi det er en personlig ting, som 

afspejler deres inderste værdier som person. Vi har altså lagt vægt på at kombinere 

de mere personlige informationer med generelt mere formelle informationer. Skulle 

man koncentrere sig udelukkende om den formelle formidling, kunne man skære en 

del fra. 

38 | S I D E

Baseret på vores interviews og brugertests, erfarede vi, at stort set alle i 

målgruppen havde et godt kendskab til computer-brug generelt. Vi dog alligevel 

valgt at sige, at to menu niveauer er maksimum, dels fordi det øger 

brugervenligheden på websitet og dels fordi at informationerne ikke er så 

omfattende, at der er grund til at lave et yderligere niveau. 

Vi har opdelt de filtrerede informationerne ind i 3 menuer. En hovedmenu med 

stort set alle informationer, en hjælpemenu i forsidens midte, som linker direkte til 

undersider i hovedmenuen samt et par links i footeren, som leder til de sociale 

medier samt brochure downloads. 

5.5 Brugervenlighed 

Vi opsummerer her de ting vi har taget højde for i forbindelse med 

brugervenligheden: 

Vi har inddelt menuen i 7 menupunkter efter den såkaldte 7+/- regel 63 . 

Derudover har vi holdt os til maksimum 2 menu niveauer. 

Menupunkterne har sigende og korte navne. 

Indholdet er blevet formidlet i et hverdagssprog, som er let at forstå. 

Vi har så vidt muligt undgået brug af fagudtryk. 

Vi har benyttet en læsevenlig og websikker sans serif font (Arial) med en let 

læselig skriftstørrelse. 64 

Kontaktinformationerne er synlige på alle sider – de ligger i footeren. 

Websitet har et overordnet ens design og et let genkendeligt logo 65 . 

Farverne harmonere, er rolige og springer ikke i øjnene. 

Hovedmenuen er opbygget efter loven om lighed 66 . 

Forsidebanneret er opbygget efter loven om lukkethed. 67 

63 ”Brugervenligt Webdesign” af Rolf Molich – side 81. 

64 ”Brugervenlige EDB-Systemer” af Rolf Molich – side 67. 

65 ”Visuel Kommunikation på WWW” af Lisbeth Thorlacius – s. 95 



39 | S I D E

5.6 Statistisk Empiri 

Vi vil her argumentere for vores valg indenfor følgende områder: 

Skærmopløsning 

Browsers 

Operativsystemer 

Typografi 

FlashPlayer 

SKÆRMOPLØSNING 

Vores website har en minimumbredde på 1024px og en selvjusterende højde. 

Ved at vælge en bredde på 1024px har vi - ifølge FDIMs statistikker - sikret os, at 76 

% af den danske befolkning kan se websitet. Man skal helt ned på nr. 10, for at 

skærmopløsningen bliver for stor for skærmen. Her er der tale om lige knap 2 % af 

den danske befolkning. Vi har stillet os tilfreds med at dække 76 % af befolkningen. 

Se figur 5.6.1: Skærmopløsning 68 

68 Kilde: http://fdim.dk/Statistik/teknik/skaermoploesning 

40 | S I D E

BROWSERS 

Vores design og funktionalitet skal være den samme i de vigtigste browsere. Vi har 

derfor testet i forskellige browsere efter udbredelse. Top 5 i Danmark er Internet 

Explorer v. 8 med 23,743 %, Internet Explorer v. 9 med 23,317 %, Google Chrome v. 

12 med 12,610 %, Internet Explorer v. 7 med 11,555 % og Safari v. 5 med 7,047 %. 

De resterende browsers – på nær Firefox v.7 med 6,255 % - tager vi ikke hensyn til. 

Ved at tage hensyn til de 6 mest brugte browsers får vi dækket 84,527 % af den 

danske befolkning, hvilket vi er fuldt tilfredse med. 

Se figur 5.6.2: Browsers 69 

69 Kilde: http://fdim.dk/Statistik/teknik/browserbarometer 

41 | S I D E

OPERATIVSYSTEM 

Windows 7 har haft en eksplosiv vækst og fylder nu 41,254 % af det danske marked. 

På andenpladsen ligger Windows XP med 23,095 % og på tredjepladsen ligger 

Windows Vista med 16,992 %. Vi testede også websitet på en mac computer med 

styresystemet MacOS X som har 11,592 %af markedet. Websitet så ganske 

fornuftigt ud på alle operatuvsystemer, og vi er derfor godt tilfredse. Vi har dog 

primært haft fokus på Windows systemerne, da de tilsammen har godt 82,4 % af 

det danske marked. 

Se figur 5.6.3: Operativsystemer 70 

70 Kilde: http://fdim.dk/Statistik/teknik/operativsystemer 

42 | S I D E

TYPOGRAFI 

Vi har undersøgt, hvilke fonte, der er forud installeret på de mest populære 

operativsystemer, som er Windows 7, Windows XP, Windows Vista de udgør 81,271 

% af det samlede marked, samt Mac OS X på 11,592 %. Det giver samlet en 

procentdel på 92,836 %, hvilket må siges at være dækkende. 

Arial som vi har brugt, er en standardfont for Windows og Mac. Baseret på en 

undersøgelse af 50 af nettets mere populære/prominente sites har man fundet 

følgende svar/patterns 71 . Ud fra dette kan det ses at Arial er den mest brugte sans 

serif font til brødtekst på 28 % på disse sites. Samtidig er det en websikker font, 

derfor vil vi gerne bruge Arial. 

I undersøgelsen fandt de ikke en eneste mørk baggrund. Undersøgelsen viste også 

at ganske få benytter ren sort tekst på ren hvid baggrund, derfor er det en skik 

blandt designere ikke at bruge 100 % kontraster. Vi har benyttet os af en lys 

baggrund med en mørkegrå skriftfarve. 

Ud fra undersøgelsen kan det ses at den mest brugte skriftstørrelse ligger mellem 

12-14px. Vores brødtekst er 14px. Til overskrifter ligger skriftstørrelse mellem 18- 

29. Vi har valgt at bruge en skriftstørrelse 20px. 

71 Kilde: 

https://spreadsheets.google.com/ccc?key=0AsK4MoYiBVMldE12V3FJYk95YVRUZ18xNDJNOVRrSH 

c&hl=de#gid=0 

43 | S I D E

FLASHPLAYER 

Ifølge Adobes egen statistik har 99 % computere på markedet Adobe Flashplayer 

installeret. En måned efter at FlashPlayer v. 10.2 udkom, udgjorde den godt 45,8% 

af det samlede marked. Efter seks måneder udgjorde den 85% af markedet. 

Se figur 5.6.4: FlashPlayer 72 

Ifølge vores målgruppeinterviews var der ingen, der havde slået FlashPlayer fra. Vi 

mente derfor ikke at brugen af flash og ActionScript ville være risikabelt – dels fordi 

stort set alle computere i dag har FlashPlayer installeret og dels fordi vi bevidst har 

valgt ikke at tage hensyn til iPhone brugere. 

72 Kilde: http://www.adobe.com/products/flashplatformruntimes/statistics.html 

44 | S I D E

Ifølge riastats er der nu flest der kører med Adobe Flash v. 11. på Windows 7 

styresystem. 73 

5.7 Emotionelt Design 

Vi har i forbindelse med vores websitedesign overvejet nøje, hvordan vi kan gøre 

den behagelig at bruge og flot at se på. Igennem brainstorming med kunden, kom vi 

på idéen, at websitet skulle indeholder ”træ” lignende elementer samt indeholder 

et forside banner og et banner, der skifter mellem diverse citater fra tidligere 

kunder. 

Websitet er udviklet med udgangspunkt i den viscerale oplevelse 74 , da det betød 

meget for kunden, at websitet skulle være pænt at kigge på. Den viscerale oplevelse 

73 Kilde: http://riastats.com/# 

74 ”Emotional Design” af Donald A. Norman – side 21- 24 

45 | S I D E

kommer bl.a. til udtryk på websitets forside, hvor vores forsidebanner fremviser 

nogle af firmaets tidligere projekter. Vi har lagt meget vægt på at banneret skulle 

være simpelt - derfor er der ikke mange elementer i den udover et billede, noget 

tilhørende tekst og en ”læs mere” knap i farver, der matcher websitets farver. 

Teksten i banneret supplerer billederne semantisk 75 . Dvs. at man når man holder de 

to elementer op imod hinanden godt kan se at de ”hænger sammen”, men 

handlingen i teksten i forhold til billedet er vidt forskellig, fx: 

Teksten refererer til det at bygge et nyt tag – men billedet ville ikke have samme 

mening, hvis det stod alene. 

Billederne og teksterne skal lokke brugerne dybere ind på websitet, hvor de kan 

søge yderligere oplysninger omkring firmaets mange services. Vi har gjort det let for 

dem, ved at indsætte et ”Læs mere” link, som linker direkte til den underside, hvor 

der står yderlige oplysninger relateret til emnet. 

Formen på banneret er kantet og holder sig til websitets design med de klare linjer 

og rektangulære inddelte ”usynlige” felter. 

forbliver kantet, som tidligere nævnt, hvilket fastholder det stilfulde moderne 

design og de klare ”usynlige” linjer. Se figur 5.2.2.1 – pattern. 

75 ”Virkemidler i reklamer, film og kunstbilleder” af Jørn Ingemann Knudsen - side 128 

46 | S I D E

Der hvor det viscerale træder specielt meget frem, udover ved banneret, er på 

undersiderne, hvor der ved hver header, er en lille informations boks, som fortæller 

kort om hvad man kan forvente at finde på siden. Det kan være et citat, et referat 

eller et tekststykke fra undersidens samlede tekst. 

Den behaviourale funktion 76 er ikke det primære oplevelse, men websitet er trods 

alt bygget op efter databasetræk, så det er vigtigt, at alle funktioner, links m.v. 

fungerer som de skal. 

Der har også været fokus på den reflektive oplevelse 77 , som man skulle få ved at 

besøge websitet. Den reflektive oplevelse kommer til udtryk, idet websitet øger 

kundens forståelse af firmaet. Det var ønsket, at de besøgende skulle danne sig et 

positivt indtryk af firmaet som værende kvalitetsbevidst, tillidsvækkende og 

troværdigt, inden brugerne igen forlader websitet. De skal gerne forlade websitet 

velvidende, at de besøger det igen – og at de har lyst til at besøge det igen. 



47 | S I D E

5.8 Visuel Identitet 

Som allerede nævnt bruger vi Ethos-appellen til at signalere troværdighed med 

igennem formidling. Vi har været meget bevidst om ikke at være for pralende, 

hoverende eller nedladende overfor andre firmaer. Det skal ikke lyde som en 

konkurrence mellem firmaerne. Derudover refererer vi både til tidligere kunder 

samt til firmaets samarbejdspartnere og leverandører. Sidst men ikke mindst er der 

klare informationer omkring indehaveren, firmaet samt dets services. Ethos- 

appellen kommer også til udtryk igennem brug af billeder – billeder generelt giver 

et indtryk af troværdighed. Fx er der et billede af Ib Iversen samt et billede af hans 

firma på undersiden ”Firmaprofil”. 

48 | S I D E

En anden ting der også er med til at øge troværdigheden gennem Ethos-appellen er 

den videosekvens, som findes nederst på firmaprofilen. 

At Logos-appelformen også bruges kan diskuteres – referencelister og 

samarbejdspartnere kan være med til at tale til fornuften, men der er ingen tekst, 

der direkte henvender sig til fornuften, som det ses i Falck-reklamen på side 151 i 

bogen ”Medier & Kultur”. 

LOGO 

Kunden ønskede ikke at vi gjorde noget 

ved logoet på nuværende tidspunkt til 

trods for at et andet tømrerfirma i 

nærheden bruger samme logo. Vi har 

dog aftalt at tales ved på et senere 

tidspunkt omkring det at lave et nyt 

logo, men det bliver uden for projektperioden. 

49 | S I D E

Det oprindelige logo består af et bomærke 78 (manden) samt navnetræk (alle 

tekstlige detaljer). Teksten supplerer bomærket og fortæller de besøgende, hvem 

der er tale om, altså hvilken type fagfolk. 

Vores moderniserede logo vedrører udelukkende den tekstlige del. I logoet ovenfor 

fylder teksten for meget og det ligner mere et visitkort end et logo – selvom Ib 

forsikrede os om, at det var hans logo. Vi arbejdede derfor på at ændre 

navnetrækket, så det passede bedre i designet og ikke lignede et visitkort så meget. 

Vi har beholdt bomærket, men teksten ser således ud. 

Den gullige farve passer ind i de brugte farver og teksturer (træ) på sitet. Den grå 

farve går igen i menuen. 

Headeren ser derfor således ud: 

Vi fandt det svært at passe bomærket ordentligt ind i det sofistikerede design – selv 

synes vi lidt at den ødelægger designet, men den er stadigvæk vigtig at have med, 

da det som visuelt virkemiddel er det eneste som Ibs kunder kan huske ham på. Vi 

har dog planer om på et senere tidspunkt at udvikle et nyt bomærke til ham, som 

passer bedre ind i designet og ser mere professionelt ud end denne skabelon. 

78 ”Hvad er meningen med - virksomhedens logo” af Ian Wisler-Poulsen – side 13 

50 | S I D E

6. IMPLEMENTERINGSFASEN 

6.1 Koden 

Vi har valgt at skrive vores side i XHTML 1.1, da dette sprog er den seneste og 

strengeste standart til udvikling af websites, godkendt af W3C og fuldt valideret. 

Siden er testet og fungerer ens på mindst 93% af brugernes mest anvendte 

browsere i det danske marked. 79 Samtidig er siden holdt i en bredde på 1024px, for 

at imødekomme mindst 76% af danskernes skærmopløsning. 80 

CSS’en er udviklet i version 2.1 og valideret efter denne. Derudover er der 

implementeret PHP5 og MySQL. Vi har valgt at opsætte det med databasetræk fra 

serveren, da vi anvender et login-system til Ib, så han har mulighed for at lægge 

flere billeder op under siden ”Inspiration”. 

Login-systemet er bygget op via en session, der kræver en bruger med en krypteret 

adgangskode. Login.php benyttes til at logge ind med, hvorefter man bliver sendt 

videre til logcheck.php, som forbinder og tjekker at alle oplysninger er korrekte, 

hvorefter brugeren sendes videre til admin.php. Hvis ikke dette er tilfældet, sendes 

man tilbage til login.php. 

Under admin.php delen, tjekker siden via en session om brugeren er logget på. Er 

dette ikke tilfældet sendes brugeren tilbage til login.php. Er brugeren logget på, har 

brugeren nu mulighed for at tilføje eller slette billeder på siden ”Inspiration”. 

Websitets flash-elementer (SWF-filer) er ved hjælp af Satay-metoden 

implementeret i html koden, så denne kan valideres. 

Kommentarfeltet er simpelt lavet via motion tweens og billedefiler. 

Det store banner er lavet via ren ActionScript 3.0 med hjælp af TweenLite 

funktionen. TweenLite er en license-fri plugin, som kan downloades fra 

http://www.greensock.com. TweenLite er en hurtig og fleksibel tween engine. Den 

79 Se afsnittet 5.6 Statistisk Empiri – vedrørende browsers side 40. 

80 Se afsnittet 5.6 Statistisk Empiri – vedrørende Skærmopløsning side 41. 

51 | S I D E

håndterer og styrer flere egenskaber ved objekterne i flash over tid og opdaterer 

dem på hver frame, så alt kan kodes i ActionScript 3.0. 81 

I koden importerer man greensock pluginet, som man har downloadet. Derefter 

tilføjer man en funktion, der fortæller hvor objekterne skal have deres startposition. 

Derefter tilføjer man funktionen RunTweens med en variabel ”timeline” der hver 

gang den bliver brugt, tilføjer det til tidslinjen via en automatisk deklareret funktion 

igennem Greensock. 

Der er en fallback på vores flash i form af en knap ”get 

flash”, som folk kan benytte sig af, hvis ikke de har flash 

installeret. 

For at lette indlæsningen på siderne, har alle billeder været igennem en png 

comprimizer, så de fylder mindre og er hurtigere at læse. Samtidig er der brugt html 

og css compress i koden, samt gunzip-handler og expire header, så siden loades 

hurtigere. 

I galleriet har vi valgt at benytte fancybox 2 til fremvisning. Lightbos er en galleri- 

funktin med fri licens også til kommercielt brug. 

81 Kilde: http://www.greensock.com/tweenlite/ 

52 | S I D E

Under siden ”Kontakt” har vi benyttet 

JavaScript, hvis brugerne ikke har udfyldt 

kontaktformularen ordentligt. Koden ser 

således ud og virker på følgende måde: 

Først har vi defineret fire variabler, der 

henter indholdet af de input felter der 

skal være udfyldt for at benytte kontakt 

formularen. 

Derefter benytter vi en if-sætning for at 

se, om den værdi der hentes er ”tom”. 

Hvis dette er tilfældet kommer der en 

popup-box, som fortæller hvilket felt der 

ikke er udfyldt. 

6.2 Search Engine Optimizer SEO 

DIVERSE TAGS 

Indenfor søgemaskineoptimering, har vi anvendt følgende tags: 

HTML tags som indgår i søgemaskines søgeord. 

Individuelle titler() på alle undersider så hver underside får sin egen 

overskrift i sidens hovednavn. 

Meta tags som indeholder alle relevante nøgleord på de forskellige 

undersider, dette gør det lettere for søgerobotter at indeksere siderne. Alle 

de større browsere understøtter metatags. 

Meta-description på forsiden, som indeholder en beskrivelse af sitet. 

H1 – H6 tags bruges til over- og underoverskrifter på undersiderne. H1 – H6 

tags har stor relevans for søgemaskiner og er derfor vigtige at have med. 

Alt-tags i billerne, som indsætter en tekst, hvis billedet ikke skulle blive vist. 

Title-tags på alle links (title=”tekst”) - det fortæller brugeren, hvor man føres 

hen, hvis man klikker på linket. 

53 | S I D E

De tælles alle med i søgemaskinens søgeord og resulterer i flere hits og derved en 

bedre placeringer i søgeresultaterne. Derfor er det vigtigt at have så mange tags 

med på sitet som muligt. 

KOMPRIMERING 

For at mindske indlæsningstiden på siderne har vi foretaget følgende 

komprimeringstyper: 

Alle .png filer har været en tur igennem en PNG Comprimizer, for at mindske 

dens størrelse. 

HTML komprimering i html koder 

CSS komprimering i stylesheet 

PHP komprimering med Gunzip-handler 

Expire date i header 

Ved at gunzippe PHP-filerne sendes de til serveren som en komprimeret zip-fil og 

åbnes først når brugeren besøger websitet. På den måde fylder php-filerne mindst 

muligt. 

Ved at komprimere filerne fylder de mindre og derved læses de hurtigere. Det 

sammen med de mange tags øger websitets position i søgeresultaterne. Og så er 

det altid en fordel at have et website der loader hurtigt, selvom 

internethastigheden i dag er så høj, at man næppe vil mærke en synderlig 

forsinkelse i download hastigheden. 

54 | S I D E

6.3 Flash Banners 

Vores kunde var meget interesseret i idéen om et forsidebanner. At der var en form 

for bevægelse på forsiden, som fangede de besøgendes blik så snart de klikkede sig 

ind på hjemmesiden. Forsidebanneret fungere derfor som en ”teaser” og skal 

vække brugerens interesse. Det er en forsmag på, hvad der er at finde på resten af 

websitet. 

Gennem brainstorming blev vi enige om, at et ekstra element, som 

flashbanneret med de skiftende citater, kunne være en god idé at have på forsiden. 

Dels fordi det øger afsenderens troværdighed og dels fordi det som grafisk element 

skaber en helhed sammen med det større banner i headeren. Citaterne stammer fra 

kundens gæstebog, som er implementeret på det nuværende website hos 

123hjemmeside. Disse gode anmeldelser kunne ikke overføres til det nye website i 

form af en gæstebog. En gæstebog virker ikke troværdig – specielt ikke når der går 

år imellem nye indlæg, som det er på det nuværende website. Vi var enige om, at 

det ville være synd at udelade de gode anmeldelser, derfor valgte vi at 

implementere et flashbanner med de små citater. Ib Iversen har vist stor interesse 

for websitet og synes at begge flashbanners er nogle rigtig gode idéer. Han har 

løbende set vores design udkast og har rost vores arbejde – derved kan vi i hvert 

fald konstatere at vi har tilfredsstillet kundens behov og fulgt hans ønsker. 

De to banners ser således ud: 

55 | S I D E

6.4 Afsluttende brugertest 

Vi har foretaget en afsluttende brugertest på Ib Iversens nye website, så vi kunne få 

et indblik i målgruppens opfattelse af forbedringerne og om de havde virket efter 

hensigterne. 

Testen blev gennemført på nogle de samme personer, som vi brugte til at foretage 

den første brugertest på. Ved at bruge de samme testpersoner kan man holde 

resultaterne op mod hinanden og få et mere nøjagtigt resultat, hvor man kan 

konkludere hvorvidt målgruppen rent faktisk har ændret synspunkt. 

Ud fra testresultaterne kan vi konkludere at forbedringerne har virket ud over al 

forventning. Vi opsummerer her de vigtigste punkter, som testpersonerne mente, 

der var forbedret. Den samlede oversigt vil være at finde i Bilag 5: Testrapport – 

Den Afsluttende Brugertest. 

SAMLEDE RESULTAT: 

Websitet fremstår som værende mere professionel, troværdig og 

tillidsvækkende. 

At Ib Iversen nu virker til at være en tillidsvækkende person, som virkelig går 

op i kvalitet og kundens tilfredshed. 

At de nye mere detaljerede oplysninger faldt i god jord. Der blev bl.a. sagt: 

”Det er rart at få noget brugbar information i stedet for den lidt mangelfulde 

tekst de har på deres anden hjemmeside”. 

At Ib fremstod som værende mere troværdig og tillidsvækkende idet der bl.a. 

var billeder af Ib selv samt et billede af virksomheden på firmaprofilen. 

At det store forsidebanner på forsiden helt klart talte til Ibs fordel. De syntes 

alle det var dejligt at få en lille forsmag allerede på forsiden – og det at man 

ikke nødvendigvis skal ind og lede på undersiderne først for at finde 

billederne. 

At citaterne virkede godt – det gjorde firmaet mere troværdigt. 

At menuen indeholdt punkterne ”Referencer” og ”Inspiration” var en rigtig 

god idé, som de følte de savnede lidt på kundens 123hjemmeside. 

56 | S I D E

At en liste over samarbejdspartnere var en rigtig god idé og at den var 

placeret et godt sted (under ”referencer”). 

At han virkede mere ”med på noderne” når han havde både en Facebook side 

og en YouTube kanal. De ville ikke udelukke henvendelse til firmaet via de 

sociale medier. 

At ”Ring mig op” funktionen var rigtig smart. De havde ikke set sådan en før – 

så stort set dem alle syntes det var et godt påfund. 

Sidst – men ikke mindst – at alle testpersoner var meget mere trygge ved at 

skulle ansætte Ib til et byggeprojekt. De fleste følte ikke længere et behov for 

at kende til ham først, hvilket i sig selv er det bedste resultatet man kan opnå 

– for det giver forhåbninger om, at Ib vil opnå en forøgelse i kundekontakten! 

Som vi efterhånden kan konkludere har vores undersøgelser og kamp for at opfylde 

alles behov og ønsker båret frugt. Ib Iversen opfattes nu som den troværdige, 

kvalitetsbevidste, servicemindede og tillidsvækkende person. Man kan derved 

konkludere at der er harmoni mellem Identitet, Image og Ethos! 

6.5 Vedligeholdelse 

Sitet er kodet med databasetræk dvs. at alle informationer hentes fra databasen, 

hvor man også skal ændre i tekst og billeder. Man slipper altså for, at skulle gå ind 

og ændre i de enkelte filer. Dette gør det muligt for Ib at uploade og slette billeder 

på den side han bruger mest. Har han behov for at tilføje eller ændre informationer 

på de andre undersider, kan det hurtigt tilføjes. 

Fremtidig vedligeholdelse og opdatering af websitet vil Mette og jeg stå for. 

57 | S I D E

7. MARKEDSFØRING 


Hvilke markedsføringsmæssige tiltag har Ib Iversen foretaget sig indtil nu? 

Har tiltagene hjulpet? 

Hvilke tiltag kan man foretage i fremtiden? 

Hvilke resultater kunne man forvente ud fra de nye tiltag? 

7.1 Hvad gør firmaet nu? 

Ib Iversen har indtil nu foretaget sig flere forskellige former for 

markedsføringsstrategier. Han har: 

Annonceret i blade, aviser, brochurer og på Krak samt De Gule Sider. 

Fået fremstillet en videosekvens, der vises på De Gule Sider samt YouTube. 

Informationer omkring firmaet i det lokale klubblad Weismann. 

Været sponsor ved mindre arrangementer i Vinderup. 

Fået produceret en hjemmeside hos webhotellet www.123hjemmeside.dk. 

Afholdt en mindre konkurrence for kunderne. 

Ophængt banners til lokale arrangementer, hvor han har været sponsor. 

Fået specieldesignet brevpapir samt andre kontorartikler. 

Ib Iversen skyder på at have brugt omkring 35.000 kr. på markedsføring siden 

firmaet blev stiftet i 2007. 

På trods af de mange tiltag har Ib endnu ikke oplevet en betydelig forøgelse i 

indkomne projekter. Han oplever stadigvæk at størstedelen af hans kunder 

kontakter ham grundet anbefaling af bekendte eller andre tidligere kunder, som har 

været tilfredse med hans arbejdsindsats. 

Han forventede specielt at konkurrencen ville sætte skub i indkomne projekter. Han 

havde betalt for 8 eftermiddagspladser på Borbjerg Mølle Kro, en meget populær 

landkro, som serverer lækkert mad og som ligger i et skønt naturområde. 

58 | S I D E

Præmierne ville gå til de første 8 personer, som bestilte en ordre på over 1000,00 

kr. Der var i alt kun 1 kunde som foretog en sådan ordre, og derfor sidder Ib i dag 

tilbage med de resterende 7 pladser. 

7.2 Mulige fremtidige tiltag 

Vi har på nuværende tidspunkt oprettet en Facebook side til firmaet. Vi vil i 

fremtiden forsøge at oprette en konkurrence gennem Facebook, hvor vi kan udlove 

de sidste 7 pladser på Borbjerg Mølle Kro som præmie. 

Derudover vil vi have oprettet en YouTube kanal til Ib, så han har mulighed for selv 

at uploade sin video samt evt. fremtidige videoer til kanalen. 

Udover konkurrencer har vi talt om følgende tiltag: 

En ugentlig eller månedlig videoproduktion i stil med ”Det Leth’” – det kunne 

fx hedde ”Ugens tip” eller noget i den stil. Idéen er at han kunne vise hvordan 

man reparerer en bestemt ting, foretager en mindre renovering eller 

lignende. Det kan frarøve ham nogle mindre kunder, men det kan samtidig 

give omtale og forøge kundekredsen – derved måske skaffe større kunder. 

Disse videoproduktioner skulle så uploades til Ibs YouTube kanal. 

For at skabe endnu mere opmærksomhed omkring firmaet kunne man 

muligvis arrangere et indslag i Tv Midt/Vest. 

Fremtidige konkurrencer på Facebook er klart en mulighed. Konkurrencen 

kunne være, at der fx trækkes lod om et gavekort blandt de personer der har 

klikket på ”Synes godt om” knappen på Ibs Facebook side. Budskabet kan 

sprede sig og øge kendskabet til firmaet blandt kundekredsen. 

Vi vil efter projektperiodens udløb producere to brochurer til ham. Disse 

skulle så postomdeles i lokalområdet. 

59 | S I D E

o En brochure omkring firmaet som kan give nogle mere dybdegående 

informationer samt flere beskrivelser af projekter. 

o En materialebrochure. Brochuren skal indeholde informationer om og 

billeder af de tilgængelige materialer. Sidst i brochuren skal man kunne 

finde en liste over samarbejdspartnere. Derved er kunderne fri for at 

skulle foretage en mere dybdegående undersøgelse af samtlige 

samarbejdspartneres og leverandørers websites. 

Man kan begynde at reklamere for firmaet i byerne omkring Vinderup – og 

siden at firmaet på nuværende tidspunkt har haft enkelte kunder i Århus- 

området, kunne man begynde at reklamere der også. 

7.3 Facebook 

Ib Iversen gav fra første samtale udtryk for, at han godt kunne tænke sig en 

Facebook side til firmaet. Efter brainstorming, diverse analyser og samtaler blev vi 

derfor enige om, at en Facebook side kunne være et nyttigt redskab til at få spredt 

firmaets budskab. 

Der er også visse teoretiske grunde til, hvorfor vi har valgt Facebook og fx ikke 

Twitter eller LinkedIn. De vigtigste listes her: 

Facebook er pt. det mest dominerede sociale networking site og har også flest 

brugbare apps og plugins. 82 

Facebook er et B2C medie 

Den største gruppe på Facebook er pt. 35-54 årige 83 – de falder inden for Ibs 

målgruppe som er 35-50-årige. 

82 ”The Social Media Marketing Book” af Dan Zarrella - side 67 ø 


60 | S I D E

Forbrugere har større tiltro til andre forbrugere end firmaer selv 84 . På 

Facebook er det forbrugerne som sælger firmaets produkter. 

Man kan gennem sjove apps og plugins gøre et besøg interessant for 

forbrugeren, derved er der større chance for at de vil vende tilbage. 85 

Ved fx at oprette en konkurrence på Facebook kun for sidens fans, kan man skabe 

spænding blandt brugerne 86 . Dette kan resultere i yderligere omtale samt flere og 

flere fans. 

Vores målgruppeundersøgelse viste også, at flere var tilbøjelige til at deltage i 

diverse konkurrencer og det kan kickstarte en online WOM kampagne, idet 

brugerne taler med andre brugere om denne konkurrence eller event! 

Udover de nævnte tiltag kan man også gå ind i Ibs billedgalleri og se billeder og 

beskrivelser af firmaets tidligere projekter. Under videogalleriet vil der i fremtiden 

være mulighed for at se firmaets diverse videosekvenser. 


85 ”The Social Media Marketing Book” af Dan Zarrella - side 67 n 

86 ”The Social Media Marketing Book” af Dan Zarrella - side 69 m 

61 | S I D E

Link til Ib Iversens Facebook side: http://www.facebook.com/pages/Ib-Iversens- 

Tømrer-og-Snedkerfirma/235032099903602#!/pages/Ib-Iversens-T%C3%B8mrer- 

og-Snedkerfirma/235032099903602 

62 | S I D E

8. KONKLUSION 

Vores opgave bestod i at udvikle et nyt markedsføringswebsite for ”Ib Iversens 

Tømrer- og Snedkerfirma”. Målet var, at udvikle et website, der i højere grad end 

deres nuværende (http://www.iversens-tomrer-snedker.dk/) er mere brugervenlig, 

moderne og tiltalende, som bl.a. var en del af målgruppens og kundens ønsker. 

Vi kan konkludere, at vi har formået at fremstille en prototype som både er 

funktionel og validérbar i XHTML 1.1 og CSS2.1, PHP 5.0, ActionScript 3.0 og 

JavaScript. Samtidig lever den også op til målgruppens og kundens forventninger, 

idet den er konstrueret ud fra deres ønsker og idéer. 

Vi har udviklet et online markedsføringssite med henblik på at øge målgruppens 

kendskab til firmaet. Websitet indeholder de mest relevante informationer indenfor 

området, så målgruppen kan få et overblik over firmaets services. Det indeholder 

også billeder og en video, som formår at fange den besøgenes interesse. Vi testede 

det nye website på målgruppen og kom til den konklusion at vores mål er opnået. 

Alle testpersoner var meget positive overfor forandringen. Efter vores redesign 

opfatter målgruppen afsenderen som værende mere professionel, troværdig, 

tillidsvækkende og moderne 87 . Et smart design, en overskuelig opsætning og 

sammenhængende elementer har gjort websitet indbydende og interessant for 

målgruppen. De kreative tiltag har gjort websitet sjovt og anderledes at bruge, og 

man må håbe at det er med til at indprente firmaet i målgruppens hukommelse. 

For at øge firmaets synlighed på internettet har vi søgeoptimeret websitet, så det 

fremstår længere oppe på Googles ranking. Derudover har vi opsat en Facebook 

side til kunden samt foreslået yderligere alternative metoder til markedsføringen, 

som vi håber kunden vil tage i betragtning. Alt i alt har vi nået vores overordnede 

mål og kun fremtiden kan vise, om Ib Iversen får øget deres kundekreds. 

87 Bilag 5: Testrapport – Den Afsluttende Brugertest 

63 | S I D E

9. PERSPEKTIVERING 

Her vil vi perspektivere over, hvilke muligheder man – udover de allerede nævnte - 

med fordel kunne implementere på websitet eller på Facebook siden. 

Vi har følgende idéer: 

Ugens tip eller gode råd vedrørende håndværk (skriftlig) 

Ugens ”Det Leth”-agtige videosekvens på websitet, hvor kunderne kan klikke 

sig ind hver uge, for at se det nye gode råd. 

Debatforum (stil fx spørgsmål omkring et emne eller bed brugerne om en 

mening omkring det projekt du har lavet – man kan evt. belønne dem med et 

eller andet). 

Support – hjælp brugeren med at finde en løsning, hvis de står i et 

håndværkermæssigt problem. Selvfølgelig ikke i så stort et omfang, at det 

fratager Ib sine kunder eller mulige jobs. 

Man kunne for, at fremtidssikre websitet, have kodet i HTML5 i stedet for 

XHTML/PHP. Det skal dog siges at HTML5 ikke understøttes af alle browsers 

på nuværende tidspunkt. 

En brevkasse, der bliver postet hver uge på hjemmesiden. Dette kunne nemt 

kobles sammen med ugens video, og samtidig ligge som et slags forum på 

hjemmesiden. 

Et ”renoveringsspil” hvor brugeren af websitet kunne få skitseret sit hus for 

derefter at kunne drag’n’drop forskellige materialer/emner ind på huset. Fx 

kunne brugeren se hvordan huset ville se ud med en bestemt serie vinduer 

eller døre. Men spillet ville kræve en meget kompliceret kode, som vi ikke er i 

stand til at udføre på nuværende tidspunkt. 

64 | S I D E

10. ABSTRACT 

We were ordered to develop a new website for the carpentry firm ”Ib Iversens 

Tømrer- og Snedkerfirma”. The goal was to develop a new website that would 

promote the company in a more positive way than the already existing website 

http://www.iversens-tomrer-snedker.dk/. We will be focusing on improving the 

usability and SEO and furthermore be giving the website a more modern and 

pleasing look as the audience and the customer wanted. 

From our research we can conclude that we have succeeded in developing 

a functional validated website written in XHTML 1.1, CSS 2.1, PHP 5.0, MySQL, 

ActionScript 3.0 and JavaScript. Furthermore we can conclude that the website does 

match the expectations that the audience and the customer have to the final 

product. 

We have developed an online marketing website to increase the audience’s 

knowing of the firm and have created a Facebook page for the company to use for 

marketing strategies. The website contains only the relevant information needed 

giving the audience a clear view of the company’s services. It also contains pictures 

and a video catching the visitors’ attention and request of them to look deeper into 

the information. 

We tested the new website on the audience and have reached the conclusion that 

we have achieved our goal. All the testers were positive about the changes 

comparing the new website to the existing one. After the redesign they looked at 

the company with new and improved eyes – they thought of the company as more 

professional, credible, trustworthy and modern 88 compared to their earlier position. 

A cool design, an uncluttered menu structure and composition and a foreseeable 

structure and cohesive elements have made the website an attractive and 

interesting experience to the tested audience. The creative efforts have made the 

website fun and different to use and we hope that it helps to impress the audience 

to spread the word of the company or to re-enter the website. 

88 Bilag 5: Testrapport – Den Afsluttende Brugertest 

65 | S I D E

KILDE- OG LITTERATURLISTE 

BØGER 

”Udvikling af Multimedier – en helhedsorienteret metode” 

2. udgave, 2. oplag, Nyt Teknisk Forlag, 2003, Marie Christensen & Louise Harder 

Fischer. 

”Brugervenlige EDB-systemer” 

2. udgave, 2. oplag, Nyt Teknisk Forlag, 2001, Rolf Molich. 

”Brugervenligt Webdesign” 

2. udgave, 2. oplag, Nyt Teknisk Forlag, 2006, Rolf Molich. 

”The Design of Sites – second edition” 

2. udgave, 2007, Douglas K. Van Duyne, James A. Landay & Jason I. Hong. 

”Medier & Kultur” 

2. udgave, 12. oplag, Borgens Forlag, 2010, Kirsten Drotner, Klaus B. Jensen, Ib 

Poulsen og Kim Schrøder. 

”Sådan laver du smukkere grafisk design” 

2. udgave, 1. oplag, Grafisk Litteratur, 2004, Henrik Birkvig 

”Skrivgodt.dk” 

1. udgave, 1. oplag, Frydenlund og Forfattere, 2001, Ulf J. Jensen. 

”Emotional Design – Why we love (or hate) everyday things” 

Basic Books, 2005, Donald A. Norman 

”Hvad er meningen med - virksomhedens logo” 

66 | S I D E

Grafisk Litteratur, 2005, Ian Wisler-Poulsen 

”Virkemidler i reklamer, film og kunstbilleder” 

1. udgave, 2. oplag, SYSTEME, 2010, Jørn Ingemann Knudsen 

”The Social Media Marketing Book” 

1. udgave, O’Reilly Media, 2010, Dan Zarrella 

“Visuel Kommunikation på WWW” af Lisbeth Thorlacius (fra bogen ”Digitale 

Verdner”). 

”Brug farverne bevidst - farvernes egenskaber, påvirkninger & symbolik” af Lene 

Bjerregaard. 

WEBSITES 

Dansk byggeri: 

http://www.danskbyggeri.dk/presse+-c12-+politik/presse+-c12- 

+politik/temaer/v%c3%a6kst+og+velf%c3%a6rd/klima+-c12- 

+energi/skrappere+krav+til+bygningers+isolering 

Hvornår er en undersøgelse statistisk valid? 

http://www.samfundsfag.com/index.php?option=com_content&view=article&id=225&Itemid 

=316 

WOM: http://www.envisionblog.dk/?p=50 

Logo: http://www.larslykkegaard-vvs.dk/ 

Farvernes betydning: http://www.visible.dk/videnom/Farvers-betydning.php 

Flashelement: http://www.greensock.com/tweenlite/ 

Konkurrenter: 

Torben Kristensen: http://www.torbenkristensen.dk/ 

67 | S I D E

Henning Hansen 1: http://www.hhtomreren.dk/tomrer-snedker-arbejde/ 

Henning Hansen 2: http://www.hh-hansen.dk/ 

Statistikker 

Typografi: 

https://spreadsheets.google.com/ccc?key=0AsK4MoYiBVMldE12V3FJYk95YVRUZ18xNDJNOVRr 

SHc&hl=de#gid=0 

Skærmopløsning: http://fdim.dk/Statistik/teknik/skaermoploesning 

Browser: http://fdim.dk/Statistik/teknik/browserbarometer 

OS: http://fdim.dk/Statistik/teknik/operativsystemer 

FlashPlayer: http://www.adobe.com/products/flashplatformruntimes/statistics.html 

FlashPlayer: http://riastats.com/# 

LYDFILER 

Interview med Indehaver Ib Iversen, den 2. december 2011. Varighed: 1 time og 23 

minutter og 49 sekunder. 

Interview med HJS, den 7. december 2011. Varighed: 31 minutter og 4 sekunder. 

Interview med HM, den 7. december 2011. Varighed: 16 minutter og 56 sekunder. 

Interview med KRK, den 8. december 2011. Varighed: 38 minutter og 14 sekunder. 

(NB: en del af lydfilen gik tabt!) 

OBS: Alle lydfiler er uploadet sammen med zip-filen! 

68 | S I D E

BILAG 1: KUNDENS WEBSITE 

Link: http://www.iversens-tomrer-snedker.dk/ 

69 | S I D E

70 | S I D E

71 | S I D E

72 | S I D E

Bilag 2: Kundeinterview 

(referat) 

Dato: 02.12.2011 

Kunde: Ib Iversen 

Interviewer: Chanett Koldsø 

Længde: 1t, 23min, 49 sek. 

Filtype: mp3 

OM FIRMAET 

Ib og Channe stiftede ”Det Kreative Landsted” i 2003 - et beskyttet værksted for 

handicappede, hvor de kunne udfolde deres kreative sider gennem læring. 

Værkstedet var meget populært for de lokale beboere og gennem et samarbejde 

med kommunen fik man skabt et specielt program for de handicappede. Men efter 

kommunesammenlægningerne og de voldsomme økonomiske nedskæringer i 

kommunerne, krævede man af Ib og Channe at de sænke priserne på deres 

services. Men hvis man skulle efterleve kravet fra kommunen ville det resultere i et 

voldsomt underskud og Ib og Channe besluttede derfor at nedlægge værkstedet og 

stiftede i august 2008 ”Ib Iversens Tømrer- og Snedkerfirma”. Selvom værkstedet 

blev nedlagt fulgte Ibs og Channes værdier med og danner i dag grundlag for 

tømrerfirmaets kerneværdi. Der sættes en stor ære i at levere produktløsninger af 

høj kvalitet og der stilles tilfredshedsgaranti. Der er ingen opgave, der er for stor og 

ingen opgave, der er for lille. 

Ib blev oplært af sin farbror, som selv blev oplært af sin bror. 

Ib blev oplært af en gammel hustømrer, hvilket vil sige at han er oplært i et meget 

alsidigt miljø og der er derfor intet han ikke kan lave. Lige meget hvad dit projekt 

består i, så er Ib mand for opgaven. 

73 | S i d e

Ib Iversen er udlært bygningstømrer i 1976. 20 års erfaring som tømrer. 

Intet sikkerhedsnet (garantiordning) 

Han har en forsikring der dækker, hvis der skulle ske et uheld. 

Skulle kunderne være utilfreds med det udførte arbejde, kommer han og tjekker 

efter og laver det evt. om, hvis dette findes nødvendigt. (hellere en gang for meget 

end en gang for lidt) 

Han kender folkene i lokalområdet og føler det ikke nødvendigt med en 

garantiordning. Det er nødvendigt at have glade kunder i et lille samfund. 

Hvem grundlagde firmaet? 

Ib Ivsersen og konen Sanne 

Hvor mange ansatte er der p.t. i firmaet? 

Lige nu er der kun Ib, men han kan ellers have 2 lærlinge. 

Har firmaet oplevet nogle succeer? (Hvad bestod succeen i? Hvad skete der efter 

successen?) 

Success historie: mand der får lagt tag – betaler timeløn – indenfor budgettet – går 

på efterløn næste år – meget tilfreds med resultat – god ambassadør. Tid: 12.06 – 

14.02. 

Har firmaet oplevet nogle kriser? (Hvad bestod krisen i? Hvordan klarede firmaet sig 

igennem krisen?) 

Ingen kriser 

Hvilke værdier står firmaet for? 

Kvalitet 

Overholder aftaler 

74 | S i d e

Hurtigt levering 

Tilfredse kunder 

Hvis du skulle vælge 1-2 af firmaets værdier som de vigtigste – hvilke ville du vælge 

og hvorfor? 

Kvalitet 

Tilfredse kunder 

Tillid 

Troværdighed 

Hvordan lyder det budskab, som I ønsker formidlet til målgruppen? 

Noget med tillid 

Troværdighed 

Overholde aftaler (nok det vigtigste) 

Søger i arbejdskraft eller tager I praktikanter/lærlinge/elever? 

Firmaet kan have to lærlinge ad gangen. 

Hvis der ansættes en svend kan man have yderligere en lærling. 

Søger ikke nye medarbejdere før efter januar måned – januar er en dårlig 

periode pga. højtider. 

Hvilken uddannelse har firmaets ansatte? 

De ansatte er enten bygningstømrere, svende eller lærlinge. 

Tilbyder firmaet efteruddannelse/kurser til de ansatte? 

Firmaet tilbyder relevante kurser til de ansatte som afholdes på Teknisk Skole. 

Hvem varetager arbejdsopgaverne? (en fast person eller flere?) 

Lige nu er det kun Ib, der varetager opgaver, men det kunne også have været 

andre. 

75 | S i d e

MARKEDSFØRING 

Hvilke tiltag er der gjort for at markedsføre firmaet? 

Til start brugte de 30.000 – 35.000 kr. på markedsføring. 

Fuld annoncering i krak både i Vinderup og Holstebro sektionen (7.000 – 8.000 

kr.). 

Annoncer i den lokale brochure. 

YouTube sekvens på De Gule Sider. 

Annoncer i Dagbladet. 

Hjemmeside hos 123hjemmeside 

Info i en klubs blad (Weismann?) 

Annoncer i den lokale telefonbog 

Sponsor til mindre arrangementer 

Har både brevpapir og notesblokke 

Hvilke resultater kom der ud af disse tiltag? 

Markedsføringen har ikke givet de ønskede resultater. Det har været for dyrt i 

forhold til udbyttet. 

Over 16.000 besøg på hjemmesiden – ikke 16.000 kunder! 

Hvad har i gennem markedsføringen haft fokus på og hvorfor? 

Firmaets specialer – at der stort set ikke er en opgave de ikke har kunnet 

klare. 

De små kunder kan bestille store projekter med tiden, og så kan det være de 

tænker på firmaet. 

Har et stort banner på 60x180 som tages i brug, når der fx afholdes messer 

eller arrangementer i sognegården. 

Sponsorerer af og til små lokale tiltag imod at få sit banner op og hænge. 

Man havde over ferien udlovet et gavekort til ”Eftermiddagskaffe på Borbjerg 

Mølle Kro” til de mennesker, der ringede ind og bestilte en ordre – ordren 

skulle bare være over 1000 kr. Konkurrencen var annonceret i Vinderup’s 

lokale blad, men kun 1 ud af de 8 gavekort blev udleveret. Der var enten ikke 

76 | S i d e

så stort et behov for projekter eller også var der ikke så mange der så 

”konkurrencen” i bladet. 

Har i overvejet andre markedsføringsmæssige tiltag? (Hvorfor/hvorfor ikke? Hvilke 

tiltag er der fx tale om?) 

De vil gerne have nogle brochurer sendt ud i lokalområdet. 

Billedannoncer på vinduesfirmas brochure – reklame for grossister – vice 

versa 

Har indtil videre ikke gjort meget i at deltage ved messer, fordi man ikke har 

haft et ekstra ordinært godt tilbud eller projekt osv. 

Har i planer om nye markedsføringsstrategier i fremtiden? 

Events kunne komme på tale hvis der er noget specielt (tilbud fx) 

Kunden har overvejet at oprette en side på Facebook 

Har du en idé til, hvordan man vil kunne markedsføre den nye hjemmeside? 

(brochure, flyers, events) 

Brochurer 

Hvilke ressourcer er der afsat til markedsføring generelt? 

Der er ikke afsat noget fast beløb. Når der skal laves noget skal det laves og 

ellers har firmaet investeret mange penge til at starte med. 

De bruger ikke så mange penge på markedsføring generelt, fordi størstedelen 

af firmaets kunder, har hørt om dem gennem andre. Altså ikke gennem 

materiel markedsføring. 

Ved ikke om firmaet ville få flere kunder, hvis de blev bedre til ar markedsføre 

sig. 

ARBEJDSOMRÅDE 

Hvilke arbejdsområder beskæftiger firmaet sig med? 

Store og små renovationsopgaver (både indvendig og udvendig) 

77 | S i d e

Udskiftning af tag og vinduer 

Efterisolering 

Nybyggeri (har haft et enkelt hus) 

Tilbygning 

Hvilke arbejdsopgaver får i hyppigst stillet? 

Renovering af tag-projekter 

Nye vinduer 

Energibaserede opgaver (vinduer, tag, isolering) 

Udskiftning af termotag til udstuer 

Småreparationer 

Arbejder firmaet for: 

Privat og Erhverv 

Hvor i landet oplever i størst efterspørgsel på jeres område? (Bestemte byer, 

områder, concerner?) 

Vinderup, Holstebro, Århus (en enkelt), Hostrup (sommerhus renovering), 

Handbjerg, 

Kunderne i Århus var forældre til en i lokalområdet, som havde anbefalet 

firmaet = referencer. 

Hvad forhandler firmaet: 

KUN Services 

Er der kun tale om byggeprojekter, eller har i også projekter af anden art? (Hvis ja, 

hvilke? Samt målgruppe) 

Både bygge-/renovationsprojekter men også mindre reparationer (såsom 

udskiftning af dørhåndtag for gamle fru Jensen m.v.) 

MÅLGRUPPE: 

78 | S i d e

Hvem betragter I, som firmaets primære målgruppe? Hvorfor? 

De lokale folk – firmaet får kunder baseret på referencer i lokalområdet. 

Har fimaet en sekundær målgruppe? 

Firmaets sekundære målgruppe er de kunder der befinder sig langt fra 

lokalmiljøet. Dels fordi at referencerne ikke altid strækker sig så langt, men 

det går også ud over familielivet. 

Der er ikke specificeret en nøjagtig sekundær målgruppe. 

Hvad ligger der til grund for valg af målgruppen? 

Valg af målgruppe baserer sig på erfaring 

De faktuelle kunder udgør målgruppen 

Er der blevet foretaget en målgruppeanalyse? 

Nej 

Hvis privat målgruppe: 

Hvilken aldersgruppe er der oftest tale om? 

30-60 årige 

Nogen yngre andre ældre 

Er kunderne primært børnefamilier, enlige, ældre eller? 

Unge par 

Ældre par 

Børnefamilier 

Pensionister 

Hvis erhverv målgruppe: 

Hvilke firmaer har I arbejdet for? 

Ryde skole 

Landbrug (bygger/renoverer stalde m.v.) 

79 | S i d e

NUVÆRENDE WEBSITE: 

Er i tilfredse med jeres website som den er nu? 

Ja, indtil du ringede… 

Hvad kan I godt lide ved det nuværende website? 

Kan godt lide, at hjemmesiden koster 500 kr om året. 

At hjemmesiden er enkel 

Nem at arbejde med 

Er der noget i mener måske kan forbedres? 

Man kan ikke rigtig ændre så meget på den nuværende hjemmeside, da det 

hele ligger i moduler (skabeloner). 

Eget logo på hjemmesiden 

Er der noget fra den nuværende hjemmeside som du ønsker at bibeholde? Fx 

gæstebogen. 

Nej 

Hvor stor en indflydelse, tror du, at jeres nuværende website har på 

markedsføringen. 

Der har alligevel været over 16.000 på hjemmesiden, men det er i hvert fald 

ikke det antal kunder man har fået ud af det. 

Hvor ofte opdaterer i jeres website? (redigerer og tilføjer nye tiltag m.v.) 

1 gang hvert halve år 

Har I nogen idé, om jeres kunder finder jeres website brugbar, når de har brug for 

informationer? 

Nogle kunder har sagt, at det var godt nok lige at komme ind og kigge. 

80 | S i d e

Men ud af over de 16.000 besøgende, er der ikke mange der har ringet til 

kunden. 

NYT WEBSITE: 

Hvorfor vil du gerne have et website? 

For at kunne formidle sit budskab rigtigt 

For at kunne vise kunderne at firmaet eksisterer 

Hvad skal formålet med websitet være? 

Formålet med websitet vil være at forøge kundekredsen gennem 

fyldestgørende informationer og tiltalende billeder. 

Hvad vil du gerne at det nye website skal kunne? 

Det nye website skal kunne formidle mit budskab. 

Websitet skal kunne give kunden lyst til at læse mere på de underliggende 

sider. 

Skal være ”åben og venlig” at kigge på. 

Det kunne være sjovt hvis man fx kunne have en model af sit hus, hvor man så 

kunne se hvordan det ville se ud, hvis man lavede en tilbygning, nyt tag, nye 

vinduer osv. (ligesom IP-Anlæg). 

Hvad er dine forventninger til det nye website? 

Det ville være rart hvis nogen af de 16.000 besøgende også ringede til mig. 

At websitet kan give kunden kontakt til flere kunder. 

At websitet gerne skal have et smart/moderne udsende. 

Nutidigt design. 

Hvilke informationer skal man kunne finde? (referenceliste, kontaktside, 

arbejdsområder osv.) 

Ingen side omkring ledige jobs – foregår ved personligt fremmøde. 

81 | S i d e

Kontaktside med adresse og kontaktformel. Evt. med landkort. Kort må evt. 

gerne linke til samarbejdspartnere. 

Side om samarbejdspartnere (reklame for dem – de reklamerer for dig) 

Side om referencer 

Link til samarbejdspartnere i forbindelse med teksterne 

”Kontakt os for et uforpligtende tilbud” skal stå et sted på hjemmesiden. 

Har du, efter vores telefonsamtale, gjort dem nogle tanker om, hvordan det nye 

website skal udformes? 

Ikke andet end det vi allerede har talt om. 

Skal der være et billede af den enkelte medarbejder eller kun af chefen? 

Billede af chefen ved bil er fint 

Skal der være foto af firmabygningen på ”om firma” siden? 

Billede er firmabygning er fint 

Skal der være et kort over placering samt en kontaktformular på kontaktsiden? 

Ja, gerne 

GENERELT: 

Er der foretaget nogen former for analyser, som vi i forbindelse med hjemmesiden, 

kan drage nytte af? (målgruppe, værdier osv.) 

Nej, det er der ikke. 

Er der nogle specielle hjemmesider på internettet som du synes specielt godt om, 

og som vi kan lade os inspirere af? 

Han kan ikke huske nogen, men har lovet at kigge på det til næste gang vi ses. 

Med hensyn til menustruktur, hvad siger du så til disse punkter: 

82 | S i d e

Om firma/om os 

Referencer (bør indeholde navn, link på kunde samt billeder af projekt) 

Kontakt os 

Arbejdsområde 

Renovering 

Tilbygning 

Nybyggeri 

Osv. 

Priser (har i faste priser eller er de individuelle) 

Nyheder (har I nok nyheder til at have en dedikeret nyhedsside eller vil en lille 

kolonne være nok? 

Evt. sitemap i bunden 

Startside 

Ting der irriterer kunden: 

”Siden er under opbygning” – uprofessionelt – i gang med noget man ikke 

laver færdigt. 

83 | S i d e

Bilag 3: Tidsplan 

Projektets løbetid er fastsat til i alt 19 dage inkl. weekender, med deadline den 21. 

december 2011, kl. 12.00. 

De 19 dage, som er afsat til hele projektet, er delt ud således at: 

Analysefasen har fået tildelt i alt 7 dage. 

Designfasen har fået tildelt i alt 4 dage. 

Implementeringsfasen har ligeledes fået tildelt 6 dage. 

De resterende 3 dage, der er afsat til projektet helliges rapporten, idet den 

skal korrekturlæses og finskrives inden den skal afleveres. 

- Vi kunne ikke få den til at tælle weekenderne med! 

84 | S i d e

FORVENTET TIDSMÆSSIG BRUG: 

Med en fast mødetid fra kl. 8.00 til kl. 15.30 på alle hverdage er der afsat i alt 247 

mandetimer til projektet. 

14 dage * 6,5 timer (ekskl. pause) * 2 (antal medarbejdere) = 182 t. 

Dette svarer til 43.680,00 DKK (ekskl. moms) med en timeløn på 240 kr./t. (ekskl. 

moms) pr. medarbejder. Vi har valgt denne timeløn baseret på, at der er tale om et 

skoleprojekt. 

FAKTUELT TIDSMÆSSIG BRUG: 

Der blev reelt brugt 179,09 timer på projektet. 

Timerne er fordelt ud således: 

Chanett: 117,42 timer. 

Mette: 61,67 timer. 

Regnestykket kan ses i filen: Tidsskema.xslx 

85 | S i d e

Bilag 4: Rollebesætning 

ADIZE’S 

Vi har i forbindelse med gruppearbejdet foretaget Adizes personlighedstest 

vedrørende lederroller for at vurdere, hvilke komplikationer der kan opstå under 

gruppearbejdet, samt hvordan vi kompenserer for disse. Resultatet af testen blev, 

at der ifølge Ichak Adize er to producenter i gruppen. 

Fordelene ved Producenten er, at personerne oftest er iværksættere, der 

sørger for at få sat processerne i gang. De er engagerede og meget 

resultatorienteret, de kan derfor også betegnes som arbejdsheste, da de gerne 

arbejder hårdt for at opnå succes. Ulempen ved Producenten er, at de generelt kan 

være dårlige til at uddelegere opgaver til andre gruppemedlemmer. Sker det, at et 

gruppemedlem fx laver en fejl i forbindelse med en arbejdsopgave, foretrækker 

producenten ofte at lave tingene selv. De kan leve efter mottoet: ”selvgjort er 

velgjort”. Et motto, der kan føre til en virksomheds undergang, idet producenten 

påtager sig flere og flere opgaver, indtil de drukner heri. 

Da der er hele to Producenter i vores gruppe, hvoraf den ene er 

projektleder, er det derfor meget vigtigt, at vi arbejder ekstra hårdt med at 

uddelegere opgaverne og ikke er så kontrollerende eller dominante over for 

gruppemedlemmernes løsninger. I kampen for at opnå resultater har producenten 

også en tendens til at glemme at se fremad og i stedet koncentrere sig om de 

presserende ting, der påvirker gruppen her og nu. Manglen på fremsyn er et stort 

problem, som gruppen skal være ekstra opmærksomme på. 

Afsnit vedrørende Adizes test er baseret på følgende kilder: 

Projektstyring s. 153 

Web: http://www.apro-kom.dk/cm66/ (udvidet teori) 

86 | S i d e

Bilag 5: Testrapport 

Accepttest 

Vi fik defineret en målgruppe og udført en koncepttest bland 

målgrupperepræsentanterne. Vi fik udarbejdet et koncept, som vi via en 

rundbordsdiskussion, hvor alle kravene blev gennemgået, fik afprøvet og 

accepteret. 

Koncepttest 

Koncepttesten blev udført på repræsentanter fra målgruppen, som vi fandt i 

Vinderup by for at teste deres holdninger og forventninger omkring Ib Iversens 

tømrerfirma, samt mulige idéer til sitet og om det ville have en virkning på dem. 

Spørgsmålene blev udført som et kvalitativt interview, og nedenfor ses de 

vejledende spørgsmål til samtalen med målgrupperepræsentanterne 

Interview spørgsmålene kan ses hernede under: 

Hvor gammel er du? 

Hvor bor du? 

Er du gift? 

Har du børn? 

Hvad er din beskæftigelse? 

Har du nogen fritidsaktiviteter? 

Bor du i hus? 

Hvor meget bruger du på reparationer / ændringer af huset? 

Er du tilfreds med dit hus nuværende udseende, eller kunne den trænge til nyt 

liv? 

87 | S i d e

Har du på noget tidspunkt overvejet, at ansætte en håndværker til at ordne 

hus for dig? 

Hvilke arbejdsopgaver tror du, at en tømrer beskæftiger sig med? 

Har du hørt om Ib Iversens tømrer- og snedker firma? 

Hvilke medier bruger du i hverdagen? 

Bruger du internettet når du skal søge efter informationer? 

o Hvilken søgemaskine bruger du? 

o Hvad søger du hyppigst efter? 

Hvilket indhold forventer du at finde på en tømrers hjemmeside? 

Hvilke farver forbinder du med en tømrer? 

Hvad gør, ifølge din opfattelse, en hjemmeside behagelig at bruge? 

Er der nogle bestemte funktioner, som du finder specielt vigtige på et 

website? 

Synes du at Ib Iversens nuværende hjemmeside virker troværdig? 

Hvad skal der til, for at du synes en hjemmeside er troværdig generelt? 

Hvilken hjemmeside opsætning, synes du er bedst? 

Tekniske foranstaltninger 

Hvilken browser benytter du oftest, når du søger på internettet? 

Hvilken version af din browser bruger du? 

Hvilken skærmopløsning bruger du? 

Hvilken farvedybde bruger du? 

Hvilket operativsystem bruger du? 

Hvor ofte bruger du din mobiltelefon til at surfe på internettet? 

Har du den nyeste version af Flash Player? 

Har du slået af Flash Player fra? 

Har du slået cookies fra? 

Hvor hurtig er din internetforbindelse? (Mbit/sek) 

88 | S i d e

Den Første Brugertest 

Målgruppens krav (udover de allerede nævnte krav): 

Der skulle være mere detaljerede informationer og gerne flere billeder. 

”Projektgalleriet” måtte gerne deles op i flere kategorier. 

Farverne måtte gerne være lidt stærkere, mere kraftfulde – ikke lige så blege 

og flade som på 123hjemmesiden. 

Gæstebogen skulle enten holdes opdateres eller fjernes helt. 

Besøgstælleren, som tæller antal klik og ikke antal besøg, skal fjernes – den er 

irriterende. 

Teksten på websitet måtte ikke være skrevet med en alt for lille skrifttype. 

Farverne kunne være brune, beige, gule, orange, blå, grønne, rød, grå 

Vi henviser evt. til lydfiler samt udfyldte skemaer i mappen: Målgruppeanalyser 

Prototypetest 

Ud fra de resultater vi havde samlet sammen efter koncepttesten, udviklede vi en 

række roughs ud fra disse, som vi efterfølgende testede på kunden og enkelte 

målgrupperepræsentanter. 

De skulle vælge imellem forskellige skitser, hvilke designmuligheder for opstilling af 

et website, de bedst kunne lide og som de fandt bedst overskuelig. 

89 | S i d e

Disse kan ses her 

forneden: 

90 | S i d e

91 | S i d e

92 | S i d e

Designtest 

Ud fra de forskellige rough der blev testet i prototypetesten, udviklede vi hver et 

mock up, som efterfølgende blev testet på vores målgruppe og afsluttende vores 

kunde, som jo har det sidste ord at sige. 

Målgruppen var meget glad for begge designs, og kunne lide det enkelte og 

overskuelige design, hvor Ib tog den afgørende beslutning og valgte mock up 

nummer 3. Mock ups kan ses her forneden: 

Nr 1A 

Nr. 2A 

93 | S i d e

Nr. 2B 

Nr. 3A 

94 | S i d e

Nr. 4A 

95 | S i d e

Systemtest 

Denne test blev foretaget for at teste om alle funktionerne på siden, i forbindelse 

med det tekniske bag siden, virkede som den skulle. 

Her skulle der testet, og brugerne blev sendt videre til de rigtige steder når de 

klikkede på alle links på siden, samt om kontaktformularen fortæller de rigtige ting, 

hvis en bruger har glemt at udfylde tomme felter. 

Ligeledes blev den vigtigste funktion for Ib, som kun han har adgang til testet. Vi har 

oprettet et bruger loginsystem, så han har mulighed for at tilføje og slette billeder 

fra hans side under ”Inspiration” fra hans tidligere projekter. 

Alt virkede efter hensigten og vores kunde var meget tilfreds. 

Den Afsluttende Brugertest 

Vi har foretaget en afsluttende brugertest på Ib Iversens nye website, så vi kunne få 

et indblik i målgruppens opfattelse af forbedringerne og om de havde virket efter 

hensigterne. 

Testen blev gennemført på nogle de samme personer, som vi brugte til at foretage 

den første brugertest på. Ved at bruge de samme testpersoner kan man holde 

resultaterne op mod hinanden og få et mere nøjagtigt resultat, hvor man kan 

konkludere hvorvidt målgruppen rent faktisk har ændret synspunkt. 

Ud fra testresultaterne kan vi konkludere at forbedringerne har virket ud over al 

forventning. Testpersonerne mente følgende: 

At websitet nu fremstår som værende mere professionel, troværdig og 

tillidsvækkende. 

At Ib Iversen nu virker til at være en tillidsvækkende person, som virkelig går 

op i kvalitet og kundens tilfredshed. 

96 | S i d e

At websitet på trods af de forskellige typer af elementer stadigvæk er 

overskueligt. Dels pga. de valgte menu navne og dels fordi vi kun har 

implementeret to menu niveauer. Det var let for dem alle at finde rundt på 

websitet. 

At de nye mere detaljerede oplysninger faldt i god jord. Der blev bl.a. sagt: 

”Det er rart at få noget brugbar information i stedet for den lidt mangelfulde 

tekst de har på deres anden hjemmeside”. 

At billedmaterialet gav dem et rigtig godt indtryk af hvad Ib kan som fagmand. 

At Ib fremstod som værende mere troværdig og tillidsvækkende idet der bl.a. 

var billeder af Ib selv samt et billede af virksomheden på firmaprofilen. 

At videosekvensen var en god lille præsentation af websitet – nogle 

testpersoner kunne dog godt have tænkt sig at den var på forsiden. Denne 

mulighed havde vi dog tænkt igennem, men vi følte at det ville være et 

generende element i stedet for et effektivt element. Derfor placerede vi den i 

firmaprofilen. 

At det store forsidebanner på forsiden helt klart talte til Ibs fordel. De syntes 

alle det var dejligt at få en lille forsmag allerede på forsiden – og det at man 

ikke nødvendigvis skal ind og lede på undersiderne først for at finde 

billederne. 

At citaterne virkede godt – det gjorde firmaet mere troværdigt. Én stillede dog 

spørgsmålstegn ved dem, idet testpersonen mistror den type for reference – 

”..det kunne jo være mester selv, der opfandt dem.” Det er jo rigtigt nok – 

man kan aldrig være sikker, men i dette tilfælde er det altså kunders egne ord. 

97 | S i d e

At menuen indeholdt punkterne ”Referencer” og ”Inspiration” var en rigtig 

god idé, som de følte de savnede lidt på kundens 123hjemmeside. 

At en liste over samarbejdspartnere var en rigtig god idé og at den var 

placeret et godt sted (under ”referencer”). 

At de små ”titel-bokse” på undersiderne gav et godt indtryk af hvad de 

enkelte undersider handler om. De synes det var en god idé fordi det sparer 

dem for at skulle læse gennem hele undersiden. Derudover synes de også at 

elementer passede godt ind i designet. 

At han virkede mere ”med på noderne” når han havde både en Facebook side 

og en YouTube kanal. De ville ikke udelukke henvendelse til firmaet via de 

sociale medier. 

At ”Ring mig op” funktionen var rigtig smart. De havde ikke set sådan en før – 

så stort set dem alle syntes det var et godt påfund. 

Sidst – men ikke mindst – at alle testpersoner var meget mere trygge ved at 

skulle ansætte Ib til et byggeprojekt. De fleste følte ikke længere et behov for 

at kende til ham først, hvilket i sig selv er det bedste resultatet man kan opnå 

– for det giver forhåbninger om, at Ib vil opnå en forøgelse i kundekontakten! 

Som vi efterhånden kan konkludere har vores undersøgelser og kamp for at opfylde 

alles behov og ønsker båret frugt. Ib Iversen opfattes nu som den troværdige, 

kvalitetsbevidste, servicemindede og tillidsvækkende person. Man kan derved 

konkludere at der er harmoni mellem Identitet, Image og Ethos! 

98 | S i d e

Bilag 6: Spørgeskema 

Målgruppe interview 

Demografi & Geografi 

Køn: 

Alder: 

Bopæl: 

Civilstatus: Gift Fraskilt Separeret Samlever 

I forhold Single 

Har du børn? Ja Nej 

(Hvis ja…) 

Hvor mange børn har du? 

Hvor gamle er de? 

Hvor mange af dine børn er hjemmeboende? 

Hvor mange af dine børn er udeboende? 

Hvor mange personer bor der i husstanden? 

Beskæftigelse 

Hvilken virksomhed/offentlig instans er du ansat hos? 

Hvilken stilling har du? 

Hvor i landet arbejder du? 

99 | S i d e

Har du skiftende arbejdstider? (dagvagt/aftenvagt/nattevagt) 

Hvor meget vil du mene at du har af indkomst årligt? 

Under 100.000 kr. 

200.000 ~ 300.000 kr. 

300.000 ~ 400.000 kr. 

400.000 ~ 500.000 kr. 

Over 500.000 kr. 

Interesser 

100.000 ~ 200.000 kr. 

Har du nogen fritidsaktiviteter? (Hvis ja, hvilke?) 

Bor du i eget hus? 

huset for dig? 

Hvor meget tid bruger du på istandsættelse om året? 

Er du tilfreds med husets nuværende tilstand (hvorfor/hvorfor ikke)? 

Har du på noget tidspunkt overvejet, at ansætte nogen til at istandsætte 

(Hvorfor/hvorfor ikke?) 

Står du selv for istandsættelsen eller kontakter du fagfolk? 

Hvornår kunne du forestille dig at du vil få brug for en bygningstømrer? 

Kender du nogen, der har fået istandsat/renoveret sit hus af professionelle 

fagfolk? (Hvor?) 

100 | S i d e

Hvilke fagfolk tror du beskæftiger sig med renovation m.v.? 

Hvilke arbejdsopgaver tror du, at en bygningstømrer beskæftiger sig med? 

Kan du på stående fod nævne nogle Tømre- og Snedkerfirmaer? (Hvis ja. Hvilke?) 

Har du hørt om ”Ib Iversens Tømrer- og Snedkerfirma” i Vinderup? 

Medier 

Hvilke medier bruger du i hverdagen? (sæt gerne flere krydser) 

Ugeblade 

Mobiltelefon 

Hvad bruger du dem til? 

Bøger Aviser Magasiner 

Radio Computer TV 

Andre? (hvilke) 

Bruger du internettet når du skal søge efter informationer eller inspiration? 

hyppigst efter?) 

(Hvis ja, hvilken søgemaskine bruger du? Og hvad søger du 

Bruger du andre kilder end internet, når du søger efter information og inspiration? 

Ser du nogle af følgende programmer (hvorfor/hvorfor ikke?) 

Klamhuggerne 

Fra skrot til slot 

Hammerslag 

Kender du typen 

Gør-det-selv programmer 

101 | S i d e

Ekstrem hjemmeservice 

Hvilken type programmer kan du godt lide at se? (kan du give eksempler) 

Sociale medier 

Har du en profil på Facebook? (Hvorfor/hvorfor ikke?) 

Hvis nej! 

Hvad skal der til for at du vil oprette en profil? 

Hvis ja! 

Hvad bruger du profilen/profilerne til? 

Besøger du firmaprofiler på Facebook? (hvorfor/hvorfor) 

Søger du information omkring firmaer på Facebook? 

Deltager du i konkurrencer og events m.v. inde på Facebook? (hvorfor/hvorfor 

ikke) 

Hvis nej. Hvad skal der til for at du vil deltage i disse events/konkurrencer? 

Har du nogensinde inviteret dine venner til en begivenhed, gruppe eller side? 

(Hvorfor/hvorfor ikke?) 

Har du nogensinde delt et link eller en side? (Hvorfor/hvorfor ikke?) 

Har du anbefalet Facebook til nogle i din omgangskreds? (hvorfor/hvorfor ikke? 

Og til hvem?) 

102 | S i d e

Kunne du forestille dig at bruge Facebook i forbindelse med arbejdet? 

(hvorfor/hvorfor ikke?) 

Website 

Hvilket indhold forventer du at finde på en bygningstømrers hjemmeside? (Giv 

eksempler) 

Skal der være noget udover tekst? (Giv eksempler?) 

Hvilke farver forbinder du med tømrerfaget? 

Hvad gør, ifølge din opfattelse, en hjemmeside behagelig at bruge? 

Er der nogle bestemte funktioner, som du finder specielt vigtige på en 

hjemmeside? 

Hvad synes du om Ib Iversens nuværende hjemmeside? (specificér) 

Synes du at Ib Iversens nuværende hjemmeside virker troværdig? 

(Hvorfor/Hvorfor ikke?) 

Hvad skal der til, for at du synes en hjemmeside er troværdig generelt? (giv gerne 

flere eksempler) 

Holdninger 

Hvad er din politiske holdning? (hvorfor) 

Hvis du kunne få billigere arbejdskraft fra Polen, Tyskland el. lign. Ville du så 

vælge det? 

103 | S i d e

Ville du have tillid til Polske og Tyske arbejdere samt andre med anden baggrund 

end dansk? (hvorfor/hvorfor ikke?) 

Hvad er din holdning til sort arbejde? (specificér) 

Har du selv modtaget betaling for sort arbejde? 

Tekniske Informationer - (spørgsmålene kan være svære – men vi ønsker flest 

mulige besvaret ) 

Hvilken browser benytter du oftest, når du søger på internettet? 

Internet Explorer Mozilla Firefox Google Chrome 

Safari Opera 

Hvilken version af din browser bruger du? 

Den nyeste version Den forrige version Ved det ikke 

Hvilken skærmopløsning bruger du? 

1024x768 1280x800 1280x1024 1366x768 

anden (hvilken) 

Hvilken farvedybde bruger du? 

8 bit 16 bit 24 bit 32 bit 

Hvilket operativsystem bruger du? 

Windows 7 Windows Vista Windows XP 

Windows 2003 Mac OS X Linux 

Anden (hvilken) 

Hvor ofte bruger du din mobiltelefon til at surfe på internettet? 

Flere gange i ugen Flere gange i måneden 

104 | S i d e

Meget sjældent Aldrig 

Har du den nyeste version af Java? Ja Nej Ved ikke 

Har du slået Java fra? Ja Nej Ved ikke 

Har du den nyeste version af Flash Player? Ja Nej 

Ved ikke 

Har du slået af Flash Player fra? Ja Nej Ved ikke 

Har du slået cookies fra? Ja Nej Ved ikke 

Hvor hurtig er din internetforbindelse? (Mbit/sek) 

105 | S i d e

INDHOLDSFORTEGNELSE - CK Designs

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

Delete template?

Save as template?