Malene Møller ( ) Grundlæggende grafisk design E2010 V. Ian Wisler-Poulsen IT-Universitetet

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Starte visningen fra side:

Download "Malene Møller (070585-2480) malm@itu.dk Grundlæggende grafisk design E2010 V. Ian Wisler-Poulsen IT-Universitetet"

Transkript

1 Malene Møller ( ) Grundlæggende grafisk design E2010 V. Ian Wisler-Poulsen IT-Universitetet

2 Denne rapport tager udgangspunkt i mine refleksioner over udviklingen af en ny identitet, et website samt en traditionel kampagne til Baresso Coffee. I denne rapport vil I derfor kunne følge med i min proces fra de første skitser til det færdige produkt. Baresso har et meget stærkt logo. Man genkender det hurtigt, og elementer fra logoet går igen på alle tryksager, på Baressos to gokopper og ikke mindst i Baressos mange kaffebarer. Baresso- flammen er tilnærmelsesvis blevet et 5. element i den visuelle identitet, fordi den har en stor grad af genkendelighed også selvom det kun er et lille udsnit af den, der bliver brugt. Flammen skal symbolisere ristningen af kaffebønnen og kaffebrygningen, men samtidig symboliserer den også varmen og energien, man får fra kaffen. Den røde farve symboliserer de modne kaffebær. Baresso bruger typografien Barmeno på grund af dens runde og bløde kanter, der skal symbolisere den afrundede kaffe smag. Figur 1. Baressos nuværende logo. Vi holdt et møde med Anita Grubbe Nørgaard, der er marketingchef for Baresso, da vi lige havde fået stillet opgaven. Ved dette møde lagde hun især vægt på de værdier, Baresso skal kommunikere over for kunderne: God kaffe, dygtige baristaer, hyggelig stemning og effektivitet. Jeg synes godt, man kan anfægte Baressos nuværende logos evne til at fortælle noget om god kaffe. Flammerne kan nemlig også symbolisere brændte kaffebønner, hvilket nærmere er noget, man for binder med dårlig kaffe. Flammerne kan yderligere virke lidt hårde og maskuline, hvilket står i kontrast til Baressos målgruppe, som består af kvinder mellem år og Baressos vision om, at Baresso skal være et brand, folk forbinder med hygge og et dygtigt personale. Jeg bestemte mig derfor i udformningen af mit Baresso-logo, at lægge vægt på værdiordet kvalitet som garant for den gode kaffe. En måde, man kan kommunikere kvalitet på er bl.a. ved at vise processen, som kaffen har været i gennem fra høst til kaffekop i logoet. Baresso gør meget ud af, at fortælle denne historie på de mange billeder og plakater, der hænger rundt omkring i kaffebarerne. Jeg vil i stedet inkorporere historien om den gode kaffe i Baressos logo, så kunderne, hver gang de ser Baressos logo, vil blive mindet om denne. De værdiord jeg har valgt at arbejde med er, udover kvalitet, dygtighed, hygge, effektivitet og omsorg. Omsorg valgte jeg, fordi Baresso støtter de steder, hvor deres kaffe kommer fra bl.a. gennem organisationen Coffee Kids. Figur 2. Flammen i Baressos logo har visse ligheder med Flameboy, der er et af World Industries skatemærker. Denne lighed er med til, at man kan associere Baressoflammen med noget lidt hårdere og knapt så feminint. Baressos website er, i modsætning til Baressos nuværende visuelle identitet, ikke særligt stærkt. Det er slet ikke den samme følelse, man får, når man kommer ind på Baressos hjemmeside, som når man træder ind på en af kaffebarerne. Websitet har et old school og uopdateret look og bærer præg af, at det er noget, der er blevet nedprioriteret fra Baressos side. Dette afspejles bl.a. i billedbrugen på websitet, hvor det ofte er tryksager, der bliver genbrugt og ofte i dårlig opløsning. Den dårlige opløsning og billedernes størrelser gør, at det ofte er helt umuligt at læse, hvad der står på billederne. Derudover bryder websitet Figur 3. Baresso har mange informationer om deres kaffe hængende i kaffebarene. 1

3 især med design principper som consistency og alignment, der handler om ensartethed samt, at placeringen af elementer bør følge nogle fælles retnings linjer. Det er placeringen af billederne på websitet især et bevis på. Der synes nemlig ikke at være nogen fælles retningslinjer for billedernes placering og størrelse. På alle sider, undtagen forsiden, er flammen i Baressos logo placeret under headeren, hvilket bevirker, at indholdet hopper. Dertil begynder teksten på websitets centrale felt ikke det samme sted på alle siderne. Det gør, at indholdet hopper rundt, hvilket er et brud på alignment og consistency og er med til at give sitet et usammen hængende og uprofessionelt udtryk. Der synes heller ikke at være nogle fælles retnings linjer for brugen af typografi på websitet. Dette hænger sammen med, at der i høj grad bruges tryksager som billeder. De mange forskellige typografier, der er brugt på websitet er også et brud på consistency. Farvemæssigt er der consitency mellem Baressos visuelle identitet og websitet, da det er Baressos velkendte mørkerøde farve, der går igen på websitet. De andre farver, der er brugt på Baresso. dk er illustreret i figur 4. Baressos website er venstrestillet og ikke centreret, som de fleste andre hjemmesider, og det gør, at sitet kompositionsmæssigt vælter. Der er anvendt to forskellige grid på websitet et til forsiden og et til alle undersider. Griddet, der er anvendt på undersiderne er for simpelt, da der ikke er taget højde for, hvor ting er placeret centralt på siden. Hvilket er en af de væsentlige årsager til den manglende ensartede placering af bl.a. billeder. I mit arbejde med websitet vil jeg først og fremmest fokusere på at videreføre Baressos visuelle identitet til websitet, så oplevelsen af Baresso i gadebilledet bliver forenet med oplevelsen af Baresso på nettet. Dernæst vil jeg skabe et mere ensartet udtryk bl.a. via billedbrugen, typografien og griddet. Figur 4. Brugen af farver på Baressos website. Figur 5. På Baressos website er kompositionen skæv, fordi sitet ikke er centreret. Grid, fortsat I forbindelse med redesignet af Baressos identitet har jeg også kigget på andre aktører i kaffekæde-branchen og på, hvordan de præsenterer sig selv. De andre aktører, jeg har kigget på er; Kong Kaffe, Amokka, Caffé Ritazza, Wayne s Coffee, Riccos, Starbucks Coffee, Robert s Coffee, 7/11 og McDonnal s. Fælles for kaffekæder som dem er, at farvebrugen er meget simpel, og en del af dem bruger mørkebrune-, røde- eller grønne farvenuancer. Alle farver, der er varme og går fint i tråd med varm og god kaffe. På baggrund af dette, besluttede jeg mig for, at jeg i Baressos nye identitet også ville bruge varme brune farver (café latte og espressofarver). Men med en stærk kontrastfarve, som er med til at skabe blikfang. Figur 6. Her ses det, hvordan der ikke er noget grid for sidens centrale felt. Jeg har valgt at lave en traditionel kampagne for Baresso, bestående af: Annonce til avis (240 spalte-millimeter) i formatet 2 spalter i bredden og 120 mm i højden. Statisk webbanner (300 x 250 px). Figur 7. Starbucks logo og website er holdt i nogle meget enkle farver; grøn, sort, hvid og lysegrå. Derudover har jeg valgt at lave en s-togsstreamer. S-togsstreameren understøtter nemlig budskabet i reklamen at man kan bestille sin 2

