1.2 Brugerprofil og brugerscenarie.. side Eksempel på webside.. side 4

Størrelse: px
Starte visningen fra side:

Download "1.2 Brugerprofil og brugerscenarie.. side 3. 2.2 Eksempel på webside.. side 4"

Transkript

1

2 Indholdsfortegnelse: 1. Udforskende research og analyse 1.1 Idékatalog.. side Brugerprofil og brugerscenarie.. side Mission Statement side 3 2. Research og analyse af den givne stil 2.1 Stilens karakteristika. side Eksempel på webside.. side Udformning af webside. side 5 3. Observationsbaseret research, konceptudviklingsmetode og gruppeproces 3.1 Observationsbaseret research, konceptudviklingsmetode.. side Projektstyringsforløb.. side 7 4. Kode 4.1 kodeekspempler.. side Forklaring på koder. side 9 Kildeangivelse.. Bilag..

3 Kommunikation Målgruppe: Til vores koncept er målgruppen os selv. Valget af målgruppen har betydning for kulturmaskinens måde at nå ud til målgruppen på. Det er afgørende for kulturmaskinen at de har sat sig grundigt ind i, at lære deres målgruppe at kende. Målgruppen er som sagt os selv. Unge mennesker mellem år, under uddannelse eller nyuddannet. Vores målgruppes vigtigste forventninger til vores webside er, at få informationer og blive oplyst. Vores målgruppe kan både have erfaringer og lidt kendskab til brug af tekniske kundskaber, så derfor er det vigtigt at vores webside er brugervenligt for alle i vores målgruppe. 1.1 Idékatalog. - Konkurrence: Vores første idé er at kulturmaskinen afholder en konkurrence på deres hjemmeside. Formålet med dette ville være, at vores målgruppe er tvunget til at vende tilbage til kulturmaskinen eller deres hjemmeside, for at se hvor langt de er i konkurrencen. Et andet formål er, at det skaber interesse of vores målgruppe får lyst til, at deltage. Konkurrencen kunne hedde månedens billede og derved gå ind på kulturmaskinens hjemmeside og stemme på det billede den pågældende person synes er flottest, eller sender det bedste budskab. Månedens billede kunne også have et tema og på den måde er der et lille krav til dem der deltager i konkurrencen. Vi mener denne idé er god fordi den optimerer oplevelsesforløbet, ved at det varer længere. Hele forløbet omkring udnævnelsen varer et stykke tid da månedens billede kun bliver kåret en gang om måneden. Udover det så ville deltageren føle at det er en begivenhed hvis personen gik hen og vandt. Den sidste fordel ved vores idé er at kulturmaskinens hjemmeside konstant vil være opdateret og der vil hele tiden ske noget nyt og det fremmer interessen for folk, og de vil derefter vende tilbage. - Nyhedsbrev: Vores anden idé er et nyhedsbrev. Dette nyhedsbrev skal indeholde månedens arrangementer, tilbud i caféen, ny viden og andre ting der ændre sig løbende ved kulturmaskinen. Dette nyhedsbrev skal ligge som PDF-fil på kulturmaskinens hjemmeside og det skal sendes ud til folks mail, hvis vores 1

4 målgruppe har tilmeldt sig. Nyhedsbrev er en god idé da det er en billig løsning, men samtidig kan den være meget effektiv hvis den skrives rigtigt. For at dette nyhedsbrev skal blive en succes, skal det være så målrettet til vores målgruppe som overhovedet muligt. Vi skal skrive lige præcis det de har brug for at høre, så det vækker mest muligt interesse. Det er vigtigt det er et super inspirerende design, letlæseligt og fattet i korthed, så vi ikke mister nogen på vejen. - Aktion: Vores sidste idé er en aktion. Vores målgruppe tilmelder sig på kulturmaskinens hjemmeside og får derefter tre måneder til at lave hvad som helst på et af kulturmaskinens værksteder. Det kan være en kjole, en hat, en krukke, en plakat, en stol eller et smykke. Der kan også være mulighed for at kombinere værkstederne, ved fx en stol med stof på. Alle deltagernes ting vil der blive taget billeder af og derefter lagt op på hjemmesiden. Sidst på måneden i hver tredje måned vil der blive holdt aktion på en af scenerne. Alle folk er velkomne til denne aktion. Gæsterne vil byde på tingene og den der byder højst får lov at købe den ting, for den pris. For at der vil falde et lille beløb til kulturmaskinen, går 20 % af beløbet den pågældende ting er solgt for, til dem. De sidste 80 % går selvfølgelig til den deltager der har lavet den ting der er blevet solgt. Denne aktion vil optimere både begivenhedsforløbet og oplevelsesforløbet for vores målgruppe. Dette projekt vil vare over en længere periode og på den måde bliver vores målgruppe nød til at vende tilbage til kulturmaskinen. - Udendørs arrangement: Ved kulturmaskinen er der et stort område udenfor, dette område kunne blive udnyttet godt om sommeren. Vi har derfor fået en idé der handler om alle de ting der er blevet lavet på de forskellige værksteder på kulturmaskinen. Det udendørs område kunne om sommeren blive lavet om til en udstilling. Dette arrangement kunne findested to gange hver sommer, da mange er på sommerferie og af den grund ikke har tid til at deltage. Caféen kunne lave noget udenfor samtidig, så folk kan få noget og drikke og spise. Denne udstilling er ting der er blevet lavet igennem de sidste to år på kulturmaskinen. Dette er til 2

