Rapport 3, 2.Semester (.pdf)

Design & Interaktion, efteråret 2006 Frans, Linda, Michael, Morten og Steffen 

0


Indholdsfortegnelse 

INDLEDNING_______________________________________________________ 2 

PROBLEMFORMULERING __________________________________________ 3 

DISPOSITION _______________________________________________________ 3 

DESIGNPART ______________________________________________________ 4 

NAVN ____________________________________________________________ 4 

LOGO_____________________________________________________________ 4 

BRAND HIERARKI ____________________________________________________ 6 

STJERNEANALYSE ___________________________________________________ 6 

Tradition________________________________________________________ 6 

Trend___________________________________________________________ 7 

Situation ________________________________________________________ 8 

WEBSITE DESIGN ____________________________________________________ 8 

DELKONKLUSION ____________________________________________________ 9 

INTERAKTION ____________________________________________________ 10 

SYSTEMUDVIKLINGSMETODE __________________________________________ 10 

WPS ____________________________________________________________ 11 

Version Kontrol__________________________________________________ 11 

Distributions Liste________________________________________________ 11 

Introduktion_____________________________________________________ 11 

Projekt Målsætninger _____________________________________________ 11 

Succes Kriterier__________________________________________________ 12 

Sitemap________________________________________________________ 12 

Funktionelle specifikationer, use cases og scenarios ______________________ 12 

Tekniske specifikationer____________________________________________ 14 

KONKLUSION_____________________________________________________ 17 

KILDELISTE ______________________________________________________ 19 

BILAGSOVERSIGT_________________________________________________ 20 

1


Indledning 

En meget vigtig del af et hvert brands identitet, er det visuelle udtryk. Ofte er det nemlig 

det, forbrugeren ser, der printer sig bedst fast i hukommelsen. Netop derfor er der vigtigt, 

at virksomheder udvikler et brands visuelle profil med stor omhu. Alle elementer lige fra 

font, form og farve til webdesign og stilart sender nogle signaler ud om brandet. 

Hvilke signaler man ønsker at sende, afhænger meget af brandets rolle, placering og 

identitet. Ønsker man at signalere lav pris, trendy stil eller avanceret teknologi? Alle 

kategorier har sine normer og traditioner. I dag er det dog også væsentligt, at kunne skille 

sig ud fra mængden. Der findes millioner af brands verden over og hvis man ønsker at 

blive genkendt i mængden, kræver det en hel unik identitet – og en stor pose penge. Det 

er nemlig meget omkosteligt både at få lavet en god visuel identitet og samtidig få den 

kommunikeret ud. Og når man først har gjort målgruppen bekendt med et logo, er det 

meget besværligt og ikke mindst omkosteligt at ændre det. 

Internettet er et væsentligt værktøj, når man skal kommunikere et brands visuelle identitet 

ud. Her har man mulighed for at skabe det univers, som brandet befinder sig i. 

Målgruppen kan på den måde få et bedre billede af den verden og de værdier brandet står 

for. 

2


Problemformulering 

Vi er nu nået til det punkt, hvor vi skal udvikle den visuelle identitet og kampagnesitet for 

Kauw. Vi vil besvare følgende spørgsmål: 

Visualisering 

• Hvorfor har vi valgt navnet ”Kauw”? 

• Hvordan skal logoet se ud og hvorfor? 

• Hvordan ser et traditionelt website ud inden for branchen? 

• Hvordan er trenden inden for websites i dag? 

• Hvordan skal Kauws kampagnewebsite udformes? 

Interaktion 

• Hvilken systemudviklingsmetode skal vi vælge? 

• Hvilke tekniske og funktionelle krav skal der være til sitet? 

Disposition 

Vi vil starte med at gøre rede for vores valg af navn, hvor vi tager udgangspunkt i Olins 6 

navnetyper. Derefter vil vi kigge på vores logo, som vi har valgt at ændre i forhold til 

sidste opgave. Vi vil bl.a. kigge på, hvordan vores konkurrenters logoer ser ud: hvilken 

farve, font og form de bruger mm. 

Da brands kan være meget forskellige, vil vi bl.a. se på hvilken type brand Kauw er og 

hvor det skal placeres i brandhierarkiet. 

Ved hjælp af stjerneanalysen vil vi undersøge hvordan tradition og trend er inden for 

webdesign i dag. Vi vil ligeledes kigge på hvilken situation brugeren befinder sig i, når 

hun klikker sig ind på Kauws kampagnesite. Ud fra dette vil vi beskrive, hvordan 

webdesignet på Kauws kampagnesite skal være. 

Den sidste del af rapporten omfatter interaktionen på sitet. Vi vil her beskrive og vælge 