4 coffee to go, mens man er på farten. Mange henter kaffe på vej på arbejde om morgnen og ved netop at lave en s-togsstreamer, er det sandsynligt, at man vil komme i kontakt med rigtig mange af de potentielle kunder de travle morgenmennesker, der tager s-toget på arbejde. Samme i ntention er gældende for avisannoncen, der skal bringes i gratis aviser, som folk læser i toget. Det statiske webbanner linker direkte til gratis download af Baressos applikation det er nemmere end at skulle klikke sig ind på hjemmesiden eller sende en sms, og derfor kunne der være mange potentielle kunder her. Websitet er optimeret til at blive vist på skærme med opløsning på 1280 x 800, men da selve sitet er 990 pixels bredt kan det også vises på skærme med opløsning på 1024 x 768. Websitet skal desuden være optimeret til de mest brugte browsere; Internet Explorer, Firefox, Chrome, Safari og Opera. Jeg har valgt at holde Baressos logo i to farver en mørk brun og en lidt lysere brun de to midterste farver i min farvepalette illustreret i figur 8. Men logoet fungerer også godt i sort på farvet baggrund eller i negativ på en mørk baggrund. Som beskrevet tidligere er de brune farver inspireret af kaffens farver. Den mørkebrune farve skal symbolisere espresso, der er essensen i alle Baressos kaffer, mens den lysere brune skal symbolisere caffé latten, som er den mest solgte kaffe-drik hos Baresso. Farverne er varme og symboliserer derfor også den varme og gode kaffe. Men brun symboliserer, ifølge Politikens symbolleksikon, også jord. Dette passer godt ind i den måde, jeg fra starten har arbejdet med udformningen af logoet, hvor jeg har taget udgangspunkt i værdiordet kvalitet og den proces, kaffen har været igennem fra høst til kop. De brune farver kan i denne henseende også symbolisere kaffeplantagen og jorden, hvor kaffe bønnerne bliver dyrket. Den stærke grønne farve i min farvepalette bliver ikke brugt i Baressos logo, men som kontrast til de brune farver på bl.a. to go-kopperne, som vist i figur 9. Grøn symboliserer ifølge Politikens symbolleksikon forår, gendannelse, glæde, tillid, natur, velstand og fred. Den grønne farve under støtter dermed den brune farve og associationerne til kaffetræets blade og den natur, hvor kaffen bliver dyrket. Figur 8. Den anvendte farvepalette i den visuelle identitet. Samtidig fungerer den grønne godt som kontrast til de mørke og varme, brune nuancer og er med til at skabe blikfang. Baresso- kopperne er gratis reklame, når folk tager dem med sig rundt i byen. Derfor er det vigtigt, at kopperne er noget, man lægger mærke til. I min analyse af markedet, fandt jeg ud af, at når de andre aktører bruger grøn, er det i en mørk nuance og derfor vil disse pang -grønne kopper skille sig ud, når folk går rundt med dem. Den sidste farve i farvepalletten er ikke en egentlig farve, men noget pap-tekstur, som er brugt i topnavigationen på websitet. Her refererer det til den varmebeskyttende holder, der sidder på to go-koppen. Jeg har valgt at bruge pap-tekstur på mange ting i den visuelle identitet, fordi det symboliserer noget med genbrug og omtanke for naturen (og dermed også for kaffen). Man kan sige, at brugen af pap-teksturen er en sidste understregning af den proces, kaffen har været igennem. Figur 9. Baresso to go-kop. 3

5 Billederne er et vigtigt element i webdesignet og i de traditionelle kampagner. På websitet er de fleste billeder informative, da de bliver brugt til at kategorisere en vare eller vise et specifikt produkt. Størstedelen af disse billeder er holdt i samme stil med grå baggrund, mens de billeder, der ikke har grå baggrund er holdt i en farvekombination, der matcher farverne i identiteten. Det er vigtigt, at der er en baggrund på alle billeder, så de ikke flyder ud i den hvide baggrund. På denne måde sikres det, at lukketheden opretholdes, så overskrift og billede tydeligt fremstår som hørende sammen. Det store billede på forsiden er modsat de andre mindre billeder på websitet er stemningsbillede. Jeg har valgt at placere et stemningsbilledet der, for at give brugerne et indtryk af, hvor hyggeligt det kan være på Baresso. Samtidig er det et billede, hvor der er tekst indover, og derfor er det vigtigt, at der ikke er for mange informationer på billedet. Billederne i den traditionelle kampagne er beskåret, så man kan se, hvad der sker i interfacet. Jeg har valgt først og fremmest at fokusere på at vise applikationen, da det jo er den vare, jeg prøver at sælge i kampagnen. Webbanneret er kun 300 x 250 pixels, og derfor var det en stor udfordring af beskære billedet. Hvis hele hånden skulle vises kunne man ikke se interfacet og omvendt. Derfor var jeg nødt til at vælge, og jeg valgte at fokusere på skærmen. Figur 10. Mange af billederne på websitet er informative og viser en specifik vare i Baressos online shop. BESTIL KAFFE FIND I navnetrækket har jeg valgt at bruge fonten Fago, som illustreret i figur 12. Fago er en forholdsvis ny skrift designet af tyskeren Ole Shäfer. Fonten var nem at arbejde med, fordi den er forholdsvis smal. Dertil har den et karakteristisk og moderne udtryk, der fungerer godt i kontrast til de bløde former og detaljer i bomærket. Men fonten er frem for alt meget tydelig samtidig med, at den ikke er for kantet og dermed i for stor kontrast til bomærket. Fago anvendes til overskrifter, underrubrikker og underoverskrifter på alle Baressos tryksager. Den anden typografi, jeg har brugt i bomærket, er fonten DIN en tysk font, der er blevet brugt af Deutsches Institut für Normung siden Jeg har anvendt fonten til det mindre prominente Coffe i Baressos navne træk. Fonten fungerer godt her på grund af dens gode læsbarhed og tynde streger. DIN skal derfor også anvendes til brødtekst på alle tryksager. DIN har også en god læsbarhed på skærmen, og derfor er den brugt til større overskrifter på websitet. På websitet har jeg anvendt den websikrede font Helvetica til brødtekst, eftersom Helvetica understøttes i mange browsere. Figur 11. Billedet på webbanneret er beskåret, så man kan se interfacet på telefonen. Figur 12. Fago er en af de anvendte fonte i navne trækket. DIN-Regular Figur 13. DIN er utrolig læsbar og egner sig godt til tekst i mindre størrelser. 4