5 fordel for både målgruppen og kulturmaskinen. Målgruppen får en rig oplevelse og får lyst til at komme tilbage. Kulturmaskinen får brugt sit udendørsareal og salget i caféen stiger de to aftener der er fyldt med gæster. 1.2 Brugerprofil Profil I 1 : Navn: Søren Pedersen. Køn: Mand. Alder: 26. Uddannelse: Tømmer. Stilling: Tømmersvend. Civilstand: Single. Internetforbindelse: ADSL 10/1Mbit Profil II 2 : Navn: Josefine Jacobsen. Køn: Kvinde. Alder: 21. Uddannelse: Datamatiker. Stilling: Studerende. Civilstand: Kæreste. Internetforbindelse: ADSL 50/1Mbit Brugerscenarie: Søren vil bruge kulturmaskinen.com til at se hvornår hvilken nye stand-up shows som kommer. Han vil gerne kunne så film og/eller lydklip fra det showet han måske vil se. Han har ikke så meget tid eller interesse foran computeren, så der må ikke være for meget information, men heller ikke for lidt. Josefine ønsker nyheder, nyheder, nyheder det er hendes 3 vigtigste præferencer når hun skal besøge kulturmaskinen.com. Hun vil ikke se på den samme side hver gang hun kommer. Hun vil opleve noget nyt og spændende. Men hun vil heller ikke have for meget. Kun det vigtigste og siden skal være brugbar. Josefine ønsker også at kunne få information hvad der sker på kulturmaskinen. Visuel collage 3 1 Se bilag 1 2 Se bilag 2 3 Se bilag 3 3

6 1.3 Mission Statement Formålet med hjemmesiden er, at nå ud til folk, et større publikum. Hvis Vores webside er inspirerende og informativ og når ud til mange mennesker vil det skabe interesse og derved vil Kulturmaskinen få flere besøgende. Det er det budskab vore hjemmeside sender de er vigtig. Design 2. Research og analyse af den givne stil. 2.1 Vi har i gruppen besluttet os for, at vores hjemmeside skal bære præg af modernisme. Vi har tidligere arbejdet med modernisme og mente at den stilart gav os rig mulighed for at udfolde os kreativt, og derved lave den mest effektive, men samtidig den mest oplevelsesrige hjemmeside, til vores kunde Kulturmaskinen. Modernisme er en kunstperiode der fik sit gennembrud i 1900-tallet. Modernisme ligger lige før postmodernisme og senmodernismen, men lige efter efterkrigstiden. Måden modernistisk typografi og grafik blev udtrykt på i Midteuropa bærer tydeligt præg af, at det er i efterkrigstiden vi befinder os. Folk ville finde en løsning og et middel til alt. Alt kom i udvikling, medicin, transport, bygninger og viden. Alt skulle have en grund og en funktion. Dette ses tydeligt i blandt andet arkitektur, fra den tid som i høj grad blev inspireret af den tyske Bauhaus-skoles eksperimenter med nye materialer 4. Store geometriske figurer og alt har en funktion, væk med harmoni og unødig pynt. Karakteristika for modernistisk grafik og typografi blev til abstrakte geometriske mønstre, farverkombinationer, abstrakte billeder og tekstmanipulation, med det formål, at det blev set på en interessant måde. I dag er modernistisk stil på en hjemmeside stort set det samme, kontrast, både i farver og størrelser, klar adskillelse mellem tekst og illustrationer. Eksempel to viser tydeligt kombinationen af både typografi og 4 Se bilag 4 4