systemudviklingsmetode og udvikle en WPS for sitet. I WPS’en vil vi bl.a. komme ind på 

målsætninger, sitemap samt tekniske og funktionelle specifikationer til websitet og use 

case og scenarios. 

3


Designpart 

Navn 

At finde et godt brandnavn er en vigtig del af den visuelle identitet. Olin har identificeret 

6 forskellige typer af navne 1 , som kan være en hjælp, når man skal finde et brandnavn. 

Vi prøvede først at lege med Pilgrims og Jens of Sweden’s navne, men vi syntes ikke, der 

kom noget interessant ud af det. Derfor valgte vi kort og godt at finde et navn, som lød 

unikt og som så lidt anderledes ud. Vi fandt på navnet Kauw. Det lyder lidt skørt, men 

indeholder alligevel nogle værdier, som hænger sammen med brandets identitet. Kauw 

lyder som ”cow”, som er et kendt element fra vores verden. Men det ligner ikke et ord fra 

vores verden. Vi kombinerer vores verden med en anden verden. 

Men en ting er at finde det rette navn, noget andet er at udforme det til et logo, der kan 

huskes og genkendes af målgruppen og som udtrykker den rette identitet for Kauw. 

Logo 

Vi startede med at kigge på hvordan forskellige udbydere af mp3-afspilleres logoer ser 

ud 2 . En generel tendens er farven blå, samt at bruge sans serif og majuskler. 

I forbindelse med udarbejdelse af vores logo, har vi alle udviklet nogle forskellige 

forslag 3 . 

Ud af alle disse forslag er vi kommet frem til et design, som vi sammen har forbedret 

gennem diskussion i gruppen. 

1) 

Dette logo var det der blev udvalgt til at blive vores endelige udtryk. Vi var dog ikke helt 

tilfredse. Den mørke nuance i ”u” gav ikke den ønskede effekt og vi mente ikke, at man 

1 Se bilag 1 

2 Se bilag 2 

3 Se bilag 3 

4


ville kunne læse, at der faktisk stod Kauw, men måske ville forveksle det med Kauuu. 

Der var enighed om at holde logoet i minuskler og i grotesk-familen. Fonten hedder 

Moderna. 

2) 

Næste forslag var at markere ”u” med en hvid bue så man kunne se forskellen på ”u” og 

”w”. Det virkede godt, men vi synes stadig at logoets farve var for lys. Vi lavede 4 nye 

farveforslag 4 , hvor der også blev prøvet med en blå og lilla farve. 

3) 

Det endelige logo kom til at se således ud. Vi har beholdt buen i ”u”, men gjort farven 

mere mørkerød. Farven indikerer noget feminint, uden at det tegner et ”drømmeunivers” 

så som Barbie. 

Hex kode 

#b72827 

• Minuskler 

• Grotesk (Sans Serif) 

• Font link: http://www.dafont.com/font.php?file=moderna 

4 Se bilag 4 

CMYK 

C: 0 % 

M: 99 % 

Y: 100 % 

K: 0 % 

RGB 

R: 237 

G: 32 

B: 36 

Pantone 

180c 

5


Brand hierarki 5 

Vi ønsker at Kauw skal være et selvstændigt rangebrand, der ikke har nogen direkte 

tilknytning til partnerne. Dette gør vi, for at kunne lave et unikt brand, der ikke er pålagt 

nogle værdier fra hverken Pilgrim eller Jens of Sweden. Både design, identitet og pris er 

meget anderledes fra Pilgrim. Pilgrim signalerer billig pris og middel kvalitet. Vi ønsker 

ikke, at disse værdier skal indvirke i Kauws identitet. På den anden side vil det heller ikke 

skade/ændre Pilgrims image, hvis Kauw skulle blive en fiasko. 

Stjerneanalyse 

Stjernemodellen 6 består af to trekanter. Den trekant der består af punkterne: hensigt, 

ressourcer og mål, har vi gennemgået i de to forrige rapporter. Derfor vil vi her 

udelukkende se på den anden trekant, der består af punkterne tradition, trend og situation. 

Tradition 

Vi har lavet noget research på, hvordan hjemmesider fra forskellige udbydere af mp3- 

afspillere ser ud. Det er væsentligt at vide, hvordan disse sider typisk ser ud og hvad 

brugeren forventer, når han/hun klikker sig ind på siden. 

De sider vi har undersøgt er 7 : 

• Creative - http://www.creative.com/products/welcome.asp?category=213 

• Frontier Labs - http://www.frontierlabs.com/ 

• Samsung - http://www.samsung.com/dk/products/portabletvav/mp3player/index.asp 