6 I udformningen af det samlede mærke for Baresso har jeg, som tidligere beskrevet, fokuseret på, hvordan man kan tilføre Baresso-brandet kvalitet ved at vise, hvordan kaffen er blevet til. I starten af min skitseproces var jeg meget inspireret af kaffekværnen som udtryk for bearbejdningen af kaffebønnerne. Derefter valgte jeg at kigge på barista-blade som udtryk for Baressos dygtige baristaer, der tegner latte art i kaffen. Figur 14. Skitser af forskellige forslag til logo, opstillet i den rækkefølge, de er tegnet. Jeg valgte til sidst at droppe forslaget til det samlede mærke, illustreret i figur 15, da de værdiord, jeg havde valgt afspejlede sig bedre i det endelige mærke. Som beskrevet indledende er mine værdiord for Baressos nye identitet, udover kvalitet, dygtighed, hygge, effektivitet og omsorg. Dygtighed kommer til udtryk i barista-bladene i bomærket. Samtidig symboliserer disse blade kaffeplantagen. Bladene og kaffebønnen er sammen med de brune jordfarver med til at udtrykke kvalitet, fordi de tilsammen fortæller historien om, hvor kaffen kommer fra. Hyggen er underbygget af de varme brune farver i logoet og de bløde former, mens navnetrækket med den markante og kraftfulde fago-font udtrykker effektivitet. Omsorg kommer til udtryk i mærkets referencer til naturen som noget Baresso værner om, fordi de værner om den gode kaffe. Stregen i kaffebønnen, som kan ses i figur 17, har et lille svaj. Dette svaj har jeg valgt at overdrive i det endelige bomærke for at komme så langt væk fra burgerbolle-associationerne som muligt. Samtidig understøtter svajet i bønnen de øvrige bløde former i bomærket. Jeg har valgt at lade stregen gå hele vejen gennem kaffebønnen, i modsætning til bønnen i Baressos rigtige logo, for at understøtte symmetrien og balancen i det samlede mærke. Desuden giver kaffebønnen med svajet associationer til yin og yang. Navnetrækket er skrevet på en rund form, der rammer bomærket ind. Navnetrækkets runding er også med til at understøtte de runde former i bomærket, så bomæke og navnetræk fremstår Figur 17. Kaffebønner. som en helhed. COFFEE Figur 15 Forslag til logo med piktograminspirede tegninger. COFFEE COFFEE COFFEE Figur 16. Udviklingen af kompositionen i det samlede mærke. Bemærk også udviklingen i udformningen af bønnen. 5