7 geometriske figurer 5. Derved gør det værket interessant og det kræver at man lige læser det en gang mere for at forstå det. 2.2 Her ses det tydeligt at hjemmesiden hører til den modernistiske stil 6. Det kommer til udtryk igennem flere elementer, der kan bland andet nævnes følgende. Der er brugt helt klare og tydelige linjer, klare og enkle basisformer, hele navigationen består udelukkende af firkanter af samme dimensioner. Det er tydeligt at se at elementerne flugter med hinanden, og hele sidens opbygning er meget klar. Tekst og billeder er adskilt. Der er udelukkende brugt Sans Serif skrifter, der også understøtter den modernistiske stil. Farvevalget er meget simpelt, der er primært brugt sort og hvidt, og så enkelte primærfarver til at understøtte eksempelvis navigationen. (Rød markering omkring News på eksemplet.). På nyhedssiden 7 er det mange af de samme elementer der gør sig gældende. Farvevalget er det samme som på forsiden, og den røde farve fra navigationen på forsiden videreføres, og markeres tydeligt både i venstre side, men også som en klar linje der understøtter menuen foroven. Der er også tilføjet endnu en basis form, cirklen, som nu optræder forskellige steder på siden som forskellige funktionsknapper der tjener praktiske formål. 2.3 Udformning af websitet og valg af virkemidler Vi har valgt at udforme vores website efter den modernistiske stil. Vi har på forsiden valgt at implementere et slideshow, for at fange brugerens opmærksomhed, og byde på noget spændende indhold. Nedenunder har slideshowet vi valgt at lægge Nyheder og Events, da vi mener det er noget af det allervigtigste ved Kulturmaskinen, da det er det der driver det hele. Man kan så klikke sig videre på de forskellige nyheder eller events hvis man vil læse nærmere om dem. Øverst på siden har vi placeret vores menu, vor der er let adgang til de vigtigste emner omkring kulturmaskinen. Den omfatter: Forside, Konkurrence, Events, Værksteder, Galleri og 5 Se bilag 5 6 Se bilag 6, 7 Se bilag 4, 5

8 Om os. For at lette navigeringen på siden har vi sørget for at man i menuen kan se hvilken side man er på. Dette kommer til udtryk ved at det tilsvarende punkt ikke er understreget. Vores website matcher den modernistiske stil gennem hele den overordnede udformning. Vi har brugt lige linjer, i rød for at understøtte stilen. Dette giver siden et meget enkelt og modernistisk udtryk, samtidigt med at det bidrager til at siden fremtræder mere spændende. Derudover har vi holdt siden i sorte og hvide farver, for ikke at tilføje for meget unødvendigt pynt der ikke tjener noget reelt formål. På forsiden har vi brugt en sort bjælke til at adskille nyheder og events, for at gøre siden lettere læselig og brugbar. Alle henvisninger og links på siden er markeret med en tynd rød streg nedenunder, så der ikke hersker tvivl om det er noget man kan klikke på. De eneste elementer der ikke i så høj grad kan knyttes til den modernistiske stil er den store mængde billeder og hele billedgalleriet som ligger på siden. Dette har vi dog valgt at gøre alligevel for at give brugerne en en god visuel oplevelse og stimulere deres sanser. For at imødekomme brugerne har vi ligeledes implementeret videoer på siden, da det giver en anden oplevelse og dermed tilfører lyd. Dette er meget vigtigt da Kulturmaskinen i stor grad beskæftiger sig med koncerter, hvor netop lyden og musikken er i fokus. Som en ny og spændende tiltag har vi lavet en Konkurrence side med Månedens billede. Der vil her være mulighed for alle for at uploade deres eget billede fra en koncert, eller bare en dag på værkstedet. Efterfølgende vil man så kunne stemme på det billede man syntes bedst om, og vinderen vil blive præmieret og billedet vist inde på siden. Virksomhed 3. Observationsbaseret research og konceptudviklingsmetode og gruppe proces 6