• Apple - http://www.apple.com/dk/itunes/ 

Vi kan ud fra disse eksempler se, at de fleste udbydere af mp3-afspiller er meget 

produktfokuserede. Man ser sjældent personer på siden. Afspilleren ses fra flere vinkler 

og ofte i flere farver. Siderne er bygget op i kasser, især kasser med bløde hjørner. Blå er 

en gennemgående farve (IBM-farven). 

5 Se bilag 5 

6 Se bilag 6 

7 Se bilag 7 (screenshots) 

6


Fonten er af typen sans serif. Der er ikke ”fødder” på og skriften er meget ren og enkel. 

Flere af siderne bruger overvejende majuskler i overskrifter, logo mm. f.eks. Samsung og 

Frontier Labs. 

Navigationen er på alle sider nem og overskuelig. Der er en menu øverst på alle siderne 

på nær Apples, hvor den er i bunden. 

Siderne er meget informationsrige, men indeholder meget lidt oplevelse for brugeren. På 

Apples side kan man hente musik og på Frontier Labs’ side, kan man prøve at navigere i 

mp3-afspillerens menu. Udover dette er der ikke mulighed for anden interaktion. 

Trend 

Vi vil nu se på hvad trenden er inden for forskellige sider i dag. Vi har undersøgt 

følgende sider 8 : 

• SHARP - http://www.sharp-kameyama.com/ 

• Diesel Heaven - http://www.diesel.com/campaigns/aw06/ 

SHARP, som bl.a. producere fjernsyn har lavet et site, som er meget oplevelsesorienteret. 

Man ser et univers, bestående af naturrige øer, der flyder rundt og som man kan navigere 

imellem. Der er hele tiden rolig musik i baggrunden. Det skaber en stemning hos 

brugerne, som de sikkert vil huske næste gang de hører om SHARP. 

Et andet site vi har kigget på, er en kampagneside for Diesel. Her er der, ligesom ved 

SHARP, fokus på universet man befinder sig i. Brugeren skal opleve og involveres frem 

for at informeres. 

Vi har på samme måde undersøgt andre hjemmesider på nettet og fundet ud af, at det 

fortrinsvist er dem, der er oplevelsesbaserede, der er mest populære. F.eks. kan man på 

sitet www.thefwa.com se nogle af de flotteste og mest populære hjemmesider og de 

fokusere alle på at give de besøgende en god oplevelse. 

Vi ser derfor en tendens til, at gøre især kampagnesites oplevelsesorienterede, hvilket vi 

derfor også vil gå efter. 

En ulempe ved de websider vi har undersøgt er, at man godt kan være lidt i tvivl om hvad 

produktet er. Vi mener ikke, at produktet er ligegodt velintegreret på alle oplevelses- 

sitene. Dette vil vi selvfølgelig prøve at gøre bedre. 

. 

8 Se bilag 8 (screenshots) 

7


Situation 

De brugere der lander på Kauws kampagnesite, har enten trykket på banneret, eller de har 

set en reklame for Kauw og er derigennem blevet informeret om sitet. Både banner og 

reklame hænger åbenlyst sammen (design- og universmæssigt) med kampagnesitet og 

skaber derved en helhed for forbrugeren. 

Når brugeren er inde på Kauws kampagnesite, er de typisk hjemme hos dem selv, hvor de 

har tid til at udforske siden. Måske har de set siden tidligere, men ønsker at gå mere i 

dybden med den. 

Website design 

Da Kauw er et helt nyt brand uden direkte tilknytning fra de bagved liggende partnere, er 

der ikke nogle specifikke retningslinier vi skal følge. Vi er dog opmærksomme på, at det 

er den samme visuelle stil, der skal gå igen, f.eks. i brevpapir, annoncer mm. 

Det vi vil bruge fra de traditionelle sider, er fonttypen sans serif og den nemme og 

overskuelige navigationen. 

Vi vil undgå de tunge informationer og i stedet ligge vægten på oplevelsen ved sitet. Da 

Kauw er et forholdsvist nyt produkt, vil der dog være noget produktinformation at finde. 

Vores website design skal udformes på følgende måde: 

Vores ”bund” består af et græslandskab. I dette landskab vil der blive placeret mange 

forskellige elementer, f.eks. en bus, en sofa og en statue. Disse elementer kan brugeren 

interagere med, ved at trykke på dem. Det er meningen, at de ting vi placerer i universet, 

er ting, som målgruppen kan identificere sig med. På den måde er universet på samme tid 

både nyt og genkendeligt, idet de genkendelige ting er placeret i en ny sammenhæng. 

På ”himlen” hænger der lianer ned og små kolibrier flyver rundt i billedet, for at skabe liv 