7 I figur 18 har jeg valgt at vise, hvordan logoet kan skilles ad, uden man mister fornemmelsen af, hvem afsenderen er. Det gør det let at tilpasse loget til et bestemt format eller medie. Figur 18. Loget kan skilles ad, så man kan tilpasse det til mediet, det skal bruges i. I figur 19 er det illustreret, hvordan de dynamiske barista-blade i bomærket kan anvendes i et baresso-tapet. Det er dette tapet, to go-kopperne er beklædt med. Når den varmebeskyttende holder ikke er rundt om koppen er Baressos samlede mærke ikke illustreret på koppen. Derfor er tapetet et vigtigt element i den visuelle identitet. Det er også hensigten, at tapetet skal bruges i Baressos kaffebarerer, ligesom det er brugt i baggrunden på websitet. Figur 19. Bladene i bomærket danner et mønster i et tapet. Nyheder Om Baresso Presse Job i Baresso SERVERER ONLINE SHOP FIND DIN KAFFEBAR KAFFEKLUB Kaffe Spise Te & varm chokolade Kolde drikke Baresso kaffer Gaveæsker Gavekort Kaffekopper Sjælland Jylland Fyn Færøerne Baresso klubkort Medlemstilbud Administrér dit kort SØG Nyheder fra Baresso Ny kaffebar med udsigt til Rundetårn (18/ ) Websitet er bygget op om et firespaltet grid og alle sidetyper på sitet følger dette grid. Det er med til at skabe en høj grad af consistency hele vejen gennem sitet, så sitet fremstår som en helstøbt størrelse. Jeg har valgt at understøtte griddet gennem tekstens alignment og brugen af bokse. Hele sitet følger denne struktur meget stringent, dog har jeg prøvet at bløde det lidt op, ved at lade den brede bjælke med topnavigationen bryde med firespalte-griddet. Derudover er det brugt princippet om proximity, når tekst og bokse med billeder er placeret i nærheden af hinanden, så man forstår teksten og boksen som hørende sammen. Jeg har benyttet den skrappe grønne farve i min identitet udvalgte steder på sitet, fordi den står i kontrast til de varme brune nuancer og derved er den med til at skabe blikfang. Jeg har brugt farven i forbindelse med overskrifterne i boksene og på knapper som tilmeld og læg i indkøbs kurv. Kompositionen af elementerne på de forskellige sidetyper afspejler mit arbejde med strukturen på sitet (se sitemap illustreret i figur 22). Fairtradekaffen Honduras er månedens kaffe (27/ ) Rundvisning i Aalborgs nye kaffebar (20/ ) Baresso nyhedsbrev [ Indtast din ] tilmeld > Afmeld nyhedsbrevet Baresso applikation Baresso gavekort Baresso julekaffe Bestil kaffen på farten, og så har vi den stående klar til dig, når du kommer. Coffee to go er blevet endu hurtigere med Baressos nye smartphone applikation. Glæd en, du holder af med et gavekort til Baresso. Den perfekte julegave-idé til ham eller hende, der elsker god kaffe. En meget fyldig, mild og aromarig kaffe med en valnøddeagtig eftersmag. Til 39,95 for 250 g. hele kaffebønner. > Køb gavekort til Baresso > Køb julekaffen i online shoppen Baressos åbningstider Kontakt Telefon, fax & mail Marketingchef Man-fre , lør og søn Baresso Coffee A/S Store Kirkestræde 3, 2. sal DK-1073 København K Telefon Fax Anita Grubbe Nørgaard Telefon: > Gratis download Find hver enkelt kaffebars specifikke åbningastider under Find din Baresso. Find din Baresso Fakturering rettes til: Baresso har i alt 22 kaffebarer rundt omkring i Danmark. > Find din nærmeste Baresso 2010 Baresso Coffee. All rights reserved. Figur 20. Det firespaltede grid er brugt på alle sidetyper på websitet. Nyheder Om Baresso Presse Job i Baresso SERVERER ONLINE SHOP FIND DIN KAFFEBAR KAFFEKLUB Kaffe Spise Te & varm chokolade Kolde drikke Baresso kaffer Gaveæsker Gavekort Kaffekopper Sjælland Jylland Fyn Færøerne Baresso klubkort Medlemstilbud Administrér dit kort Du er her: forside > online shop ONLINE SHOP > Baresso kaffer > Gaveæsker > Baresso gavekort > Krus og kopper MASSEVIS AF GODE GAVEIDEER G O D J U SØG L Sådan handler du Du kan trygt og roligt handle i Baressos online shop. vi sørger for, at det er lige så sikkert at handle her, som i almindelige butikker. Vi sender til alle steder i Danmark. Krus og kopper Gavekort Fragt: Fast pris på 35 kr. Dog er fragten gratis, hvis du bestiller for over 500 kr. Din indkøbskurv Varer Antal Du har 0 varer i din indkøbskurv Total beløb kr. Baresso kaffer Gaveæsker Baressos åbningstider Kontakt Telefon, fax & mail Marketingchef Man-fre , lør og søn Baresso Coffee A/S Store Kirkestræde 3, 2. sal DK-1073 København K Telefon Fax Anita Grubbe Nørgaard Telefon: Find hver enkelt kaffebars specifikke åbningastider under Find din Baresso. Fakturering rettes til: 0,00 > Se din indkøbskurv 2010 Baresso Coffee. All rights reserved. Figur 21. Den grønne farve er bl.a. brugt til vigtige overskrifter på sitet. Figur 22. Sitemappet, der danner grundlaget for strukturen på sitet. 6

8 Sitemappet var et godt redskab i designet af de forskellige undersider, fordi det var med til at inddele de forskellige sidetyper i niveauer, og dermed kunne jeg finde ud af, hvor dyb strukturen på sitet skulle være. I denne niveauinddeling har jeg taget udgangspunkt i Jared Spools teorier om The 8 Types of Navigation Pages (2005). Den amerikanske tænketank User Interface Engineering, med Spool i spidsen, har lavet en række brugerundersøgelser, der viser, hvad brugerne forventer på forskellige niveauer på et website. De er nået frem til, at der findes fem slags sider på et website samt tre typer af søgesider. De fem niveauer i Spools terminologi (hvoraf de fire første er navigationssider) er: Nyheder Om Baresso Presse Job i Baresso SERVERER ONLINE SHOP FIND DIN KAFFEBAR KAFFEKLUB Kaffe Spise Te & varm chokolade Kolde drikke Baresso kaffer Gaveæsker Gavekort Kaffekopper Sjælland Jylland Fyn Færøerne Baresso klubkort Medlemstilbud Administrér dit kort Du er her: Forside > Online shop > Baresso kaffer ONLINE SHOP KAFFER SØG Baresso julekaffe 250 g. hele kaffebønner. DDK 39,95. > Baresso kaffer > Gaveæsker > Baresso gavekort > Krus og kopper Fyldig og mild kaffe med en valnøddeagtig eftersmag. Barista Espresso Blend 500 g. malet kaffe. DDK 69,95. Baressos espressokaffe, som vi bruger til alle Baressodrikkene. Baresso House Blend 500 g. hele kaffebønner. DDK 59,95. Kaffe med god fylde og eftersmag med raffineret syrlighed. Sådan handler du Du kan trygt og roligt handle i Baressos online shop. Det er lige så sikkert at handle her, som i alindelige butikker. Vi sender til alle steder i Danmark. Fragt: Fast pris på 35 kr. Dog er fragten gratis, hvis du bestiller for over 500 kr. Din indkøbskurv Varer Antal Du har 0 varer i din indkøbskurv Total beløb kr. 0,00 > Se din indkøbskurv Honduras økologisk Fairtrade 500 g. hele kaffebønner DDK 49,95. Mild kaffe med sødlig aroma, let syrlighed og en chokolade- og bæragtig eftersmag. Sumatra Gayo 250 g. hele kaffebønner. DDK 39,95. Kaffe med næsten ingen syrlighed, men stor fylde og eftersmag med chokoladeagtige nuancer. Homepage Store page Department Gallery Content Baressos åbningstider Kontakt Telefon, fax & mail Marketingchef Man-fre , lør og søn Baresso Coffee A/S Store Kirkestræde 3, 2. sal DK-1073 København K Telefon Fax Anita Grubbe Nørgaard Telefon: Find hver enkelt kaffebars specifikke åbningastider under Find din Baresso. Fakturering rettes til: 2010 Baresso Coffee. All rights reserved. Man kan sammenligne Spools navngivning af de forskellige niveauer med et stormagasin, hvor niveau 1 er stormagasinet (forside), niveau 2 er dame-etagen (supersektion), niveau 3 er skoafdelingen (sektion), niveau 4 er udstillingen af sandaler (kategori), mens niveau 5 er en konkret sandal (indhold). Hvert niveau har til formål at gøre det muligt for brugerne at vælge næste niveau på en kvalificeret måde. Hvis de ikke kan vælge det rigtige indhold ud fra kategorisiden, så begynder brugerne at pogostick e, dvs. hoppe frem og tilbage mellem oversigt og indhold, hvilket ifølge Spool får succesraten til at falde drastisk. Figur 23. Alle sider på sitet, der befinder sig på niveau 3, skal designes på samme måde som denne kategoriside. Jeg har derfor valgt, at man skal kunne se, hvor man er i strukturen på sitet via designet. Derfor er alle sidetyperne i min struktur kompositions mæssigt forskellige. Jeg har også valgt ikke at linke til indholds sider fra venstrenavigationen, men at venstrenavigationen er forbeholdt kategorier, mens links til indholdssider hører til midt på siden. Hvis der linkes direkte til indholdssider fra venstremenuen, kan menuen blive meget lang og uoverskuelig, efterhånden som der bliver lagt mere og mere indhold på sitet. Desuden kan det blive svært for brugeren at gennemskue sitets struktur, hvis der både linkes til indhold og kategorier i venstre navigationen. For almost seven years, my studies have shown the same user behavior: users look straight at the content and ignore the navigation areas when they scan a new page. Jakob Nielsen: Is Navigation Useful (2000) På indholdssider har jeg valgt, at relateret indhold i samme kategori vises i bunden af indholdsfeltet hvilket i følge Jakob Nielsen oven i købet er det første sted brugerne kigger, når de skanner en side. Alle kategorier i de forskellige sektioner er synlige i den brede top navigation, hvilket er med til at give brugerne et rigtigt godt overblik over sitets struktur uanset, hvilken side de havner på - jf. gangstertesten (Ole Gregersen & Ian Wisler-Poulsen, 2009). Brødkrummen er også med til at give dette overblik. Figur 24. Skitserne til websitet viser, hvordan jeg fra starten har lagt vægt på, at sidetyperne skal se forskellige ud alt efter, hvilket niveau, man befinder sig på. Figur 25. Topnavigationen er inspireret af den varmebeskyttende holder på to go-koppen. 7