9 3.1 Ved vores besøg på Kulturmaskinen fik vi taget en række billeder, og dannet os et godt indtryk omkring hvordan hele stedet fungerer og hvilke faciliteter og muligheder det byder på. En af de væsentlige ting vi fik et tydeligt indtryk af, er at der er plads til alle, og til mangfoldighed. Det kom blandt andet til udtryk i medieværkstedet, hvor der kommer mange forskellige mennesker for at arbejde med noget grafisk 8. Vi oplevede i blandt andet i ler og tekstilværkstedet en række håndværksmæssige produkter der stod udstillet nogle af dem var endda til salg. Der fik vi idéen til at lave en auktion med nogle af de ting som alligevel er til salg, få taget nogle billeder af dem, og så lægge dem på hjemmesiden til salg 9. Da vi ankom, var noget af det første vi lagde mærke til ligeledes den store gård der ligger omkring Kulturmaskinen og Magasinet. Farvegården, som den bliver kaldt, er perfekt til udendørsarrangerementer. Selvom November kulden ikke ligefrem indbyder til det, så kunne man sagtens forestille sig at der kunne holdes nogle rigtigt spændende arrangerementer i den lidt lunere del af året 10. Inde i den store sal i Magasinet fik vi hurtigt oplevelsen af en meget intim og hyggeligt stemning. De store lamper ledte straks tankerne hen på fede koncert oplevelser 11. Vores valg af koncept udspringer meget i vores indsamlede indtryk og billeder, vi fik ved vores besøg på Kulturmaskinen. Som sagt så vi disse lerfigurer, tøj, hatte og andre ting folk havde lavet, var blevet sat til salg. Disse ting stod i et lille glasskab. Kjolerne og tasker var selvfølgelig klædt på en påklædningsdukke. Vi var alle i gruppen enige om at det var nogle meget unikke ting der var blevet lavet på Kulturmaskinen og vi begyndte at skrive vores mindmap. 12 Mindmap er et redskab vi i gruppen har brugt som et huskekort. Det hjælper os til at holde styr og overblik over alle vores idéer. Vi kom frem til, at kulturmaskinen kunne lave en aktion ud af alle disse ting. Det er til fordel for både Kulturmaskinen og for den enkelte person der har lavet værket. Vores konklusion er, at besøget på Kulturmaskinen og metoden med brug af mindmap har hjulpet os igen og givet os en masse idéer om, lige præcis hvordan vores koncept og website skal se ud og hvilke funktioner begge dele skal have, for det er mest brugervenligt for kulturmaskinens målgruppe. 8 Se bilag 8 9 Se bilag 9 10 Se bilag Se bilag Se Bilag 9 - mindmap 7

10 3.2 Projektstyringsforløb/evaluering af gruppeproces tidsskema Mandag Tirsdag Onsdag Torsdag Fredag Udvælgelse af projektleder. Stilens karakteristika Design Mindmap idékatalog Brugerprofil Sammenfat observationer og indtryk fra research på kulturmaskine n Besøg på Kulturmaskine n hjemmearbejd e Modernisme Start på Mockup til webside Mission statement Webside Sammens æt rapport Webside Webside Galleri Webside Webside Beskrivelse af udformning af hjemmeside Webside kodeeksempel Færdigskrivnin g af rapport Finpudsnin g af rapport og webside Fælles refleksion over gruppeforlø b Vi startede projektet mandag morgen og begyndte med at læse opgaven igennem. Vi vedtog en projektleder og fordelte gruppemedlemmernes roller og ansvarsfordelinger ud. Vi blev enige om at Michael skulle være vores projektleder og har ansvaret for, at hele processen hænger sammen og at deadlines bliver overholdt. Derudover er han ansvarlig for vores hjemmesides tekniske opbygning. Jonathan er ansvarlig for siden design og struktur, og Sari har ansvaret for rapporten og at de forskellige dele i rapport bliver kædet ordentligt sammen Vi har her sidst på ugen sat os sammen i gruppen og reflekteret over hvordan vores gruppearbejde og ansvarsfordelinger gik. Vi mener i gruppen at ansvarsfordelingerne har været rigtig gode. Alle i gruppen har holdt styr på det de skulle. Vi har været gode til at informerer hinanden og dele alt arbejde på Drop Box. 8