og for det ikke skal virke ”dødt” og sterilt. 

Øverst til højre ligger menuen. Det er meningen, at når man trykker på et link i menuen, 

vil landskabet flytte sig glidende til den ene side og ny ”content-boks” kommer frem. På 

den måde vil landskabet hele tiden skifte og det kommer ikke til at virke kedeligt. 

Der vil også være musik på siden. Det er roligt ambient musik, som er med til at skabe 

den rette stemning på siden. Lyden kan selvfølgelig slås til/fra. 

8


Delkonklusion 

Vores fokus på den kvindelige målgruppe gjorde, at vi gik væk fra det traditionelle design 

indenfor elektronik logoer. Det eneste vi holdte os til, var font familien grotesk. Havde vi 

ikke kigget på andre logodesigns, var vores stilretning måske blevet forkert, hvilket vores 

målgruppe nok havde reageret på negativt. 

Vores navn, Kauw, er let at læse og udtale på næsten alle sprog, da det ligger op af 

udtalen for det engelske ”cow”. Det associerer sig ikke med noget specielt og der er ikke 

registret noget domænenavn eller taget patent på Kauw. Vi mener derfor, at navnet er 

perfekt til vores produkt. 

Gennem research af andre virksomheder har vi fundet ud af, hvad der er tradition og 

trend inden for hjemmesider i dag. Vi mener, sitet vil blive mere interessant, når man kan 

opleve noget på det. Målgruppen skal fortrylles og ikke kun have kolde facts smidt i 

hovedet. De vil få øje på vores univers og føle det vigtigt, at få vores produkt, der gerne 

skulle give dem den samme følelse, som når de er på vores site. 

9


Interaktion 

Systemudviklingsmetode 

I mangel af nogle fælles regler for systemudvikling indenfor IT-verdenen, er der stadig 

nogle måder, hvor man kan sætte dette op, så man er enige om, hvilken retning man skal 

gå i et udviklingsprojekt. Der er 2 måder hvorpå man kan udvikle systemer. Den 

traditionelle metode og prototyping. Den traditionelle metode benyttes ved, at man 

definerer problemerne og identificer forskellige løsningsmodeller sammen med kunden. 

Man er på et overordnet plan, hvor kunden kan være med. Man går ikke ned i teknikken. 

Når alt dette er klaret, begynder udviklingen og implementeringen. Når det hele er 

færdigt, får kunden produktet og det eneste arbejde der så foreligger, er vedligeholdelse, 

samt at lave mindre tilrettelser. 

Prototyping er en mere udviklet måde, at få alle kundens ønsker og idéer implementeret i 

designet, inden man har lavet hjemmesiden. Gennem prototyping kommer kundens 

ønsker og krav frem og bliver visualiseret. Men fordi kunden i bund og grund ikke kender 

slutresultatet, er det afgørende, at udvikleren får en masse ting at vide fra kunden gennem 

samtaler og konkret fremstilling med hjem. Dette sparer tid, da kunden er med igennem 

hele processen og kan komme med inputs fra start til slut. Slutresultatet bliver bedre og 

kunden får det, kunden gerne vil have. 

Vi har gennem samtale og rapporter udviklet vores produkt sammen med ”kunden”. Via 

prototypes (rapporter og billeder) har vi fået indsnævret projektet, til det faktiske produkt 

vi står med nu. 

10


WPS 

Version Kontrol 

Version Dato Navn Beskrivelse 

1.0 02.11.06 Michael Madsen 1ste udgave 

1.1 06.11.06 Michael Madsen Tilføjet Sitemap og Funktionelle 

Specifikationer 

1.2 07.11.06 Michael Madsen Tilføjet Tekniske Specifikationer 

1.3 08.11.06 Linda Larsen Ændring af sitemap 

1.4 10.11.06 Michael Madsen Færdiggørelse 

Distributions Liste 

Navn Firma Stilling Distributions Krav 

Inka Dullerdas Jens of Sweden Marketingschef 1ste godkendelse 

Bjarne Tullelin Pilgrim A/S Marketingschef 1ste godkendelse 

Kauw Kauw Web-designer, 

Projekt Manager 

Orientering 

Michael Koch Lærer Orientering 

Elisabeth Agerbæk Lærer Orientering 

Introduktion 

Dette dokument indeholder/dokumenterer oplysninger og data om projektets 

målsætninger, kriterier, sitemap, storyboard, tekniske specifikationer og funktionelle 

specifikationer. 

Dokumentet vil løbende blive opdateret i henhold til vores klienters ønsker og krav til 

deres hjemmeside. 