9 Markedet Min proces afspejler, at jeg har arbejdet med udgangspunkt i 10-punktsmodellen. Modellen har været god at forholde sig til især i starten, hvor jeg havde mange abstrakte idéer, som var svære at forholde sig til. I starten af min proces har jeg brugt modellen meget stringent, fordi det var vigtigt for mig at have et ordentligt fundament for redesignet i form af en grundig undersøgelse af Baressos eksisterende identitet og markedet. På samme måde var det vigtigt for mig at have den visuelle identitet fuldstændig på plads, før jeg gik i gang med at designe websitet, eftersom identiteten danner fundamentet for websitets udseende. Logo Farver Websit Markedet, fortsat Logo Farver Websit Jeg har undervejs i arbejdet med både logo og website fået folk i min omgangskreds til at kigge på det, jeg har lavet. Man stirrer sig ofte blind på noget, når man sidder og fedter med de små detaljer, og derfor var daglige inputs udefra meget vigtige for mig. Derudover har jeg undervejs i min proces hele tiden stillet spørgsmålstegn ved mine beslutninger, fordi jeg ikke ville springe over, hvor gærdet er lavest. Jeg føler derfor, at jeg kan argumentere for, hvorfor jeg har gjort, som jeg har gjort hele vejen igennem. Jeg mangler dog at teste mit færdige design på flere personer, som punkt 9 i 10-punktsmodellen foreslår. Det er en god måde at teste målgruppen på, og om det er lykkes mig at give folk de associationer, som er tiltænkt. Testen er næste skridt for mig i mit arbejde med Baressos identitet. Derudover vil jeg videre i min proces kigge på Baressos smartphone applikation, som jeg reklamerer for i den traditionelle kampagne. Figur 26. Afsøgningen af markedet, Baresso befinder sig på, var med til at give mig et god fornemmelse for, hvad min identitet skulle tage udgangspunk i. 8

Malene Møller ( ) Grundlæggende grafisk design E2010 V. Ian Wisler-Poulsen IT-Universitetet

Malene Møller ( ) Grundlæggende grafisk design E2010 V. Ian Wisler-Poulsen IT-Universitetet Malene Møller (070585-2480) malm@itu.dk Grundlæggende grafisk design E2010 V. Ian Wisler-Poulsen IT-Universitetet BOMÆRKE OG NAVNETRÆK BOMÆRKE OG NAVNETRÆK FARVER TYPOGRAFI FAGO Ole schäfer OVERSKRIFT

Læs mere

(Første del af rapporten til og med afsnittet markedet er lavet som en gruppeproces. Denne del er udviklet i samarbejde med Jacob Using)

(Første del af rapporten til og med afsnittet markedet er lavet som en gruppeproces. Denne del er udviklet i samarbejde med Jacob Using) (Første del af rapporten til og med afsnittet markedet er lavet som en gruppeproces. Denne del er udviklet i samarbejde med Jacob Using) Til at starte med lavede vi en forundersøgelse for at finde frem

Læs mere

aresso coffee Redesign af visuel identitet & website for Baresso Skriftlig aflevering

aresso coffee Redesign af visuel identitet & website for Baresso Skriftlig aflevering Redesign af visuel identitet & website for Baresso Skriftlig aflevering aresso coffee ITU - DDK Grundlæggende Grafisk Design - efterår 2010 Thinh Duc Tran - thdu@itu.dk - 020583 2971 Vejleder: Ian Wisler-Poulsen

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV

COPENHAGEN. Opgaven. Kunden. Målgruppe. Layout 1. GRAFISK DESIGN // METTE-MARIE RANDSKOV COPENHAGEN Opgaven Kunden The Organic Bakery er en voksende bagerkæde i Storkøbenhavn med hovedsæde på Østerbro. Bageriet beskæftiger sig med økologisk bagværk, herunder brød og kager. Det, de er mest

Læs mere

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 9 Visuel Interface Design, 27/09/2011 Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

Læs mere

DANMARKS DOMSTOLE DESIGNGUIDE