11 3.2.4 Vi mener i gruppen, at vi har fungeret fint som gruppe. Både Jonathan og Michael er pragmatikere. De har beskæftiget sig med det praktiske og design. Vi har i gruppen tydeligt kunne mærke at der har været mange idéer fra pragmatikerens side, hvilket også et typisk. Sari er teoretikere, og det har gruppen tydeligt kunne mærke, da hun mest har sat sig ind i de forskellige teorier. De to forskellige læringsstille har på tre forskellige måder bidraget med idéer. Vi mener ikke det har været negativt, at vi kun har to forskellige læringsstile i gruppen, det har fungeret fint. Til næste projekt har vi tænkt os, at øre som dette projekt. At holde hinanden opdateret, dele hinandens arbejde og være gode til at kommunikere. Interaktion 4. Kode 4.1 Kodeeksempel 1: Google FONT API Desværre er der ikke mange skrifttyper, som kan bruges til websites, fordi det kræver brugeren har på deres computer og det ved man ikke på forhånd, når man designer. Dette har Google lavet en løsning på med en kode, som man integrere på sin website: <link href='http://fonts.googleapis.com/css?family=pt+sans:regular,italic,bold,bolditalic&subs et=latin' rel='stylesheet' type='text/css'> Dette indsætter man i <head> på samme måde som når man laver en reference til et ekstern CSS dokument. Nu kan man bruge andre typer skrifttyper, blot de findes på Google Font API, som konstant bliver udvidet. Vi valgte PT Sans. Fremgangsmåden er faktisk præcis den samme måde, som man normalt styler sin skriftyper: h1 {font-family: 9

12 'PT Sans', arial, serif; } Bruger som ikke har skrifttypen installeret på deres computer, skal ikke downloade den, da den ligger på Googles server. Det gør at man ikke får ekstra ventetid, når man åbner siden og den fungere i alle browser, selv Internet Explorer 6. Kodeeksempel 2: rød understregning på hyperlinks Vi har valgt at style vores hyperlinks på en udsædvanlig metode, som ikke er benyttet så meget. Vi har valgt at give dem en rød understregning, som giver dem en unik effekt og sørger for de holder stilarten, men også gør dem brugervenlige, så brugerne kan se at det er links og de vækker opmærksomhed fra traditionelle hyperlinks. Dette gør man på følgende måde. #events a {text-decoration: none; border-bottom: 1px solid red; color: black; font-weight: normal;} Denne kode laver et link, fjerner den almindelig understregning og sætter en border (streg) på som er rød med sort tekst. #events a:hover { text-decoration: none; border-bottom: 1px solid black; color: red; }Denne kode laver hover-effekten (rul-over). Igen fjernes understrengingen, men nu indsættes deres en streg som er sort med rød tekst. 10

13 Litteraturliste Brugervenligt webdesign 2. udgave af Rolf Molich Nyt Teknisk Forlag The Yahoo! Style Guide af Chris Barr - Yahoo! q=modernisme+arkitektur+k%c3%b8benhavn&aq=f&aqi=&aql=&oq=&gs_rfai= 11

14 Bilag 1 Søren er uddannet tømmer, 26 år og bor i en 2 værelset ejerlejlighed i Odense C, fordi det er dejligt centralt. Allerede i folkeskolen vidste han, at han ville være tømmer, præcis som hans far. Søren interesserer sig ikke meget for internet eller computer. Det er blot et redskab, når han skal tjekke noget. Han får en kammerat til at installere og opdatere hans computer, og der kan gå lang tid mellem det sker. Så computeren er ikke altid opdateret. Hans computer en HP bærbar med Windows Vista og han bruger Internet Explorer 8, som var installeret på forhånd. Den har jeg altid brugt og gider ikke installere noget nyt siger Søren om hans valg af browser. Søren gider absolut ikke vente på noget, som han selv siger Mit liv er til at sidde og vente på en side loader en firkant som blinker. Han bruger mest computeren til internet, især Face book, men også til netbank og han har shoppet på nettet nogle gange, da han har opdaget at stylings-udstyr til hans bil er langt billigere i Holland og Tyskland. Søren bruger sin fritid på at spille fodbold, spille Xbox og drukture med vennerne. Han stemmer til valg, men politik interesserer han sig ikke sønderligt og stemmer på Venstre, fordi han ikke gider betale skat. Josefine er en kvinde, som ved alt om computer. Nogle bliver født med en sølvske i munden, Josefine blev født med en computer. Da matematik så også var hendes yndlingsfag på gymnasiumet, vidste hun straks, at hun ville læse datamatiker. Bilag 2 Josefine har den nyeste Apple bærbar og en stationær derhjemme, samt et mobilt ß bredbånd fra 3, så hun altid er på nettet. Hun skifter altid computere ud, når der kommer en ny mobil. Hun bruger Chrome browseren fra Google, da den er den nyeste og den som kan levere flest nye specs. Hun har altid travlt og burger internettet som et redskab, til at holde kontakt med venner og veninder. Hun læser nyheder og holder sig opdateret om alt relevant indenfor hendes uddannelse. Hun bor i 3 værelset lejlighed i Odense sammen med sin kæreste, som hun var mødt på uddannelsen. I hendes fritid elsker hun at gå på cafe, shoppeture og biografture med veninderne. Hun er SF er og hun har været aktiv i SFU i cirka 5 år.

15 Bilag 3 Bilag 4 ß Bilag 5 ß

16 Bilag 6 ß Bilag 7 ß

17 Bilag 8 ß Bilag 9 ß Bilag 10 ß

18 Bilag 11 ß Bilag 12 Mindmap

Style & Experience. Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan

Style & Experience. Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan Style & Experience Gruppe 24 Michael Nakel Andersen, Sari Wichmann, Jonathan Agenda Udforskende research og analyse Research og analyse af den givne stil Observationsbaseret research Kode Websitet Udforskende

Læs mere

Style & Experience 1. semester efterår 2011 25. november - 2. december

Style & Experience 1. semester efterår 2011 25. november - 2. december obligatorisk projekt Style & Experience 1. semester efterår 2011 25. november - 2. december Har du samme forhold til jazz? Odense Vinterjazz er en jazzfestival der finder sted hvert år i oktober. Koncerterne

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

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

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

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

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

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW Hjemmesidedesign GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline

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

WORKFLOW & PRODUKTION

WORKFLOW & PRODUKTION OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation

Læs mere

RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d. 17-9-2015. Sara Jacobsen & Natasja Christoffersen 3. års HTX

RESPONSIV WEBDESIGN. Gøg og Gokke. Kommunikation IT Afleveres d. 17-9-2015. Sara Jacobsen & Natasja Christoffersen 3. års HTX RESPONSIV WEBDESIGN Gøg og Gokke Kommunikation IT Afleveres d. 17-9-2015 Sara Jacobsen & Natasja Christoffersen 3. års HTX Indhold Indledning... 2 De seks faser... 2 Problemanalyse... 2 K-strategi... 3

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

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

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

Få optimeret dit firmas website til mobilen og styrk dit image ud af til.

Få optimeret dit firmas website til mobilen og styrk dit image ud af til. Få optimeret dit firmas website til mobilen og styrk dit image ud af til. Hvorfor? Vi danskere vil være på nettet overalt. Og det kan ses på mængden af datatrafik, vi henter og sender til og fra vores

Læs mere

Gruppe 16: Allan, Jeppe og Janne Odense, den 26.novemver. 2010 KULTURMASKINEN. Style & Experience Projekt 2. Institution MMD

Gruppe 16: Allan, Jeppe og Janne Odense, den 26.novemver. 2010 KULTURMASKINEN. Style & Experience Projekt 2. Institution MMD KULTURMASKINEN Style & Experience Projekt 2 Institution MMD Vejledere: Mette Agerbæk, Kent Karlsson, Hans Peter Kjær, Karen Malene Andreasen og Merete Østergaard - 1 - Indholdsfortegnelse Introduktion...

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

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

DSU Dansk Stavgang Union

DSU Dansk Stavgang Union DSU Dansk Stavgang Union Projekt 3 af Camilla, Mateen, Mikkel & Sandie Indholdsfortegnelse Design brief Side 3 Projektplanlægning Side 4 Stakeholder analyse Side 6 Informations arkitektur Side 8 Medier

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

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

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

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

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

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

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

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

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

MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz

MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz MMD odense 2011 Style & Experience gruppe nummer? MMD Odense WebB 2011-12-01 Diar Baker, Tobias Wagtberg, Muharrem Karakaplan og Mahdi Sarwari Facebook link: http://www.facebook.com/odensevinterjazz Hjemmeside

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

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy GRAFISK DESIGN Hjemmeside til Dizzy Mizz Lizzy PROCESSBESKRIVELSE Beskrivelse af Dizzy Mizz Lizzy website Opstart 01. Research, filsøgning, idégenerering, målgruppe. 02. Designopsætning i photoshop Målgruppe

Læs mere

Vejledning for Modeller

Vejledning for Modeller Vejledning for Modeller Vejledning for Modeller Side 1 af 12 Indholdsfortegnelse Chat typer på Cam4You... 3 Min Konto... 4 Gå online... 4 Specielt ved privat chat... 10 Mine indstillinger... 11 Ændre priser...

Læs mere

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

Grafisk produktion & workflow

Grafisk produktion & workflow Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.

Læs mere

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

Læs mere

Afsluttende - Projekt

Afsluttende - Projekt 2014 Afsluttende - Projekt Rapporten er udarbejdet af Ali, Andreas og Daniel Vejleder Karl G Bjarnason Indholdsfortegnelse Indledning... 2 Case... 3 Design... 4 Python kalender:... 4 Poster:... 4 Planlægning...

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)

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

Grafisk workflow 3. Hovedforløb

Grafisk workflow 3. Hovedforløb Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara

Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Afsluttende projekt(kom/it): E-learning Hjemmeside om ballonprojekt Af: Kevin, Martin og Sara Roskilde Teknisk Gymnasium Dato 02/04/13 08/05/13 Side 1 af 9 Indhold Problem... 3 Overvejelser... 3 Produkt...

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

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

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

Analyse-opgave. Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam. Indhold: Kommunikation. Persona. Styletile.