Udover klienternes ønsker, har vi forbehold til ændringer af dokumentet. 

Vi vil imødekomme kundens specifikke ønsker og krav til produktet, på den mest 

professionelle måde. 

Projekt Målsætninger 

Vores målsætninger med produktet er følgende: 

11


• At udarbejde et oplevelses-site, der henvender sig til Kauws målgruppe. 

• Sitet skal indeholde forklarende /uddybende produktinformation. 

• At få brandet Kauw promoveret. 

• At vise Kauws univers og de værdier der omgiver Kauw. 

Succes Kriterier 

• At vi leverer produktet til Jens of Sweden og Pilgrim A/S indenfor den givne 

tidsramme. 

• At opnå et besøgstal på 10.000 – 20.000. 

• At levere en stabil hjemmeside, som kan køres på en almen computer. 

• At sikre hjemmesiden er nem at vedligeholde, uden brug af flash. 

Sitemap 

Funktionelle specifikationer, use cases og scenarios 

Splash er det første vindue, som kommer til syne, når man kommer ind på sitet. Fra 

Splash åbner vinduet i ny browser og fra der kommer man indtil forsiden, hvor man kan 

se menuen til Univers og Kauw. 

12


Siden er designet i Flash og Photoshop. Kodningen sker med ActionScript, Classes, 

Javascript og XML. Udover det bruges der CSS til tekstformateringen. 

Siden er konstrueret så det giver brugeren er oplevelser frem for at give en masse 

information. Derfor vil siden være designet med mange movieclips og sjove interaktive 

funktioner. 

Designet er holdt så naturlig som muligt, men med et mixture af den dagligdag vi lever i. 

Use case 

Use cases udspecificerer de funktioner som systemet tilbyder brugeren (set fra brugerens 

perspektiv). 

Scenarios 

Splash 

• Brugeren ser splash-siden. 

• Brugeren trykker på knappen og sendes videre til kampagnesitet. 

Forside 

• Brugeren ser forside med knapperne: Forside, Univers, Kauw. 

• Brugeren ser shout-out boks, med kommentarer fra tidligere gæster på siden (ikke 

funktionel). 

• Brugeren ser de seneste nyheder fra Kauw. 

Univers 

Brugeren: 

• Brugeren klikker på knappen ”Univers”. 

• Siden glider hen til univers-siden. 

• Brugeren sammensætter sit eget Kauw-armbånd, for at se de forskellige farver og 

modeller (ikke funktionel). 

Kauws hjemmeside: 

Splash 

Univers 

Forside 

Kauw 

13


Kauw 

• Brugeren læser om de sjove oplevelser Kauw har givet andre brugere og fortæller 

sin egen historie (ikke funktionel). 

• Brugeren trykker på forside-knappen og glider tilbage til forsiden. 

• Brugeren klikker på knappen ”Kauw”. 

• Siden glider hen til Kauw-siden. 

• Brugeren læser om og ser produktet. 

• Brugeren ser på kortet, hvor hun kan købe Kauw (ikke funktionel). 

• Brugeren trykker på forside-knappen og glider tilbage til forsiden. 

Interaktions features (ikke funktionelle) 

Sitet vil have forskellige features, der giver brugeren nogle overraskelser, når de er på 

sitet. Alene ved at føre musen rundt, får de små detaljer, der giver et smil på læben og 

lysten til at finde flere features. 

Ved mouseover: 

• Antennerne på fjernsynet blinker. 

• Lygtepæl tænder ved opstart, springer pærerne. 

• Den ene frø kvækker og den anden hopper i dammen. 

• Blomsterne foran stakittet vokser og bevæger sig. 

• Bussen dytter og taget slås tilbage til en cabriolet. 

• En kat springer op på ryggen af sofaen og går lidt, springer ned bagved 

sofaen. 

• Æbler falder ned og rammer græskar, der triller ned til sofaen og forsvinder. 

• Telefonboks ringer. 

• Statuen drejer en omgang om sig selv. 

• Postkassen bliver fyldt ud med post. 

Tekniske specifikationer 

Skærm oplysninger, farve dybde: 

14


Siden er på 1200*768 pixel, da vores site er ”up to date”, hvilket vores målgruppe også 

er. Det er ikke en nødvendighed, at brugeren har så stor en opløsning, da hovedparten af 

siden er synlig i 1024*768-opløsningen. 9 

2006 Higher 1024x768 800x600 640x480 Unknown 

July 19% 58% 17% 0% 6% 

January 17% 57% 20% 0% 6% 

Farvedybden er sat til 32bit (16 millioner farver), da denne er langt den mest udbredte 

blandt brugere på nettet. 10 

2006 16,777,216 65,536 256 