DANMARKS DOMSTOLE DESIGNGUIDE DANMARKS DOMSTOLE DESIGNGUIDE Marts 2017 /2 INDHOLD FORORD 3 LOGO/ET STÆRKT SYMBOL 4 LOGO/ANVENDELSE 5 LOGO/SUPPLERENDE LOGOER 6 REGLER FOR BRUG AF KERNEBUDSKAB 7 FARVER 8 FARVE-SÆT 9 GRAFISK ELEMENT/BÅNDET

Læs mere

Designmanual. Romalt Idrætsforening 1981

Designmanual. Romalt Idrætsforening 1981 Designmanual Romalt Idrætsforening 1981 Introduktion Kære brugere af denne designmanual Denne designmanual omhandler pri mært brug af logo og farver i Romalt IF s designlinje. Den er ment og tænkt som

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april

8. Webdesign. Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april 8. Webdesign Grundlæggende Grafisk design Stefan Grage & Klaus Bjerager Tirsdag 5. april Kursusplan 5. apr. 12. apr. 18. apr. 9. Webdesign / Opg. 7: website K: Usability, s. 36-39 K: Smukkere grafisk design,

Læs mere

GRAFISK DESIGN Logo - inderst inde

GRAFISK DESIGN Logo - inderst inde GRAFISK DESIGN Logo - inderst inde Produkt Redegørlese HVAD GÅR OPGAVEN UD PÅ Denne opgave gik ud på og lave et logo for et undertøjs firma kaldt inderst inde, som skulle have en meget bred målgruppe,

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot

Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden

Læs mere

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11 GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.

Læs mere

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning. Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et

Læs mere

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl. Indledning Mit sidste projekt her på 1.semester gik ud på at jeg skulle lave et redesign af mit første portfolio, som jeg lavede i starten af semesteret. Formålet var at vise hvad jeg havde lært siden

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

CHAMP. Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Maria Jacobsen, 12gf32med8b, Aarhus TECH

CHAMP. Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Maria Jacobsen, 12gf32med8b, Aarhus TECH CHAMP Emballage lavet til det fiktive undertøjsfirma Inderst Inde. Grafisk design Opgaven Opgaven lød på at designe undertøjsemballage til det fiktive undertøjsfirma Inderst Inde. På æsken skulle der være

Læs mere

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Grafisk Design rapport Kom/IT

Grafisk Design rapport Kom/IT Grafisk Design rapport Kom/IT Filip Olsen & Frederik Bøgh Indholdsfortegnelse Teoriafsnit Form og farver... 1 Grundfarver... 1 Komposition og layout... 2 Praktisk Folder til teknologiprojektet Bæredygtig

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

UDFORDRINGEN. modul 4 - udfordringen. Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne

UDFORDRINGEN. modul 4 - udfordringen. Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne modul 4 - udfordringen UDFORDRINGEN Opgaven I vores sidste modul lød opgaven for vores gruppe på at lave en ja-kampagne til valget om retsforbeholdet den 3. december 2015. Vi fokuserede på emnet human

Læs mere

Grafisk design. sundfertilitet.dk

Grafisk design. sundfertilitet.dk Grafisk design sundfertilitet.dk Sundfertilitet.dk er en klinik, der behandler mænd og kvinder til bedre fertilitet. Min opgave var at redesigne deres hjemmeside samt lave et logo til sundfertilitet.dk.

Læs mere

DESIGNMANUAL AARHUS STUDENTERNES SVØMMEKLUB

DESIGNMANUAL AARHUS STUDENTERNES SVØMMEKLUB DESIGNMANUAL INTRODUKTION KÆRE BRUGERE AF DENNE DESIGNMANUAL Denne designmanual omhandler pri mært brug af logo og farver i STUDENT- ERNES SVØMMEKLUBs designlinie. Den er ment og tænkt som en god vejledning

Læs mere

Rapport for Redesign af virksomheden Feelgood Bakery

Rapport for Redesign af virksomheden Feelgood Bakery Rapport for Redesign af virksomheden Feelgood Bakery Gruppenavn: Bagedysten Medlemmer: Jens V. Hartfelt, Daniella Munck, Natalie K. Frandsen, Sara J. Klausen Link: http://afleveringer.hartfeltgrafik.dk/feelgoodbakery/index.html

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

DEL 2: DET SKRIFTLIGE

DEL 2: DET SKRIFTLIGE DESIGN AF VISUEL IDENTITET TIL DEL 2: DET SKRIFTLIGE Nicolaj Valberg Sundahl @ Grundlæggende Grafisk Design F2014 @ IT Universitetet SIDE 1 SIDE 2 SIDE 3 SIDE 4 I det følgende vil der indledningsvist blive

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Grafisk Design. Dansk Center For Organdonation

Grafisk Design. Dansk Center For Organdonation Grafisk Design Dansk Center For Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at få lavet et redesign af det logo, Dansk Center For fik fremstillet i 2008, af vores kommunikations afdeling.

Læs mere

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

Læs mere

DESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse.

DESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. DESIGN MANUAL Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. Designmanualen er et værktøj til brug for dem, der i det daglige

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

Læs mere

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html!

Portfolio redesign. Kia Dahlen! cph-kd51@cphbusiness.dk! 1. semester eksamen! MUL-A 2013! !!! www.mul17.itkn.dk/portfolio/index.html! Portfolio redesign Kia Dahlen cph-kd51@cphbusiness.dk 1. semester eksamen MUL-A 2013 www.mul17.itkn.dk/portfolio/index.html Underviserer: Ditlev Skanderby Frederik Tang Ian Wisler-Poulsen Jesper Hinchely

Læs mere

Grafisk design. Webdesign til barbershop

Grafisk design. Webdesign til barbershop Grafisk design Webdesign til barbershop Portfolio h1 Side 3 webdesign til barbershop Opgaven Barbershop i Horsens kom til os, for at få lavet et nye website. Afsender Barbershop er en barber salon i Horsens

Læs mere

10-trins raket til logo-design

10-trins raket til logo-design 10-trins raket til logo-design Stjerne-modellen Dette notat er udarbejdet i forbindelse med foredrag og kurser som supplement til bogen Virksomhedens logo. Ideen er, at det skal fungere sammen med bogen,

Læs mere

Case: http://www.julius-nielsen.dk/