Analyse-opgave. Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam. Indhold: Kommunikation. Persona. Styletile. Analyse-opgave Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam Indhold: Kommunikation Persona Styletile Responsive Design Wireframe Virkemidler Kommunikation Kyoto er en fashion butik

Læs mere

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE

Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Birgitte Bremholm Persson MG21 svendeprøve 2015 MEDIEGRAFIKERSVENDEPRØVE Grafisk produktion og workflow Grafisk produktion og workflow l 12 Pedersholmparken 6 DK 3600 Frederikssund Tlf.: +45 27 57 7164

Læs mere

Kommunikation og Samfund

Kommunikation og Samfund rt Kommunikation og Samfund KOM/IT Jannik Nordahl-Pedersen HTX - Roskilde Klasse 3.5 28-02- 2 0 1 2 1 Indholdsfortegnelse Indholdsfortegnelse... 2 Indledning... 3 Problemformulering... 3 Valg af løsning...

Læs mere

ADMINISTRATION AF ET KVARTER

ADMINISTRATION AF ET KVARTER ww.mit-kvarter.dk ADMINISTRATION AF ET KVARTER Indholdsfortegnelse: Om Mit-Kvarter... 2 Kom godt i gang... 2 Kontaktpersoner... 2 Mit-Kvarter s struktur... 2 KVARTER FUNKTIONER... 2 Rediger et kvarter...

Læs mere

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 1 Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012 Indhold Projekt Beskrivelse... 3 Temaer... 3 Afsender... 4 Budskab & Kommunikations formål...

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

IT vejledning for Studerende

IT vejledning for Studerende IT vejledning for Studerende Computere På skolen anbefales det, at du kun bruger computere med Windows installeret. Apple/Mac eller computere med Linux installeret vil have problemer med at bruge nogen

Læs mere

grafisk workflow Madmagasinet

grafisk workflow Madmagasinet grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site

Læs mere

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas INDHOLD GRUPPEMEDLEMMER...3 DESIGNBRIEF...4 KOMMUNIKATIONSANALYSE...4-5 KOMMUNIKATIONSMODEL...5 ARGUMENTATION FOR DESIGNPRINCIPPER...6

Læs mere

Introducering af Flip MinoHD: http://celikshadow.dk/flip/

Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Introducering af Flip MinoHD: http://celikshadow.dk/flip/ Ahmad Hahmoud Besir Redzepi Jeffrey Lai 04/05-2009 2.semester 3. projekt Indholdsfortegnelse: 1.0 Forord 3 2.0 Kommunikationsplan 4 3.0 Navigationsdiagram

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

Crossmedia Øvelse 1 Case: Danmarks Indsamling

Crossmedia Øvelse 1 Case: Danmarks Indsamling Bechmann Petersen: Hvad er formålet med Danmarksindsamlingen? At indsamle penge til børn på flugt syd for Sahara Placer Danmarksindsamlingen i figur 8, s. 31 i På tværs af medierne, ud fra jeres nuværende

Læs mere

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

Grafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende

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

Bilag 6. Transskription af interview med Emil

Bilag 6. Transskription af interview med Emil Bilag 6 Transskription af interview med Emil Alder? 18 år gammel Hvilket klassetrin? Jeg går i 2.g Dig med tre ord? Engageret målrettet, det ved jeg ikke hvad det tredje skulle være. Pligtopfyldende? Hvad

Læs mere

Dokumentation. Grafisk Design

Dokumentation. Grafisk Design Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide

Læs mere

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

Læs mere

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011

Van, Olaf, Stine & Nicolette Style and Experience 02-12-2011 Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.

Læs mere

Projekt beskrivelse. Indledning. Målgruppeanalyse. Metoder til research. Kampagne indhold

Projekt beskrivelse. Indledning. Målgruppeanalyse. Metoder til research. Kampagne indhold Projekt beskrivelse Indledning Vi vil gerne lave en kampagne hvor vi har RTG som kunde. Målet med kampagnen er at få flere elever på RTG og finde ud af hvilke fordomme der er omkring RTG iblandt vores

Læs mere

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp

Oliver Marco van Komen Afsluttende opgave 02-05-2014. Kost ved slidgigt. Case 2. Personlig fysisk hjælp Kost ved slidgigt Case 2. Personlig fysisk hjælp Problemobservering Sygdommen slidgigt også kaldes artrose er den mest udbredte led sygdom overhovedet, det kan medføre voldsomme smerter. Sygdommen påvirker

Læs mere

Projekt Reklamefilm Kom/IT. 18-03-2014 2.y, HTX, EUC Syd Sønderborg Sahra M. Andersen