January 81% 16% 3% 

Operativ System: 

Da Windows XP bliver brugt af over 75 % af brugere, vil funktionerne på sitet blive 

udviklet efter XP’s standarder. 11 

2006 WinXP W2000 Win98 WinNT W2003 Linux Mac 

September 75.6% 9.2% 1.4% 0.3% 2.0% 3.5% 3.8% 

August 75.2% 10.1% 1.4% 0.3% 2.1% 3.5% 3.6% 

July 74.3% 10.1% 1.5% 0.3% 2.0% 3.4% 3.6% 

June 74.1% 10.6% 1.6% 0.3% 2.0% 3.4% 3.6% 

CPU / RAM: 

Da sitet bliver udviklet til, at skulle køres i Windows XP og med Flash Player, anbefaler 

vi følgende computer kraft: 

• Intel Processor med MMX teknologi, 500MHz eller mere. 

• 256MB Ram, eller mere. 

Video / Lyd: 

Som lydformat vælger vi at bruge MP3-format. For at undgå rettighedsmæssig 

beskyttelse benytter vi gratis musikmateriale på nettet. Derudover vil MP3 musikken 

blive streamet via sitet, for at undgå høj download krav. Video formater bruges ikke. 

9 http://www.w3schools.com/browsers/browsers_stats.asp - 07.november 06 



15


Browsers: 

Da der findes to store udgaver af browsers på nettet, Internet Explorer og Mozilla 

Firefox, vælger vi at udvikle siden til disse to formater, for at få størst mulig udbytte af 

kundekredsen. 12 

2006 IE7 IE6 IE5 Fx Moz N7/8 O7/8/9 

October 3.1% 54.5% 3.2% 28.8% 2.4% 0.3% 1.4% 

September 2.5% 55.6% 4.0% 27.3% 2.3% 0.4% 1.6% 

August 2.0% 56.2% 4.1% 27.1% 2.3% 0.3% 1.6% 

July 1.9% 56.3% 4.2% 25.5% 2.3% 0.4% 1.4% 

IE Internet Explorer 

Fx Firefox (identified as Mozilla before 2005) 

Moz Mozilla 

O Opera 

N Netscape 

AOL America Online (based on both Internet Explorer and Mozilla) 

Plug-ins: 

Da vores side bliver udviklet i Macromedia Flash 8.0 / ActionScript 2.0, er dette 

selvfølgelig et krav. Hvis Flash ikke i forvejen er installeret på brugerens computer, 

spørger den automatisk, om den må installere dette plug-in. Udover Flash benytter vi 

HTML 4.01 og XML, som automatisk er implementeret i alle browers / flash players. 

CSS, JavaScript: 

Vi vil benytte ekstern CCS 2.0 (Casecading Style Sheets) til tekst formateringen i Flash. 

Vi benytter Java Runtime Environment Version 5.0. 

Internet Hastighed: 

Vi lever i et moderne samfund, hvor flere og flere har bredbånd. 

Vi anbefaler minimum: 

256kbps, hvilket er standard for de fleste bredbånds løsninger. 


16


Konklusion 

Vi har nu udviklet den visuelle identitet for Kauw samt kampagnesiden. 

Navnet ”Kauw” er et navn, der ser og lyder attraktivt og unikt. Det er sjovt at sige og 

lyder ikke så højtideligt og kedeligt som mange andre navne i branchen. 

Inden vi udviklede vores logo, kiggede vi på hvad der var en tradition i branchen at gøre. 

Vi ønskede at holde fast ved noget af det traditionelle, men samtidig bryde lidt ud på 

andre punkter. Vi valgte en sans serif skrift som ofte bliver brugt i branchen, men valgte 

til gengæld farven rød mod den traditionelle blå. Den røde farve skal understøtte, at 

produktet er til kvinder og at Kauw er lidt anderledes end de fleste. 

Mht. kampagnesiden var vi igen inde og kigge på, hvordan de traditionelle sider ser ud. 

Her var den blå farve og sans serif-skriften igen meget dominerende. En anden 

gennemgående tendens var, at siderne var meget produktorienterede. 

Trenden inden for hjemmesider (og især kampagnesider) er at gøre dem mere 

oplevelsesbaserede, da brugerne i dag ønsker at involveres mere. Vi ønskede derfor at 

gøre vores kampagneside oplevelsesbaseret. 

Af systemudviklingsmetode har vi valgt prototyping, da vi løbende har lavet prototypes 

gennem projektet. 

I WPS’en har vi bl.a. redegjort for de tekniske og funktionelle specifikationer til sitet. Det 

er f.eks. nødvendigt med en internethastighed på minimum 256kbps og Macromedia 

