Charlotte Stender Pagh http://www.stenderpaghwebart.dk Cecilie Lund Damgaard http://www. cldamgaard.dk URL: http://www.gaardbodesign.dk/madprojekt/index.html Janni Cold Holm http://www. cold-design.dk Jens Jákup Gaardbo http://www. gaardbodesign.dk Roseny Evangelista de Sousa http://www.desousa.dk/portfolie/index.html
Indholdsfortegnelse Problemformulering Problemformulering... s. 1 Kommunikationsplan... s. 2 Analyse og visuel præsentation... s. 3 Design Brief... s. 5 Visuel identitet... s. 6 Implementering af visuel identitet... s. 7 Domain model og PBI... s. 8 SCRUM... s. 9 Implementeringsplan... s. 10 Procesevaluering - gruppens læringsmål... s. 11 Bilag... s. 12 Aarstiderne skal have udarbejdet et website med vegetariske madopskrifter, der henvender sig til unge mennesker med lav indkomst - her tænkes især på de studerende. Formålet er at skabe en sund livstil for de unge, som de har råd til. Konkurrencen på dette marked er hård, så det er essentielt at sitet skiller sig ud fra mængden. Kravspecifikationerne er som følger: Informationsgrafik skal indgå i vist omfang. Sund, nærende og varieret mad. Velsmagende mad. Vellignende billeder af den færdige ret. 7-dages kostplan med synligt budget. min. én udenlandsk ret skal indgå. Der lægges desuden stor vægt på visuel identitet - Logo og bomærke skal være velovervejet og indeholde stærk relation til sitet. Derudover forventes produktet at overholde design og kvalitetsmæssige krav, såsom webmindede fonte, weboptimerede billeder, usability, validering m.m. Selve opskrifterne skal være printervenlige, for at øge brugervenligheden ift. indkøb og madlavning. Sitet opbygges stringent med et farvevalg, der er i sammenhæng med vegestariske råvarer. Inspirationen til logoet og bomærket hentes ligeledes fra råvarer. 1
Kommunikationsanalyse Ved at benytte Philip Kotlers kommunikationsmodel synliggøres, at websitet gerne skulle være en tovejskommunikation. Afsender ønsker en respons fra modtageren (et målbart, positivt feedback kunne være mindre frafald/fravær på studierne. Sund livstil giver jo mere energi, så der kunne sagtens være et sammenhæng). Herunder ses modellen og efterfølgende anvendes modellen i kampagnen: Sender: Afsenden er Aarstiderne. Gruppen er den implicitte afsender, som ud fra specifikke krav, udarbejder websitet. Indkodning: Indholdet vil bestå af store billedet (appetitvækkere), letlæselige artikler (identificerende), simple madopskrifter med logisk informationsgrafik (fremme forståeligheden). Alt skrevne har læsbarhed i højsæde (her tænkes især på en velegnet font til web og farvekontrast). Budskab: At gøre studerende opmærksomme på deres muligheder for at leve et sund og nærende liv på trods af lav indtægt. Afkodning: Det forventes at billederne afkodes appetitvækkende og dermed give brugeren lyst til at afprøve opskriften i hjemmet. Denne stemning videreføres i opskrifterne for at bibeholde trangen til retten. Artiklerne skaber relation og højner lysten til en sundere livstil. Modtager: Studerende vegetarere. Respons: Ønsket respondens er at gøre det muligt for målgruppen at leve sundt og nærende og samtidig skabe øget kendskab og profit hos afsender. Feedback: Gennem evt. kvantitativ brugerundersøgelse, kan det successen måles. Feedbacken kunne også komme mere direkte fra modtagerne til afsenderen gennem e-mail eller telefon. Sender (Sender) Indkodning (Encoding) Vælg medie (Select medium) Budskab (Message) Medie (Medium) Afkodning (Decoding) Modtager (Reciever) Støj (Noise) Feedback (Feedback) Respons (Response) 2
Analyse præsentation Afsender analyse: Ved at analysere afsenderen giver det et tydeligere indblik i hvilke signaler afsenderen ønsker at vise. Disse signaler er væsentlige ift. opbygningen af produktet. Aarstiderne er et selskab som leverer kød, grønsager, frugt, mejeriprodukter m.m. lige hjem til kundens dør. Sammen med måltidskasserne findes opskrifter udarbejdet af kokke. Selskabet er: Et aktieselskab opstartet i 1996 med idéen om at skabe tættere forbindelse mellem bonde og kunde. Virksomheden består i dag af 3 gårde, 129 medarbejdere, med leverancer til 45.000 kunder i Danmark og Sverige og med en nettoomsætning (år 2010) på 261 millioner. Et selskab som sætter økologien i højsæde, og er naturligvis statskontrolleret økologisk og opfylder EU s krav for økologisk landbrugsproduktion. Et miljøbevidst selskab med tilgængelige miljøredegørelser liggende online og er både svanemærket og FSC-mærket (Forest Stewardship Counsil). Selskabet er desuden stiftere af foreningen Haver til Maver, som er et nonprofit foretagende. Foreningen er stiftet for at give børn og unge, gennem undervisning og oplevelser, viden om landbrug og råvarer, fødevarer og sunde madvaner, bæredygtighed og natur. Målgruppe/modtager analyse: Ved at definere målgruppen kan kommunikation og brugervenlighed på sitet optimeres. Modtager- og målgruppe er sammenfaldende da websitet hovedsageligt vil blive besøgt af folk med et konkret informationsbehov inden for billige og sunde madopskrifter. Den sekundære målgruppe forventes at være fra 25 år og opefter, med interesse for sund og billig mad. Den primære målgruppe: Demografiske forhold: Mænd/kvinder Alder 19-25 Lav indkomst Studerende Dansksproget Bosiddende i Danmark Adfærdsmæssige forhold: Målgruppen anses for at være erfarne webbrugere og i et hvis omfang tilbagevendende. Brugsbehovet er højt, da målgruppen har et fysisk behov, der skal dækkes. Psykografiske forhold: Underklassen Aktivt liv Vegetarere Sundhed prioriteres 3
Visuel præsentation Studerende på S.U. 4
Design Brief Websitet skal være en inspiration til de unge vegetarer og dem der går op i deres livsstil og sundhed. Det skal være enkelt og lækkert. Både udseende- og indholdsmæssigt. Der skal være tydelige knapper (evt. med informationsgrafik eller illustrationer) til undersiderne, så man ikke skal lede længe efter hvad man er kommet for. Billederne skal tale for sig selv på siden. De skal være lækre og indbydende. Farverne skal være hvide, bordeau/røde og grøne. Dæmpet, men skal afspejle websitets indhold: sunde, vegetariske opskrifter. Ydermere går den samme grønne farve igen fra afsenderen (Aarstiderne). Logoet skal symbolisere vegetarens fødevare sortiment. Både logo og bomærke skal have et sammenhæng med afsender ift. farver og font. Det skal samtidig passe til det vegetariske udtryk på siden og samtidig tydeligt fortælle hvad siden indeholder og hvem det taler til. Fonten bliver gennemgående holdt i en sans serif, for at give den optimale læselighed for web. For at skabe bedst mulig læsbarhed, anvendes designprincippet om konstrast. 5
Visuel identet Vores logo er en grøntsag. Ikke en bestemt grøntsag. Den kan ligne en radise, en roe, et løg, et æble. Det har vi med vilje ladet den gøre. Logoet skal repræsentere, hvad websitet står for: sundt og grønt, omtanke for sig selv. Hjerteformen på grøntsagen viser kærligheden og glæden til netop denne type mad. Man går op i det man spiser og man tænker over hvad man udsætter sin krop for. Logoet er gennegående i øverste venstre hjørne på alle websitets sider. Farven grøn står for natur og sundhed. Den repræsenterer, vækst, natur, penge, frugtbarhed og sikkerhed. Kvaliteter og egenskaber man som ung håber at få ud af livet. Aarstiderne bruger den grønne farve og derfor skal den også bruges på vores site, for at skabe sammenhængen og genkendeligheden mellem afsenderen og websitet. Da sitet også skal virke inspirerende på målgruppen er den grønne farve et oplagt valg og supplerer den vegetariske vinkel fint. Den rødbrune farve i logoet, forstærker ens association til rødløg eller roe, ligesom formen gør. Den røde farve er god til at stjæle opmærksomheden fra mange andre farver, hvilket er nyttigt i mange sammenhænge, f.eks. i et logo. Samtidig er farven i stærk kontrast til den grønne. Vi vil gerne have at logoet fremstår tydeligt på sitet og det skal være genkendeligt i gadebilledet, derfor den røde farve. Det er en varm og positiv farve, som ofte forbindes med vores fysiske behov. Bomærket Ung Veggie kom vi frem til efter lange diskussioner i gruppen. Vi havde rigtig mange ideer, så vi lavede en associationsleg og skrev alle ordene op. Derefter tegnede vi tilfældige streger mellem ordene og blev inspirerede derudaf. Ud fra de nye sammensætninger af ord, snakkede vi videre. Vi blev enige om at det overvejende skulle være på dansk, da det gerne skulle passe til Aarstiderne, som for det meste holder sig til dansk. Her ses vores ideer til bomærket: Det blev altså Ung Veggie vi besluttede os for. Ung passer til vores målgruppe. De vil kunne identificere sig med navnet og bliver hurtigt klar over at websitet henvender sig til dem. Veggie er slang for vegetar. Det klinger ungt og smart og har lidt humor over sig, som Aarstiderne netop også benytter sig af når de navngiver deres grøntsagskasser. Med Veggie i bomærket er man dermed også med det samme klar over websitets hovedmål, vegetariske retter. Alt i alt giver Ung Veggie billedet af alt det vi vil fortælle med websitet uden at sige det med ord. Råd til sundhed er vores tagline. Også her får vi sagt hvad siden indeholder. Det er sundt og det er billigt. I reklamer for websitet, vil vores tagline figurere og det er derfor vigtigt at fortælle med det samme, hvad man vil finde på websitet, i taglinen. Med samme hensigt har vi også valgt at lave et logo, hvor illustrationen kan stå alene. Det er ønsket at den ikke nødvendigvis er afhængig af bomærket Ung Veggie for at man i gadebilledet skal kunne genkende sitet. Alt i alt har vi lavet et stærkt logo, der, med den rigtige markedsføring, vil kunne skabe en god visuel identitet for websitet. 6
Implementering af visuel identitet Plakater bliver set af mange studerende, hvis de placeres strategisk godt. Ved at have nogle stærke konstrast-farver, øges opmærksomheden. Vi kører med meget white-space og konstrastfarver rød/grøn. Menneskelige grøntsager - Du er, hvad du spiser. Et slogan der har figureret i flere medier gennem en længere periode. Vi genbruger den visuelt, da fænomenet vil være genkendeligt og samtidig sigende/opfordrende. Der vil ikke herske tvivl om at plakatens indhold, drejer sig om mennesker og grøntsager (sundhed). Logoet understreger billedet, bomærket refererer til målgruppen og taglinen beskriver mulighederne (uddybende beskrivelse ses i afsnittet: Visuel identitet). Den lodrette formulering en kort og præcis beskrivelse af den primære gevinst ved at besøge sitet. Det er vigtigt for afsender at bevare den grønne tråd gennem hele plakaten. Vi har derfor bevaret de grønne nuancer i tekst og billeder og med den røde tomat skabt en god kontrast - her illustreres at du behøver ikke at være i målgruppen, for at lade dig inspirere af websitet (du må gerne stikke ud). 7
Domain model og PBI Domain model PBI - Product Backlog Item Backloggen er skrevet i listeform og bør udføres i nævnte rækkefølge. Dog må evt. rettelser i nogle af produkterne forventes undervejs i projektforløbet. Student Opskrifter Indgredienser Kostplan Type Indledende opgaver: M - WBS/Gantt-kort (se bilag nr. 1) S - Problemformulering/indledning/afgrænsning M - Kommunikationsplan M - Analyse og visuel præsentation af afsender og modtager SM - Design Brief L - SCRUM/PBI/Domain model Midtvejs opgaver: S - Research M - Logo/bomærke L XL - Prisberegning/udarbejdelse opskrifter/kostplan M - Udenlandsk ret L - Madlavning M - Artikel S - Billedbehandling/PhotoShop S - Informationsgrafik S - Alfabetisk orden i opskrifter XL - Upload/billedoptimering/kodning M - Visuel identitet M - Implementeringsplan Afsluttende opgaver: M - Proces evaluering S SM - Validering L - Rapport 8
SCRUM Items føres igennem viste SCRUM model. Alle items er grupperet i indledende, midtvejs eller i afsluttende fase, dvs. Hvornår i projektforløbet de skal udarbejdes. Ydermere er de estimeret med en sværhedsgrad fra S til XL (de samme forkortelser fra diverse tøjstr.) hvor S (small) er lettest at udføre. Eftersom produktet skal udarbejdes på 12 dage (weekend medregnet), udføres alle opgaver i et sprint. Normalen på længere varende projekter, udtages et antal sammenhængende opgaver af gangen og føres igennem sprintet, som oftest varer 2 uger (som vist i modellen). De daglige møder overholdes gennem hele projekt-forløbet. I situationer hvor vi ikke mødes, kompenseres dette med kommunikation via facebook-gruppen. 9
Implementeringsplan Plan Lanceringen af websitet går i luften den 15. marts 2013 kl. 14:00. Allerede ugen efter produceres brochure, plakat og online banner, som skal anlede de unge vegetariske studerende til at besøge websitet og hente inspiration. Den 25. marts 2013 ligges banneret på aarstiderne.dk, brochurene følger leveringerne af madkurve til kunderne og plakater sættes op på udvalgte skoler som menes at ramme målgruppen. Banneret bør figurere på aarstiderne.dk i min. 3 måneder. Den 1. april undersøges resultatet af brochurer og plakater. Det kan gøres vha. brugertest eller ved måling af besøgende på websitet. Hvis det skulle vise sig at være en stor succes, bør det overvejes at udvide opsætningen af plakater på flere skoler. Oversigt over lanceringsplan kan ses i bilag nr. 2. Økonomi Teamet udarbejder websitet samt implementeringen heraf. Aftalen om opgaven er bundet af en underskrevet kontrakt med fast pris for ydelsen, samt dagsbøder ved overskrevet deadline. Prisen for websitet er sat til 50.000,00 kr Svarende til ca. 142 arbejdstimer á 350 kr. pr. time. Der vil være 30 dages test-periode fra overleveringsdatoen. Dvs. hvis der skulle opstå fejl og mangler efter perioden, kan teamet ikke drages til ansvar. Banner: 7.000,00 kr. Svarende til 20 arbejdstimer á 350 kr. pr. time. Brochurer: 14.800,00 kr. for 5.000 stk. (Ved andet antal reguleres pris) Arbejdstimer: 20 arbejdstimer á 350 kr. pr. time. Tryk: 1.500,00 kr. pr. 1.000 stk. brochure. Levering: 300,00 kr. Plakater: 8.000,00 kr. for 50 stk. (Ved andet antal reguleres pris) Arbejdstimer: 20 arbejdstimer á 350 kr. pr. time. Tryk: Levering: 0,- ved levering sammen med brochurerne. Hvis opsætningen udvides vil der forekomme yderligere omkostning ved trykning af ekstra plakater. Budget over brugte arbejdstimer på websitet ses i bilag nr. 3 10
Procesevaluering - gruppen læringsmål Projektet var omfattende. Det vidste vi fra begyndelsen. Derfor var det vigtigt for os, at vi fik skabt overblik så hurtigt som muligt. Vi lagde ud med at brainstorme på projektet og fik dermed pejlet os ind på den retning vi ville lægge for projektet. Vi var enige om at det her projekt havde fokus på det visuelle. Derfor blev det vores læringsmål at kunne definere vores målgruppe og finde den bedste måde at henvende sig til den på. Det vil sige både via den kommunikative del og den visuelle, da disse to går hånd i hånd. Det var vigtigt for os at komme ud på den anden side med et godt resultat og at alle i gruppen havde en andel i det. Det mål har vi levet fint op til. Vi har snakket sammen hver dag om, hvor langt vi var nået og hvad vi yderligere skulle have lavet. Det har resulteret i at vi undervejs var opdateret på hvad hinanden lavede og alle kunne komme med input, ideer og rettelser til det. Vi har været gode til at tale sammen om det visuelle udtryk af websitet. Det har været gavnende for vores udvikling at diskutere og dele ideer. Vi har lært af det og klart blevet klogere. Fordi vi fra starten havde skabt overblikket over projektet, havde vi op til aflevering også god tid til at få det sidste på plads. Det viste sig at være en rigtig god idé at vi havde skabt ekstra plads, da vi havde overset et punkt på opgavelisten. Det blev heldigvis ikke noget problem at få det lavet, da vi havde forudset at dette kunne ske. Nyttigt at have med til kommende projekter for os alle sammen. Alt i alt har det altså været et lærerigt projekt, som har udvidet vores viden på det visuelle og kommunikative område. Vi har opnået vores læringsmål og vi har fået erfaringer vi alle kan bruge konstruktivt senere hen. 11
Bilag 1. - Gantt-kort ID Task Task Name Mon 04 Mar Tue 05 Mar Wed 06 Mar Thu 07 Mar Mode 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 1 Inden projektstart 2 Projektbeskrivelse CLD;CSP;JCH;JJG;RES 3 Gruppedannelse CLD;CSP;JCH;JJG;RES 4 Mail til Ditlev CSP 5 Indledende opgaver 6 WBS/Gantt JCH;CLD;CSP;JJG;RES 7 Problemfor./afgrænsning CSP;JCH 8 Kommunikationsplan JCH 9 Analyse og visuel præsentation JCH 10 Design Brief CSP;JCH 11 SCRUM 12 PBI JCH 13 Domain model JCH 14 Økonomi JCH 15 Midtvejs opgaver 16 Research 17 Logo/Bomærke 18 Opskrifter/prisberegning/kostplan 19 Udenlandsk ret 20 Madlavning 21 Artikel CLD 22 Billedbehandling 23 Informationsgrafik 24 Alfabetisk - opskrifter 25 Upload/billedoptimering/kodning 26 Visuel identitet 27 Implementeringsplan 28 Afsluttende opgaver 29 Poces evaluering 30 Validering 31 Rapport sammensættes 32 Aflevering 12 JJG
Thu 07 Mar Fri 08 Mar Sat 09 Mar Sun 10 Mar 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 CLD;CSP;JCH;JJG;RES CLD;CSP;JCH;JJG;RES RES;CSP CSP CLD;RES;CSP;JCH CSP CSP;JCH;CLD;JJG;RES JJG JJG CSP;JJG JJG 13
Mon 11 Mar Tue 12 Mar Wed 13 Mar Thu 14 Mar 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 14 16 18 20 22 0 2 4 6 8 10 12 JJG CLD;CSP;JCH;JJG;RES JJG CLD;CSP;JCH;JJG;RES 14
Bilag 2. - Implementeringsplan ID Task Task Name Duration Start 25 Feb '13 18 Mar '13 08 Apr '13 29 Apr '13 20 May '13 10 Jun '13 01 Jul '13 Mode T W T F S S M T W T F S S M T W T 1 Lancering af website Fri 15-03-13 15-03 2 Udarbejdelse af banner 5 days Mon 18-03-13 3 Lancering af banner på Mon 25-03-13 25-03 Aarstiderne 4 Banners tid på website 71 days Mon 25-03-13 5 Udarbejdelse af brochure 5 days Mon 18-03-13 6 Brochure i madkurvene fra Mon 25-03-13 Aarstiderne 7 Tidsperiode for brochure 27 days Mon 25-03-13 8 Udarbejdelse af plakater 5 days Mon 18-03-13 9 Plakater på udvalgte skoler Mon 25-03-13 25-03 25-03 10 "hængeperiode" 27 days Mon 25-03-13 11 Succesmåling på 8 days Wed 01-05-13 brochure/plakater 12 Mulig udvidelse af brochure/plakat reklame 15
Bilag 3. - Budget over website Weekly Calendar All Data Task Task 1 Task 2 Cost Baseline Cost UngVeggie Inden projektstart Projektbeskrivelse 875,00 875,00 Gruppedannelse 875,00 875,00 Mail til Ditlev 105,00 105,00 Inden projektstart Total 1855,00 1855,00 Indledende opgaver WBS/Gantt 1890,00 1890,00 Problemfor./afgrænsning 525,00 525,00 Kommunikationsplan 525,00 525,00 Analyse og visuel præsentation 700,00 700,00 Design Brief 350,00 350,00 SCRUM 1400,00 1400,00 Økonomi 735,00 735,00 Indledende opgaver Total 6125,00 6125,00 Midtvejs opgaver Research 8820,00 8820,00 Logo/Bomærke 1050,00 1050,00 Opskrifter/prisberegning/kostplan 5393,50 5393,50 Udenlandsk ret 1330,00 1330,00 Madlavning 682,50 682,50 Artikel 1085,00 1085,00 Billedbehandling 1029,00 1029,00 Informationsgrafik 1400,00 1400,00 Alfabetisk - opskrifter 1120,00 1120,00 Upload/billedoptimering/kodning 12530,00 12530,00 Visuel identitet 560,00 560,00 Implementeringsplan 1575,00 1575,00 Midtvejs opgaver Total 36575,00 36575,00 Afsluttende opgaver Poces evaluering 1925,00 1925,00 Validering 1120,00 1120,00 Rapport sammensættes 1925,00 1925,00 Afsluttende opgaver Total 4970,00 4970,00 Aflevering 0,00 0,00 UngVeggie Total 49525,00 49525,00 Hovedtotal 49525,00 49525,00 16
Bilag 4. - Tidsestimering Ark1 a b c m s ±1 1 0,5 1,3 1,9 1,26 1,1 2 0,2 0,5 0,7 0,48 1,0 3 0,2 0,5 0,7 0,48 1,0 4 0,1 0,3 0,5 0,3 1,3 5 5,5 9 12,5 9 0,8 6 1,5 3 4,5 3 1,0 7 1 1,5 2 1,5 0,7 8 1 1,5 2 1,5 0,7 9 1,5 2 2,5 2 0,5 10 0,5 1 1,5 1 1,0 11 0,7 2,5 4,3 2,5 1,4 12 0,5 1,5 2,5 1,5 1,3 13 0,2 1 1,8 1 1,6 14 0,5 2 4 2,1 1,7 15 45,95 78 125,5 81,09 1,0 16 2 5 12 5,8 1,7 17 1 3 5 3 1,3 18 8 13 20 13,4 0,9 19 2,5 3,5 6 3,8 0,9 20 1,25 2 2,5 1,95 0,6 21 1,5 3 5 3,1 1,1 22 0,7 3 5 2,94 1,5 23 2,5 3,5 7 4 1,1 24 1 3 6 3,2 1,6 25 24 35 50 35,8 0,7 26 0,5 1,5 3 1,6 1,6 27 1 2,5 4 2,5 1,2 28 2 5 10 5,4 1,5 29 0,5 1 2 1,1 1,4 30 1 3 6 3,2 1,6 31 0,5 1 2 1,1 1,4 17