Case: http://www.julius-nielsen.dk/ Case: http://www.julius-nielsen.dk/ Hjemmesidens formål og målgruppe Formålet med hjemmesiden må være at informere potentielle kunder om firmaet, da hjemmesiden indeholder informationer om firmaets historie,

Læs mere

DesignGuide. Gruppe B13. Olga Batrakova Nadezda Christersen Svetlana Koshman.

DesignGuide. Gruppe B13. Olga Batrakova Nadezda Christersen Svetlana Koshman. DesignGuide Gruppe B13 Olga Batrakova Nadezda Christersen Svetlana Koshman http://www.deleklub.dk/html_customized/web/sneakerscoffee014/index.html DesignGuide / Sneakers & Caffee / Gruppe B13 1 KONCEPTET

Læs mere

E-zine Online magazine

E-zine Online magazine E-zine Online magazine Anders Cramer Nielsen - http://www.anderscramernielsen.dk Bjarke Handsdal - http://handsdalize.com Casper Ragn - http://www.portfolio.casperragn.com Niels Otto - http://ottouch.com

Læs mere

Giv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt.

Giv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt. Above the fold analyser For at evaluere placering af de vigtigste links og elementer på forsiden, har jeg analyseret 18 tilfældige hjælpeorganisationers hjemmesider inklusiv Red Barnet Danmark. Jeg analyserede

Læs mere

Lagkagehuset VISUEL AFLEVERING. - af Christian Olin

Lagkagehuset VISUEL AFLEVERING. - af Christian Olin Lagkagehuset VISUEL AFLEVERING - af Christian Olin Farvepalette 1 Pantone 208 C C: 0%, M: 100%, Y:36%, K:37% Pantone 4625 C C: 0%, M: 60%, Y: 100%, K: 79% Sort Texture: flødeskum Hvid Bomærke 2 Bomærke

Læs mere

Grafisk design. Filmblad til tablet

Grafisk design. Filmblad til tablet Grafisk design Filmblad til tablet Lodret cover Opgavebeskrivelse: Mit digitale produkt er et filmblad til tablets over månedens film. Tablet udgaven er mere kompakt og gør at brugeren får et hurtigere

Læs mere

3. semester F&A, 2014 Jump Rope Production

3. semester F&A, 2014 Jump Rope Production Designmanual 3. semester F&A, 2014 Jump Rope Production Introduktion På 3. semester på Film & Animationslinjen 2014 har vi i Jump Rope Production arbejdet sammen med vores kunde Climb n Win, som er et

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

Designmanual PRINSES JULIANA JUNI 2015

Designmanual PRINSES JULIANA JUNI 2015 Designmanual JUNI 2015 Designmanual Brug af designmanual Designmanualen er udarbejdet, for at bibeholde Prinses Julianas retningslinjer for design på trykte- og digitale medier. Designmanualen er udarbejdet

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

grafisk design grafisk sign Jeppe Nedergaard

grafisk design grafisk sign Jeppe Nedergaard grafisk d sign Jeppe Nedergaard 1 faglighed... case... logo + hjemmeside kunde... sønderborg skatehal programmer.. illustrator + indesign + dreamweaver doku menta tion opgaven En af mine gode kammerater,

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

de fire grundelementer - samlet mærke baresso c offee

de fire grundelementer - samlet mærke baresso c offee de fire grundelementer - samlet mærke baresso baresso c offee c offee baresso c offee baresso c offee de fire grundelementer - typografi og farver #44321B CMYK: 52,64,84,61 neuropol Century Gothic #309CD7

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard

Grafisk Design OVERSIGT. 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard OVERSIGT 1 Opgaven A. Opgavebeskrivelse B. Målgruppe C. Brainstorm D. Moodboard 2 Logo A. Skitser B. Valg af fonte C. Farver D. S et E. Kvalitetstjek 3 App A. Overvejelser B. Format C. Moodboard D. Skitser

Læs mere

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E.

Portfolie Redesign. www.gaardbodesign.dk. Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013. Jens Jákup E. Portfolie Redesign www.gaardbodesign.dk Multimediedesigner CPH Business 1. sem. eksamensprojekt - Clmul-b12e Januar 2013 Jens Jákup E. Gaardbo indholdsfortegnelse design... gestaltlove... opbygning...

Læs mere

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...

Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

M.OE. Designmanual December 2014 1. udgave

M.OE. Designmanual December 2014 1. udgave M.OE Designmanual December 2014 1. udgave INDHOLDFORTEGNELSE ANVENDELSE 3 Rammer for anvendelse 4 GRUNDELEMENTER 5 Logo 6 Varianter 7 Skalering 8 Respektafstand 9 Farver 10 Typografi 11 Ikoner 12 BREVLINJE

Læs mere

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer

ErhvervsAkademi Sjælland. Visuel identitet og designretningslinjer ErhvervsAkademi Sjælland Visuel identitet og designretningslinjer Indholdsfortegnelse Formål 2 Værdierne bag EASJ s visuelle identitet 2 - Fællesskab 2 - Mangfoldighed 2 - Udvikling 2 Elementer i logoet

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

Dreamtours. Projekt 3 Visuel identitet og kommuikation

Dreamtours. Projekt 3 Visuel identitet og kommuikation Projekt 3 Visuel identitet og kommuikation Dreamtours En visuel identitet skabt af Anders Hanberg, Camilla Sabatinski, Mathis Gallego- Pedersen og Peter Schindler. Den danske multimediedesignklasse - 1.semester

Læs mere

Grafisk design 5 STK. ØL / DRINKS / VAND. Opgaven. Farver. Målgruppe. Logo. Stil og stemning Familie, hygge og samvær.

Grafisk design 5 STK. ØL / DRINKS / VAND. Opgaven. Farver. Målgruppe. Logo. Stil og stemning Familie, hygge og samvær. 1 DRINK GRAFISK DESIGN 5 STK. ØL / DRINKS / VAND GRAFISK DESIGN Grafisk design 3 DRINK 2 DRINK 5 DRINK 4 DRINK Opgaven bestod i at udvikle et nyt design til Galten byfest, som bliver holdt en gang årligt.

Læs mere

Niks Frost & Line Søs Hold 32B