Flash 8.0. 

17


_______________________________________ 

Michael Ø. Madsen 

_______________________________________ 

Linda Ellemand Larsen 

_______________________________________ 

Morten Jørgensen 

_______________________________________ 

Frans Vu 

_______________________________________ 

Steffen Martin Kjærulff 

Odense, 13. november 2006 

18


Kildeliste 

Object-oriented systems 

Developement 

Titel Forfatter Forlag, år 

Carol Britton MC GRAW HILL 

Stjerneanalysen version 2 Lise Agerbæk Juni 2002 

The new guide to identity The Design Council 

Learning ActionScript 2.0 Jen deHaan Macromedia PRESS, 2004-2006 

19


Bilagsoversigt 

BILAG 1 – Olins beskrivelse af navnetyper. 

BILAG 2 – Traditionelle logoer. 

BILAG 3 – Forslag til logoer. 

BILAG 4 – Forskellige farveforslag til logo. 

BILAG 5 – Brandhierarki og brandtyper. 

BILAG 6 – Stjerneanalysen. 

BILAG 7 – Screenshots fra Creative, Frontier Labs, Samsung og Apple. 

BILAG 8 – Screenshots fra SHARP og Diesel Heaven. 

BILAG 9 – Evaluering. 

BILAG 10 – Dagbog. 

20


BILAG 1 

Olin beskriver 6 navnetyper: 

• Et navn der tager udgangspunkt i virksomhedens grundlægger, f.eks. Ford. 

• Et navn der er beskrivende, f.eks. General Motors. 

• Et navn der er en forkortelse, f.eks. Conoco. 

• Et navn der bestå af initialer, f.eks. IBM. 

• Et navn der lyder og ser unikt og attraktivt ud. 

• Et konceptuelt navn der giver udtryk for, hvad virksomheden søger at være, f.eks. 

Jaguar. 

21


BILAG 2 

22


BILAG 3 

23


24


25


BILAG 4 

26


BILAG 5 

Når man udvikler et nyt brand, er det vigtigt, at gøre sig nogle overvejelser over, hvor i 

virksomhedens brandhierarki brandet skal placeres. Dette afhænger meget af hvilken type 

brand det drejer sig om. Et ”silver bullet-brand” som skal forstærke et eksisterende 

brands identitet, skal have en klar samhørighed med moderbrandet. Hvis man derimod 

ønsker et brand med en klar unik selvstændig identitet, kan det være nødvendigt at tage 

afstand fra moderbrandet for ikke at tilføre det nye brand nogle uønskede værdier. Hvis 

en virksomhed ønsker at give sig i kast med noget nyt, kan det også være en god idé, at 

starte ud med et brand der ikke direkte knytter sig til moderbrandet, så en evt. fiasko ikke 

påvirker moderbrandet negativt. På den måde kan man prøve nogle ”vilde” idéer af, uden 

at være bange for at skade virksomheden. 

27


BILAG 6 

Der er seks vigtige punkter, som hver peger på nogle væsentlige faktorer i, hvordan et 

visuelt design skabes. Disse seks punkter ses i stjernemodellen herunder: 

Tradition 

Ressourcer 

Trend 

Hensigt 

Situation 

Mål 

28


BILAG 7 

Creative 

Frontier Labs 

29


Samsung 

Apple 

30


BILAG 8 

31


BILAG 9 

Evaluering 

Michael (team-worker og koordinator). Michael har vist et stort engagement lige fra dag 

et i dette projekt. Han har taget ansvar for store og små opgaver. Selvom Michael ikke er 

100 % flash programmør, har han stadig vist interesse for faget og forsøgt, på hans egen 

måde, at generere dele af vores hjemmeside. Michael er team-worker og koordinator, og 

det må man sige han har vist igen i dette projekt, da han har påtaget sig en del opgaver. 

Frans Vu (Igangsætter): I dette projekt kan man ikke ligefrem sige at Frans er 

igangsætter, da han den første uge var i militæret til en vedligeholdelse uddannelse uge, 

da han skulle vedligeholde hans kontrakt med militæret. 

Efter militærugen skulle Frans lige sættes ind i projektet så han var ”up to date”. 

Steffen (idéudvikler): Rollen som team manager, hvor Steffen tit starter møder og 

diskussioner op passer meget godt til Belbins idéudvikler. Han er også frisk med idéer 

igennem vores process igennem projekt 1-4. Steffen var også en del igangsætter som 

stemmer overens med team manager-rollen. 

Morten (finisher): Morten er aktivist og det har afspejlet sig meget her i projekt 3 og 4. 

Han har været rigtig glad for endelig at få noget praktisk at lave og han har arbejdet hårdt 