Projekt Reklamefilm Kom/IT. 18-03-2014 2.y, HTX, EUC Syd Sønderborg Sahra M. Andersen Projekt Reklamefilm Kom/IT 18-03-2014 2.y, HTX, EUC Syd Sønderborg Sahra M. Andersen Projektbeskrivelse Projektet går ud på at der skal udarbejdes en reklamefilm, der reklamere for en virksomhed/institution/produkt,

Læs mere

hjemmeside rediger selv din med få klik Professionel e-mail, som du kan se overalt Hvor mange besøger din side og hvem er de?

hjemmeside rediger selv din med få klik Professionel e-mail, som du kan se overalt Hvor mange besøger din side og hvem er de? Rediger selv din hjemmeside med få klik Hvor mange besøger din side og hvem er de? Professionel e-mail, som du kan se overalt rediger selv din hjemmeside med få klik + + Få en hjemmeside i et CMS system,

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

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

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

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

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

FACEBOOK MARKETING. Simple teknikker der kan booste virksomhedens salg og omsætning via Facebook.

FACEBOOK MARKETING. Simple teknikker der kan booste virksomhedens salg og omsætning via Facebook. FACEBOOK MARKETING Simple teknikker der kan booste virksomhedens salg og omsætning via Facebook. Hvorfor skal jeg bruge Facebook Marketing? Mange virksomheder spørger sig selv dette spørgsmål. Men de skal

Læs mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

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

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

Senior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014

Senior Sundhed. Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014 Senior Sundhed Webdesign project / Mul A, 1. sem. / 10.- 28. november 2014 Frida Madsen Christian Knudsen Jonatan Nielsen Line La Fontaine Louise Bonke Projektet Der er til vores webbureau udviklet: Et

Læs mere

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

OPRINDELSE. Ordet blog har sin oprindelse i. Weblog

OPRINDELSE. Ordet blog har sin oprindelse i. Weblog OPRINDELSE Ordet blog har sin oprindelse i Weblog OPRINDELSE blog: a website that contains an online personal journal with reflections, comments and often hyperlinks provided by the writer - Merriam-Webster

Læs mere

NIVEAU: 7.-9. klasse. VARIGHED: 1-5 lektioner LÆRINGSMÅL

NIVEAU: 7.-9. klasse. VARIGHED: 1-5 lektioner LÆRINGSMÅL Om Prøveopgaver Forudsætningen for at kunne løse en opgave tilfredsstillende er, at man ved, hvad opgaven kræver. Prøveopgaver består af en række forløb, hvor eleverne træner i at aflæse opgaver, som bliver

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT Afsluttende opgave Navn: Lykke Laura Hansen Klasse: 1.2 Skole: Roskilde Tekniske Gymnasium Fag: Kommunikation/IT Opgave: Nr. 2: Undervisningsmateriale Afleveres: den 30. april 2010 Indholdsfortegnelse

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

10 enkle trin til en personlig jobsøgningsstrategi

10 enkle trin til en personlig jobsøgningsstrategi 10 enkle trin til en personlig jobsøgningsstrategi -følg guiden trin for trin og kom i mål 1. Find ud af, hvor du befinder dig At kende sit udgangspunkt er en vigtig forudsætning for at igangsætte en succesfuld

Læs mere

Generel mening om projektet - God ide?

Generel mening om projektet - God ide? Side 1 Generel mening om projektet - God ide? Generel mening - uddybet Flere fester jeg ville ikke bruge det, på baggrund af det umiddelebare indhold af aktiviteter i huset Synes der er andet at prioritere

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

GRAFISK DESIGN. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

Indhold: Indledning 2. Kommunikations koncept 3. Design udvikling 4 Skitser Bobbel. Refleksion 6

Indhold: Indledning 2. Kommunikations koncept 3. Design udvikling 4 Skitser Bobbel. Refleksion 6 Indhold: Indledning 2 Kommunikations koncept 3 Design udvikling 4 Skitser Bobbel Refleksion 6 Indledning: I dette projekt var opgaven at fremstille otte plakater, fire i B1 og fire i A3, for en udstilling

Læs mere

Kom It Rapport ROSKILDE MESTERSKABERNE

Kom It Rapport ROSKILDE MESTERSKABERNE Kom It Rapport ROSKILDE MESTERSKABERNE Nanna Søderquist & Christian Thorsø Kom it 18. maj 2014 Indhold Roskilde Mesterskaberne Kommunikationsprodukt... 2 Problemanalyse... 2 Laswell... 2 Teser... 3 K-strategi...

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

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

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