Niks Frost & Line Søs Hold 32B Niks Frost & Line Søs Hold 32B Landdrup Dans - Sitemap Forside Om Galleri Stilarter Hold Priser Tilmeld Åbningstider Kontakt Landdrup Dans. Forsiden linker til 8 undersider: 1: Om (info om firmatet) 2:

Læs mere

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner. GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge

Læs mere

CINNOBER. Rapport. Redesign af hjemmeside. Gruppe 22 Anton Feldbæk Mia Winter-Queen Malou Antonius Tine De Freiesleben Røssel

CINNOBER. Rapport. Redesign af hjemmeside. Gruppe 22 Anton Feldbæk Mia Winter-Queen Malou Antonius Tine De Freiesleben Røssel Rapport Redesign af hjemmeside CINNOBER Gruppe 22 Anton Feldbæk Mia Winter-Queen Malou Antonius Tine De Freiesleben Røssel Komposition Hvem er målgruppen og hvordan ser en persona ud herfor? Tendensen

Læs mere

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

PROCESSUM DESIGNMANUAL 1.0 2013

PROCESSUM DESIGNMANUAL 1.0 2013 PROCESSUM DESIGNMANUAL 1.0 2013 1 INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE FORORD RETNINGSLINJER LOGO PLACERING OG BRUG FRIZONE: PLACERING: TYPOGRAFI PRIMÆR TYPOGRAFI SEKUNDÆR TYPOGRAFI KOMMUNIKATION GRUNDPAPIR

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

Læs mere

H1 portfolio TYPOGRAFI OMBRYDNING

H1 portfolio TYPOGRAFI OMBRYDNING H1 portfolio HVAD GÅR OPGAVEN UD PÅ Det er en fiktiv opgave, jeg fik stillet af Københavns Tekniske Skole s skolepraktik. Opgaven gik ud på at lave et opslag til livsstilsmagasinet Mad Bolig. Artiklen

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

Læs mere

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok

Læs mere

Projekt Kom/it A Semester 6

Projekt Kom/it A Semester 6 Jeanette Bengtsen og Isabel Odder Projekt Kom/it A Semester 6 Applikation - Virette Klasse 3.5k 05-04-2011 Indholdsfortegnelse: Indledning:... 2 Bollemodel:... 3 Formål og præmis:... 3 Indhold:... 3 Målgruppe:...

Læs mere

KT OR LOW PRODUKTION // WORKFLOW

KT OR LOW PRODUKTION // WORKFLOW PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside

Læs mere

Reklame af Air Fresher.

Reklame af Air Fresher. rskrift & underoverskrift rkering på placering af oplysningstekst. beskrivelse af produktets styrker sat dukt Oplysningstekst logo, der illustrerer indsat. en sol t kontaktnummer tation på grundlæggerne

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

GRAFISK DESIGN CAMILLA VINTER

GRAFISK DESIGN CAMILLA VINTER GRAFISK DESIGN CAMILLA VINTER OPGAVEBESKRIVELSE (Fiktiv) Jeg har valgt at lave en ny visuel identitet for Tv-programmet KURS MOD FJERNE KYSTER. I programmet følger du Mikkel Beha s og resten hans familie,

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels Bilag 1 Bilag 2 Projekt 1 - usability test og marketing Gruppe: Senia, Agnete, Andreas, Ninette Website: postdanmark.dk Undersøgelsesområde: navigation og funktionalitet Tests: Brugertest (funktionalitet)

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

Sorø Kommune Opdatering af visuel identitet. December 2014

Sorø Kommune Opdatering af visuel identitet. December 2014 Sorø Kommune Opdatering af visuel identitet December 2014 Sorø Kommunevåben Gentegning af våbenskjold med tydelige referencer til det oprindelige byvåben. Skjoldet fremstår i en farve (monokrom gengivelse)

Læs mere

Grafisk design AnnA SkAk Mediegr Afiker

Grafisk design AnnA SkAk Mediegr Afiker Grafisk design opgaven Jeg fik til opgave, at udforme en værdikupon til svenske Adlibris Fotoservice. Værdikuponen skulle være i A5-format på 2 sider. På første side skulle der være en indledende tekst

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer

Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe...6 Købskriterier Design Parametre...8 Tekst Illustrationer Grafik Design...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Målgruppe....6 Købskriterier Design Parametre...8 Tekst Illustrationer Farver Form AIDA.... 10 Attention Interest Desire Action

Læs mere

Michella+Serritzlew+Jacobsen+

Michella+Serritzlew+Jacobsen+ Designmanual+ Afsluttende+projekt+1.+Semester++ Michella+Serritzlew+Jacobsen+ CopenhagenBusinessAcademy 1.Semester MichellaSerritzlewJacobsen MULB Indholdsfortegnelse PBS...3 WBS...3 Brainstorm...4 Wireframes...5

Læs mere

GRAFISK DESIGN. Rune Hjørringgaard

GRAFISK DESIGN. Rune Hjørringgaard GRAFISK DESIGN Rune Hjørringgaard Opgave: Skabe en sammenhængende visuel identitet for den aarhusianske elektroniske festival OurHouse. Herunder logo, promoplakater, app, udtryk på sociale medier & merchandise.

Læs mere

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet Website design for WALK & TALK LYNGBY STAVGANGSKLUB Gruppemedlemmer fra Mul A Auguste Ottesen Ida Bach Mark Harboe Patrick Eilert https://augusteottesen.wordpress.com https://idabachhansen.wordpress.com

Læs mere

RESPONS. Få flere henvendelser via dit b2b website. Quick Guide til bedre online markedsføring

RESPONS. Få flere henvendelser via dit b2b website. Quick Guide til bedre online markedsføring Quick Guide til bedre online markedsføring RESPONS Få flere henvendelser via dit b2b website Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing 1 Lign en forretning Produktet

Læs mere

Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring

Vend billedet... med de 10 bud for B2B-webdesign. Quick Guide til bedre markedsføring Vend billedet... med de 10 bud for B2B-webdesign Quick Guide til bedre markedsføring 1 Lign en forretning Produktet kommer først Præsentér dine B2B-produkter og -serviceydelser allerede på forsiden af

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT Rikke Ihle & Jeppe Brogaard Roskilde Tekniske Gymnasium Indholdsfortegnelse Indledning... 2 Planlægning... 2 Problem... 3 Målgruppe... 3 Løsning... 3 Produkt... 3

Læs mere

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt. Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende

Læs mere