på vores flash-site. Hans belbin-roller er finisher. 

Selv om Morten har lavet størstedelen af websitet, har han været god til at fortælle og 

forklare de forskellige ting han har lavet. 

Linda (færdiggører og administrator): Linda har fungeret godt i gruppen. Hendes 

læringsstil er teoretikeren, hvilket man godt har kunne mærke her i projekt 3 og 4. Hun 

har mest stået for rapportskrivningen og planlægningen. Der har manglet lidt engagement 

til flash-opgaverne fra hendes side. 

Hendes Belbin-roller er ”færdiggøren” og ”administratoren”, hvilket også kommer til 

udtryk i projekt. 

32


BILAG 10 

Dagbog: 

(Projekt 3) 

Mandag d. 30. okt. 

I mangel af Frans pga. hans militærtjeneste i denne uge, er vi kun 4 tilbage i gruppen. 

Med dette udgangspunkt gennemgik vi opgaven og startede på at lave et overblik på 

projekt 3 og 4. Vi blev enige om, at projekt 3 skulle laves færdig, inden vi gik i gang med 

projekt 4. Dette var for at slippe for forvirringen i at have 2 projekter kørende samtidig. 

Vi kiggede på hvilken font der skulle bruges. 

Tirsdag d. 31. okt. 

I dag får aktivisterne rigtig noget af lave, hvilket glæder en del af dem (Morten & 

Michael). Der er lavet en masse logoer, som vi vil diskutere for at finde frem til vores 

endelig valg. Vi har delt lidt arbejde ud og vil lave noget af det, mens vi er samlet på 

skolen. Linda er i gang med Stjerneanalysen og navnetyper. 3D animationen er vi også 

startet på. 

Onsdag d. 1. Nov. 

Vi arbejder mere fokuseret og frit end vi gjorde i projekt 2. Dette er godt! Det lader til at 

vi alle har fundet lysten og gerne vil gøre projekt 3 ligeså god som projekt 1. 

Blandingen af det skriftlige og praktiske arbejde fungerer bedst for vores gruppe. Vi 

arbejdede til kl.13.30, da Morten og Linda har tilmeldt sig Entrepreneur-forløbet på 

Tietgenskolen. 

Torsdag d. 2. Nov. 

Logo-delen er næsten færdig, og vi er gået i gang med hjemmesiden. Michael har dog 

mærkelige problemer med at få lov til at bruge Flash under hans login. På den måde gik 

der hurtig 1 times tid pga. computerne. Selve opgaven er ved at være på plads, med 

mindre ændringer undervejs. Vi arbejder stadig godt og uden nogle af de problemer, der 

ramte os i projekt 2. 

Fredag d. 3. Nov. 

Michael har lagt sig syg, og resten af gruppen sad og lavede diverse grafisk arbejde og 

finish på selve opgaven. Vi blev færdige med det grafiske til hjemmesiden og begyndte at 

kode lidt. 

(Projekt 4) 

Mandag d. 6. Nov. 

Frans er tilbage efter en uge i militæret. Der er gang i hjemmesiden, og rapporten kører 

på skinner. Vi arbejde løbende gennem dagen med hvert vores projekt. Nogle med 

kodning og andre med rapporten. 

Tirsdag d. 7. Nov. 

Dagens motto: gem aldrig kun på x-drevet! I nattens mulm og mørke er vores mappe på 

x-drevet blevet slettet. Heldigvis har vi hver især nogenlunde gemt på vores eget drev, 

33


men hvor irriterende er det lige….! Vi holdte et gruppemøde fra morgenstunden af, og 

lavede en gennemgang af dagens opgaver. Alle ved nu, hvor vi står og hvad der mangler 

at blive lavet. Dagens punkter var at få rapporten færdig (med undtagelse af dagbog og 

evaluering) og det meste af hjemmesiden. 

Onsdag d. 8. Nov. 

Opgaven synger på sidste vers, og vi har arbejdet ned i detaljer (bilag) så den kan blive 

færdig. Hjemmesiden er godt på vej, hvilket gør at vi ikke har så meget arbejde som før. 

Torsdag d. 9. Nov. 

Lidt problemer med hjemmesiden, men ikke mere end at det nok går. Vores opgave 

ligger nok klar i dag. 

Fredag d. 10. Nov. 

Frans er til afslutning på hans millitærtid i Jylland, så resten af gruppen arbejder færdig i 

dag. Opgaven er rettet til, printet ud og afleveret. Hjemmesiden bliver lagt op i løbet af 

weekenden. 

34

Rapport 3, 2.Semester (.pdf)

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

Delete template?

Save as template?