Style & Experience: O-site Gruppe 2 - Web A, 1. Sem Birgitte Bjerre Rasmussen Johan Büchler Lone Nordberg Rasmus Thorfinn Wej Ulisse Winnie

Størrelse: px
Starte visningen fra side:

Download "Style & Experience: O-site Gruppe 2 - Web A, 1. Sem. 2012 Birgitte Bjerre Rasmussen Johan Büchler Lone Nordberg Rasmus Thorfinn Wej Ulisse Winnie"

Transkript

1 Style & Experience: O-site Gruppe 2 - Web A, 1. Sem Birgitte Bjerre Rasmussen Johan Büchler Lone Nordberg Rasmus Thorfinn Wej Ulisse Winnie Kirk Sloth Anslag: ProjektVejledere: Bjarne Slipsager, Kristin Utne Website: o.site.mmd.eal.dk/group2/projekt.html

2 Indhold Problemformulering... 3 Metode... 3 Desk / Field Research... 3 Interview med Hugo Heilmann, studiechef, Skolen for Visuel Kommunikation... 4 Kommunikation... 4 Konceptudvidelse... 5 Delkonklusion... 6 Design... 6 Modernisme... 6 Minimalisme... 6 Pop Art... 7 Skrukturering... 8 Delkonklusion Interaktion Kodeeksempler Delkonklusion Gruppens arbejdsproces Konklusion Bilag Bilag Bilag Bilag Bilag Bilag Litteraturliste: Webartikler:

3 Problemformulering Hvordan kan man udvikle og konstruere et site, indeholdende både Java Script og Flash elementer, som genererer større opmærksomhed omkring street art-miljøet i Odense, nærmere bestemt Finlandkaj 14, og ikke mindst som brugeren har adgang til on-site? Hvem er målgruppen? Hvilke visuelle stilarter er aktuelle i relation til Finlandkaj 14, og hvordan integreres de bedst muligt i sitet? Hvordan skaber vi opmærksomhed omkring Finlandkaj 14 og street art kulturen i Odense generelt? Hvordan konstruerer vi et tværmedielt site, som fungerer på alle platforme? Hvad kommunikerer vores site? Metode Indenfor desk research har vi indsamlet primære data gennem en kvantitativ analyse, nærmere bestemt en spørgeskemaundersøgelse på Survey Monkey, hvor dataene er indsamlet specifikt til, at belyse målgruppens kendskab til Finlandkaj 14 samt deres generelle interesse udi street art. Foruden desk research har vi ligeledes foretaget en field research, som primært har bestået i, at udforske området omkring Finlandkaj 14 på Odense Havn. Desuden har vi indenfor field research indsamlet en række primære og kvalitative data, i forbindelse med, at vi har korresponderet med Hugo Heilmann, studiechef på Skolen For Visuel Kommunikation, for således at få et mere facetteret indblik i, hvordan de grafiske studier integrerer street art i undervisningen, samt for nærmere at kunne definere, hvad vores site skal indeholde. I selve valget af lokation, samt i udviklingen og visualiseringen af vores site, har vi gjort brug af convergent- /divergent thinking samt out of the box thinking. Især førstnævnte innovationsmetode har dannet basis for en grænsesøgende, dog rationel udviklingsproces, netop fordi, at de gode idéer opstår i vekselvirkningen mellem det rationelle og det irrationelle. Desk / Field Research Eftersom ideudviklingen gik ret nemt, brugte vi desk og field research til at finde udvælge potentielle steder i Odense vi synes kunne være spændende at skabe opmærksomhed omkring ved hjælp af en QR-kode og et website. Vi brugte en dag i marken til at se disse steder. Eftersom vores mål er at gøre graffitikunsten mere synlig blandt studerende på kreative uddannelser, som MMD og lignende, og skabe et inspirationssite, var det vigtigt at vi tog ud for at selv få inspiration til vores videre ideudvikling. Gennem vores desk research fandt vi ud af at der kun er få lovlige steder i Odense hvor graffitikunstnere kan udfolde sig selvom mange kunstnere gerne vil have et sted hvor de lovligt kan male. 1 Dog har 1

4 kulturrådmand Steen Møller så sent som i oktober udtalt at lovlige graffiti vægge skal have en chance. Så der vil naturligvis også opstå et behov i fremtiden for at gøre opmærksom på disse steder gennem sociale medier, internet og evt. turistbureauer. Svendborg har haft succes med at eksperimentere med lovlige graffiti vægge. 3 Ordningen har været brugt flittigt af både unge og erfarne kunstnere og samtidig har det været med til at mindske fremkomsten af ulovlig graffiti. Interview med Hugo Heilmann, studiechef, Skolen for Visuel Kommunikation Da vores målgruppe er unge studerende mellem år på de kreative studier, ringede vi til Hugo Heilmann som er studiechef hos Skolen for Visuel Kommunikation i Haderslev, og spurgte ham hvad han ville sig til en street art safari. Han fortalte os at de bruger street art som inspiration i deres undervisning og opfordrer de studerende til at være nysgerrige og opmærksomme på deres omgivelser, da street art er et medie der inspirere og flytter grænser. Han mente at vores idé med en safari gennem byens graffitisteder ville blive taget godt imod også uden for vores valgte segment. Jeg synes det lyder rigtig spændende. Både som underviser og privat person har jeg lyst til at udforske en sådan applikation og gå på opdagelse i byen. Kommunikation I selve idéudviklingsfasen, har vi primært gjort brug af convergent-/divergent thinking samt out of the box thinking, dels i valget af lokation, dels i udviklingen af vores website. Vores opgave var som bekendt, at konstruere et website centreret omkring et sted i byrummet i Odense. Altså var mulighederne mange, men vores endegyldige mantra var, at vores website skulle være en hyldest til de afsidesliggende, uudforskede rum i det urbane miljø. Og selvsagt er der flere kandidater, hvilket ikke mindst forstærkedes af, at vi gjorde brug af convergent-/divergent thinking og således havde en temmelig grænsesøgende tilgang til opgavebeskrivelsen. I hvert fald i første valgrunde. Tidligt i udviklingsprocessen fastlagde vi os på et koncept, som vi så senere har, måtte forkaste, primært grundet, at idéen manglede fokus hvad angår de specifikke krav til produktet. Det centrale i idéen var, at vores QR skulle indrammes i en badge og tildeles én af de mange hjemløse i byrummet i Odense, medens selve sitet skulle sprede awareness om et reelt problem samt eventuelt indeholde en ekstern indsamling til Kirkens Korshær. Problemet var, at hele idéen var i strid med opgavebeskrivelsen, til trods for, at det kunne være hammer spændende at søsætte en sådant projekt. Stadigt grænsesøgende, fortsatte vi arbejdet med at generere idéer til, hvilke steder i Odenses undergrund, som kunne være interessante at arbejde med. I forbindelse med vores field research udforskede vi Odense havn, nærmere bestemt Finlandkaj 14. En nedlagt industribygning, som engang dannede rammerne for produktion af penicillinberiget svinefoder, og som nu udgør et sandt mekka for gadekunstnere og andet godtfolk med kunstnerisk interesse, med væg-til-væg street art-kunstværker over hele linjen. Et sådant urbant museum bør være mere synligt for offentligheden, hvorfor vi altså har valgt, at konstruere et site centreret omkring Finlandkaj 14 navngivet urbanscan

5 Som tidligere nævnt, synes Finlandkaj 14 at være et sandt mekka for gadekunstnere og andre, som har en interesse for kulturen omkring street art. Netop på den baggrund, har vi defineret vores målgruppe som værende unge mennesker i alderen år, som uddanner sig, eller beskæftiger sig indenfor det kreative eller det mediebaserede felt og som har en reel interesse for nye kulturelle tilbud. Og snakker man segmentering, er det primært det moderne fælleskabsorienterede segment, som vores website henvender sig til 4. Det moderne fællesskabsorienterede segment er karakteriseret ved udpræget politisk engagement samt aktiv deltagelse i aktuelle samfundsdebatter og ikke mindst stor kulturel interesse og forståelse. Personerne i det moderne fællesskabsorienterede segment konsumerer og dyrker i vid udstrækning det kulturelle miljø, og fritidsbeskæftigelserne er primært udgjort af kulturelle tilbud det være sig besøg på både museer, gallerier og teatre. Sidst men ikke mindst er det nævneværdigt, at segmentet er udgjort af en stor portion flittige internetbrugere, professionelt såvel som privat, som endda målrettet bruger platformen til at opdatere sig på kulturlivet. Sidstnævnte må siges at være drønaktuelt i relation til, at vi via vores site ønsker at generere større interesse omkring et kæmpemæssigt urbant og kulturelt fixerum, nemlig Finlandkaj 14. Som tidligere nævnt har vi indsamlet primære data gennem en kvantitativ analyse på Survey Monkey, som var specifikt målrettet vores målgruppe. Vi modtog dog kun et begrænset antal besvarelser, hvorfor analysens validitet er relativt lav. Men det til trods, viser der sig nogle tendenser, som i nogen grad har dannet basis for den videre udvikling af vores site. Eksempelvis fremgår det af analyseresultatet, at 72 % af de adspurgte synes at det kunne være interessant, at udforske street art miljøet i Odense. Desuden er hele 93 % af den opfattelse, at street art kulturen IKKE bliver eksponeret tilstrækkeligt på tværs af medierne, hvorfor det igen er oplagt, at skabe fokus omkring Finlandkaj 14 via vores site. Se eventuelt bilag med analyseresultaterne. For at runde kommunikationsdelen af, rummer urbanscan yderligere muligheder udover sitets egentlige funktion, da man kan udvide sitet, eller konceptet om man vil, med en regulær street art safari i Odense. Konceptudvidelse Som udgangspunkt har vi udviklet et koncept(urbanscan.dk) som overholder de begrænsninger der ligger i opgaven. Men hvis vi skal skille os ud fra konkurrerende Street Art hjemmesider, og skabe et unique selling point, vil vi anbefale at man bryder nogle grænser i opgaven og tilfører urbanscan.dk en Street Art Safari, hvor man henter en applikation via en QR koder monteret ved Street Art locations. Applikationen vil med markeringer i Google maps føre beskueren igennem det urbane museum, fra det ene stykke street Art til det andet. Altså en guidet tur som især skal inspirere studerende på kreative uddannelser. Navigationen hjælper beskueren om bag facaden, hvor man finder de flotteste og mest interessante værker. På den måde skaber vi en Hands on Street Art oplevelse i Odense som man ikke bare sidder i sofaen og Googler sig til. Vi ser urbanscan.dk som en konceptuelplatform der kan tilpasses mange markedsområder i det urbane miljø. Her er et par eksempler: Eks. 1 Frie parkeringspladser i Odense. Kræver adgang til tællere hos Q - Park, Car - Park osv. Vil de ikke være med? Så lancerer vi gratisparkering i Odense. urbanscan.dk/gratisparkering. 4

6 Eks. 2 Legepladser i Odense. Evt med vurdering af sjoveste, sikreste, smukkest beliggende, teknologiske, alder osv. urbanscan.dk/legepladser Eks. 3 Oaser i Odense. Grønne områder, parker, baggårde, cafeer med gårdhaver, udsigter, osv. Eks. 4 Din ide. Vi hjælper gerne! GROUP 2 - WEB A skaber optimale løsninger igennem grundig research, innovativ ide generering, tværfaglighed og et evigt ønske om at flytte grænser med respekt for interessenter i de opgaver vi bliver stillet. Delkonklusion Via en udviklingsproces, som primært var udgjort af convergent-/divergent thinking, valgte vi at centrere vores site omkring Finlandkaj 14 på Odense Havn. Desuden definerede vi vores målgruppe som værende unge mennesker i alderen år, som har en enten uddannelsesmæssig eller professionel forbindelse til det kreative felt. På basis af vores kvantitative analyse samt vores korrespondance med Hugo Heilmann, vurderede vi, at der i vores målgruppe var et reelt behov for og et ønske om, at street art i højere grad skal tilgodeses på tværs af medierne. Desuden rummer urbanscan.dk yderligere muligheder, da man kan udvide sitet, eller konceptet om man vil, med en regulær street art safari i Odense. Design Modernisme Modernisme, inden for kunst, er en bred betegnelse for en række forskellige ismer der ligger vægt på billedkunstens formsprog og skildring af menneskets placering og dets psykologi i den sociale virkelighed. 5 Modernismen eksperimenterede med og imod traditionen præget af en ny individopfattelse som lagde vægt på frigørelse fra religiøse og samfundsmæssige autoriteter. 6 Minimalisme Minimalisme opstod i USA i begyndelsen af 1960 erne for at gøre op med de subjektive stilarter der havde præget kunstverden fra begyndelsen af århundredet helt frem til 1950 erne. 7 Minimalismen bruger overvejende meget enkle former ud fra sloganet Less is more, som er idéen om at enkelhed virker stærkere end kompleksitet. Geometriske former sat sammen på forskellige måder så det udtrykker mindst muligt isme_(billedkunst)

7 Pop Art Pop art opstod i England og USA i midten af 1950 erne og var populær blandt kunstnere til begyndelsen af 1970 erne. Stilarten er en bevægelse inden for moderne kunst som tog udgangspunkt i forbruger- og populærkulturen, fx reklamer, tegneserier, pinupper og TV og film. 9 Pop art kan beskrives som en udfordring til mere traditionel kunst fordi man tit tog ting ud af deres kontekst og udstillede dem sammen med andre ting uden egentlig relation til hinanden. Et godt eksempel er Richard Hamiltons collage Just what is it that makes today s homes so different, so appealing? fra 1956 som viser et moderne hjem i 1950 erne ved hjælp af forskellige sammensatte elementer fra reklamer osv. Andre eksempler pop art er Andy Warhols Campbell s Tomato Juice Box fra 1964 og hans Brillo Soap Box skulpturer, hvor logo et og designet af indpakningen bliver til kunst. Mest kendt af hans værker er hans Marylin Monroe collage hvor han bruger farver til at vise forskellige sider af hende. Pop art bliver derfor en udstilling af hverdagsting og kulturelle fænomener man ellers ikke ville betragte som kunst. Sammen med minimalisme bliver pop art også betragtet som optakten til post modernismen hvor moto et er anything goes Se forrige note

8 Vi har valgt disse to stilarter til vores website fordi minimalismens sort/hvide og pop artens farverige undervejs kontrasterer hinanden godt samtidig med at begge styles kan have et enkelt design så de både ser forskellige ud og alligevel er ens. Skrukturering Hvordan har vi så konstrueret vores site rent grafisk og ikke mindst, hvordan kommunikerer vi til målgruppen? Vi har udarbejdet to eksterne stylesheets, standard.css samt art.css, som udgør hver sin visuelle identitet og som rummer elementer, som er kendetegnene for deres respektive stilarter. Og til trods for, at de overordnede linjer er gennemgående for begge styles, kommunikerer de på vidt forskellig vis. Vores standard.css baserer sig på modernismen og er derfor kendetegnet ved en strømlinet og simpel visuel konstruktion, som dels afstedkommer bedre overblik, men ligeledes skaber ro omkring brugeroplevelsen. Simpel wireframe, uprætentiøse og minimalistiske fonte samt enkel farvesammensætning udgør tilsammen et skandinavisk og stilrent udtryk, som henvender sig bredt. Den modernistiske visuelle identitet står i skarp kontrast til de farveeksplosioner, som ofte kendetegner street art, og ordner derfor kulturen i nogle mere bredt appellerende rammer. Og da vores målgruppe er udgjort af en bred vifte af kreative fag og kulturer, skal vores site så vidt muligt kommunikere, at det ikke kun er den absolutte undergrund, som dyrker street art kulturen. Kort sagt, er standard.css altså kendetegnet ved et bredt appellerende visuelt udtryk, som kommunikerer til brugeren, at man uanset baggrund og kunstnerisk anskuelse kan beskæftige sig udi street art. Og ikke mindst, at man kan bidrage til eller opleve kulturen under ordnede forhold. Det alternative eksterne stylesheet art.css derimod, søger at underbygge den allerede eksisterende mere utæmmede visuelle identitet, som er gennemgående i de fleste street art værker. Inspirationen er hentet i pop art, hvorfor udtrykket er mere sprælsk og farverigt og derfor tydeligt underbygger temaet. Art.css præsenterer altså kulturen råt for usødet, og kommunikerer til brugeren, at street art kulturen er centreret omkring farverige og visuelt komplekse universer, som altså kan opleves på Finlandkaj 14. Gældende for begge stylesheets er, at vi ønskede at skabe to visuelle identiteter, gennemsyret af en gennemgående simpel og minimalistisk struktur, men med markant forskel i de grundlæggende grafiske elementer såsom farver og fonte. Altså er begge stylesheets konstrueret på basis af det samme wireframe, men rummer forskellige virkemidler. Nedenfor ses et wireframe, eller rettere et mockup, som vores site er stylet på basis af. På det færdige site er den midterste blok markant smallere, mens vi har tilføjet en mere avanceret billedvisning. Derudover er der tilføjet nogle få andre elementer, såsom links til Facebook og Twitter samt en knap, som gør det muligt at veksle de to styles imellem.

9 Ser man mere indgående på de færdige sites, baserer kompositionen sig på reglen om tredjedele og elementerne er altså tilpasset således, at de i vid udstrækning følger de horisontale linjer. Her er det også nævneværdigt, at både sitets navn og navigation er placeret målrettet i de felter, hvor blikket typisk rammer først. Det primære stylesheet, standard.css, er kendetegnet ved farver holdt i sort, hvid samt orange og en minimalistisk font kaldet Blanch, som er gennemgående på hele sitet. Den markante tumble scroller som dominerer forsiden på standard.css, står i skarp kontrast til de store hvide flader og den spinkle font og generelt skaber den centrale blok en dynamik og tilføjer sitet en ekstra dimension, netop i samspillet mellem det spinkle og det bastante. Desuden har vi placeret et link til Facebook samt Twitter i nederste venstre hjørne, for således at skabe en smule større balance i kompositionen og i det grafiske udtryk. Hvor standard.css er præget af store hvide flader, er art.css kendetegnet ved mørkere, mere markante farver samt mere komplekse fonte. Inspirationen er som tidligere nævnt hentet i pop art, hvilket blot fremgår i enkelte detaljer og elementer. Den primære reference består i farvevalget, som vi først baserede på komplementære farvekombinationer, men som vi senere i processen ændrede til en sammensætning af rød, sort og hvid. Dette for at skabe et mere æstetisk og strømlinet udtryk. Desuden ændrede vi fonten på overskriften til en kubisk og mere kompleks skrifttype. Nedenfor ses Andy Warhols værk Gun som er den nok væsentligste inspiration til art.css.

10 Delkonklusion Altså har vi til urbanscan skræddersyet to eksterne stylesheets, standard.css samt art.css, som udgør hver sin visuelle identitet og som rummer elementer, som er kendetegnene for henholdsvis modernismen samt pop art. De overordnede linjer er gennemgående for begge stylesheets, da begge har en simpel kompositorisk konstruktion og begge er gennemsyret af en minimalisme og en enkelhed. Det til trods, kommunikerer de på vidt forskellig vis. Interaktion Vores site er primært konstrueret via HTML samt CSS, og er udviklet udelukkende i CODA 2.0. CSS-koden er skrevet i et eksternt stylesheet således, at sitet dels får et homogent og ensartet grafisk udtryk på samtlige subsites, dels fordi vi har udarbejdet to visuelle identiteter tilknyttet vores site og således bliver nemmere at veksle de to stylesheets imellem. Mens selve grundkonstruktionen er udført i HTML og CSS, rummer sitet desuden både Flash og Java Script elementer, som har til hensigt, at tilføje brugeroplevelsen en ekstra dimension, nærmere bestemt muligheden for i højere grad at interagere med sitet. Eksempelvis er vores tumble scroller, eller gallerivisning, placeret centralt på forsiden skrevet i Java Script, og gør brugeren i stand til, at bladre igennem en række billeder fra Finlandkaj 14. Desuden har vi konstrueret et simpelt Flash-element, som er integreret i vores art.css og som blot fungerer som en animation. Vi ønskede, så vidt muligt at skabe et praktisk velfunderet og velfungerende site, og har derfor konstrueret det på basis af en række elementære krav. Vores overordnede mål var, at udvikle et site som lever op til standarden XHTML 1.0 Transitional samt fungerer optimalt i de mest anvendte browsere. Desuden var det

11 essentielt, at sitet fungerer på tværs af platforme, uafhængig af opløsning, således at brugeren ligeledes kan opleve sitet via sin smartphone eller tablet. Først og fremmest validerer samtlige subsites som XHTML 1.0 Transitional. Desuden har vi testet vores site i de mest anvendte browsere og resultatet var udpræget godt, lige med undtagelse af visningen i Internet Explorer. Sagen er, at Internet Explorer ikke ville åbne forsiden, mens resten af sitet fungerede efter hensigten. Dette kan skyldes, at vi i forsiden har implementeret en række HTML 5- samt Java Script elementer, som øjensynligt ikke understøttes af Internet Explorer. Vi har forsøgt så vidt muligt at udbedre problemet og forsiden skulle nu vises problemfrit. Som tidligere nævnt er det essentielt, at vores site fungere på tværs af platforme, således at brugeroplevelsen er tilnærmelsesvis ensartet, hvad enten brugeren oplever sitet via en pc, smartphone eller tablet. Derfor har vi angivet samtlige elementer i koden i relative størrelser, hermed ment i procent fremfor i pixel. Altså tilpasser sitet sig automatisk til skærmopløsningen, hvorfor brugeren oplever sitet ens uanset platform og opløsning. Men Flash elementer fungerer da ikke på Apples iphone? Nej, selve Flash elementet vil altså ikke fremgå på sitet, hvis man ser det via sin iphone, men de øvrige elementer vil være intakte. Ovenfor er sitets struktur og konstruktion illustreret i et sitemap. Illustrationen afspejler den struktur, som har dannet basis for udviklingen af sitet. Dog skal det tilføjes, at enkelte elementer på de respektive subsites ikke er med i det færdige site. Strukturen i hvert enkelt subsite er søgt illustreret nedenfor, via et simpelt wireframe. Kodeeksempler På vores forside har vi brugt javascript til at lave et slideshow som scroller når man peger med musen på et af billederne. Det gør man ved at sætte scrollertype til hoverprecise. Derudover kan man indstille hvor hurtigt man scroller gennem billederne ved at indstille de forskellige funktioner speed, acceleration, easing og delay i millisekunder.

12 Vi har valgt dette eksempel fordi det giver websitet et element af interaktion. Det sorte, lidt transparente overlay giver endnu et element af inddragelse da det indbyder den besøgende til at pege med musen for at se billederne. Et andet kodeeksempel vi vil fremhæve er fra vores stylesheet hvor vi har brugt en font som ikke er på ens computer medmindre man har downloaded det. Vi har derfor valgt at uploade font-filerne til serveren sammen med sitet og linke til dem i CSS en ved hjælp af en font-face regel som giver fonten en font-family. Det er vigtigt at kunne denne kode da det giver mere kontrol over sitets look hvis man ønsker en bestemt font på sit site. Man sikre sig derved at designet er ens på alle computere og at alle får den samme oplevelse.

13 Delkonklusion Vi har altså formået at skabe et site, som i vid udstrækning lever op til de elementære krav, som vi definerede forud for selve udviklingsprocessen. Dels fungerer sitet upåklageligt i samtlige af de mest anvendte browsere, dels har vi gjort det muligt, at opleve sitet på tværs af platforme, da alle elementer er angivet i relative størrelser. Gruppens arbejdsproces Den 1. nov. fik vi udleveret opgaven, vi gik straks i gang med at læse opgaven igennem og så begyndte snakken om ideer, og endte op med de hjemløse. Vi aftalte at til næste gang skulle vi finde hjemmesider til inspiration og at vi ville tage ned i byen på noget Field research. Ved næste møde faldt diskussionen hurtigt på om ideen opfyldte kravene, da vi var enige om at det blev for svært at argumentere for ideen, blev der straks kastede en ny ide ud i luften. Street art safari blev ideen, og Field researchen ud i byen, blev til en tur på jagt efter nogle fede Street arts. Der blev dokumenteret samtlige steder og sitet blev bearbejdet i hovederne på alle i gruppen. Vi fik alle forskellige roller i opgaven, nogle lavede noget mere Desk research, andre videreudviklede ideen og fik den godkendt ved en vejleder og en sad med ansvaret for at kode sitet, med hele gruppen som hjælp til wireframe, sitemap, layout og indhold. Konklusion På basis af vores desk- og fieldresearch valgte vi, at centrere vores site omkring Finlandkaj 14 på Odense Havn, som engang dannede rammerne om produktion af svinefoder, og som i dag udgør et kæmpemæssigt urbant museum. Vi definerede vores målgruppe som værende unge mennesker i alderen år, som uddanner eller beskæftiger sig indenfor den kreative sfære. Og på basis af vores korrespondance med

14 studiechef på Skolen For Visuel Kommunikation Hugo Heilmann kunne vi konkludere, at gadekunsten i vid udstrækning er forsøgt implementeret i de visuelle og kreative studier, således at der altså er en reel bevæggrund, for at skabe et site herom. Desuden var analyseresultaterne fra vores kvantitative analyse præget af klare tendenser, til trods for den manglende statistiske validitet. Den procentvise overvægt lå gennemgående hos de respondenter, som dels synes, at street art kulturen ikke er tilstrækkeligt eksponeret på tværs af medierne, og som dels synes, at det kunne være interessant, at udforske miljøet omkring eksempelvis Finlandkaj 14. Udover sitets egentlige funktion rummer urbanscan yderligere muligheder, da man kan udvide sitet, eller konceptet om man vil, med en regulær street art safari i Odense. Vi har til urbanscan designet to eksterne stylesheets, standard.css samt art.css, som udgør hver sin visuelle identitet og som rummer elementer, hentet i modernismen og pop art. Begge stylesheets er gennemsyret af en simpel kompositorisk konstruktion og simple grafiske virkemidler. Det til trods, kommunikerer de på vidt forskellig vis. Ikke mindst har vi formået at skabe et site, som i vid udstrækning lever op til de elementære krav, som vi definerede forud for selve udviklingsfasen. Dels fungerer sitet optimalt i de mest anvendte browsere, dels har vi gjort det muligt, at opleve sitet på tværs af platforme, da alle elementer er angivet i relative størrelser.

15 Bilag Bilag 1 Ghantt Bilag 2 Logbog : Projektorientering, ideudvikling: Hvilket sted? Hvilke kunstformer? : Revurderede ide til sted fra hjemløs til streetart : Field research rundt I Odense bl.a. havnen : Gruppearbejde : Gruppearbejde.

16 : Gruppearbejde : Gruppearbejde : Gruppearbejde : Gruppearbejde : Gruppearbejde. Aflevering kl. 16:00. Bilag 3 Interview med Hugo Heilmann studiechef fra Skolen for Visuel Kommunikation, Haderslev. Vi bruger street art som inspiration og opfordrer vores studerende til at være nysgerrige og opmærksomme på deres omgivelser. Street art er en kultur og et medie som påvirker, inspirere og flytter grænser for mediekommunikation, her tænker jeg på guerilla marketing som igennem innovative og stærke visuelle virkemidler brager igennem til beskueren og det på et yderst begrænset budget. Jeres ide omkring en street art safari vil der uden tvivl blive taget godt imod også udenfor jeres segmentering. Jeg synes det lyder rigtig spændende. Både som underviser og privat person har jeg lyst til at udforske en sådan applikation og gå på opdagelse i byen. Vi har fornyelig afholdt en Typograffiti workshop på skolen for visuel kommunikation, så at kunne navigere rundt og finde street kunst er genialt da de flotteste eksempler ofte befinder sig bag facaden.

17 Bilag 4 Spørgeskema diagrammer Har du kendskab til Finlandkaj 14 på Odense Havn? 43% 57% Ja Nej Synes du, at det kunne være interessant, at udforske street art miljøet i Odense? 21% 7% 72% Ja Nej Måske

18 Synes du, at street art kulturen bliver eksponeret tilstrækkeligt på tværs af medierne? 0% 7% 93% Ja Nej Måske Ville du gør brug af en tjeneste, som gjorde dig i stand til at gå på street art "safari" i Odense? 36% 21% 43% Ja Nej Måske

19 Bilag 5 Skitser

20 Litteraturliste: Webartikler: Fra denstoredanske.dk, Gyldendals åbne encyklopædi alle hentet den 19. november 2012: odernisme_(billedkunst) t e Wikipedia, hentet 19. november 2012: Tv2fyn.dk, hentet den 16. november 2012: Moderne fællesskab, hentet 21november 2012:

21

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

Style & Experience project

Style & Experience project Style & Experience project Erhvervsakademiet Lillebælt, MMD, Web B, Gruppe 7. Mette Gry Schmidt, Anders Kristian Jepsen, Thomas Sølvbjerg, Jakob Thage og Admira Sehic Anslag 19.606 URL: http://thom441e.mmd.eal.dk/bazar/bazar1.html

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

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

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

GRAFISK DESIGN. Hjemmeside

GRAFISK DESIGN. Hjemmeside GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,

Læs mere

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner

Førsteårsprøven 2015. Projektbeskrivelse 2. Semester Multimediedesigner Førsteårsprøven 2015 Projektbeskrivelse 2. Semester Multimediedesigner Projektbeskrivelse Formål Som afslutning på første studieår skal I gennemføre et tværfagligt projektforløb, der skal afspejle væsentlige

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

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

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

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 design Grafisk design l 3 Grafisk design l 4 Identitet til ny tøjbutik i form at logo, visitkort, paper bags, stickersmærker,

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

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS

6. November 2014 JB Plastics Projekt Gruppe D MULA Rie, Rasmus Seindal, Benjamin Vinje,Andreas, Anders, Jonatan Vanja og Pia JB PLASTICS JB PLASTICS Gruppe D: Rie, Rasmus, Benjamin, Andreas,, 1 P a g e Contents Analyse af firmaet og dets behov... 3 Brainstorming proces... 3 WBS... 4 Start WBS en:... 4 Slut WBS en:... 6 Designproces... 7

Læs mere

Navn: Skole: Anslag: Emne: Klasse: Dato: URL:

Navn: Skole: Anslag: Emne: Klasse: Dato: URL: Veronicas Portfolio Navn: Veronica Brun Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 9.665 Emne: Obligatorisk Porfolio Klasse: Web B, 2012, 1 sem. Dato: 3/1-13 URL: http://vero0027.mmd.eal.dk/portfolio/index.html

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

Street Art som eventyr Kan kun opleves i Rødovre

Street Art som eventyr Kan kun opleves i Rødovre Street Art som eventyr Kan kun opleves i Rødovre I samarbejde med Steen Koerner Studio & Tasso Hvis du ønsker intelligente børn læs eventyr for dem Hvis du ønsker mere intelligente børn læs flere eventyr

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier

Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI. Vision: Scenarier Bilag 6.1 SYDDANSK UNIVERSITET / ONLINE STRATEGI Vision: Scenarier Et internationalt universitet med fokus på de studerende Vejviseren til dit rette valg Destination for læring & oplysning Livet & menneskene

Læs mere

LÆRERVEJLEDNING. Her finder du: Hvad er klatværket? Formål Afsender Brugssituation Klatværkets opbygning Faglige mål Trinmål Litteraturliste

LÆRERVEJLEDNING. Her finder du: Hvad er klatværket? Formål Afsender Brugssituation Klatværkets opbygning Faglige mål Trinmål Litteraturliste Udforsk billedkunsten og den visuelle kultur med dine elever gennem det digitale univers Klatværket. Oplev mange anerkendte kunstværker gennem fem fællesmenneskelige temaer. Lad eleverne gå på opdagelse

Læs mere

1-1 Usability evaluering af den simple udgave

1-1 Usability evaluering af den simple udgave BILAG 1 s. 2 af 19 Bilag 1 1-1 Usability evaluering af den simple udgave...5 1-2 Heuristisk inspektion af den simple udgave...6 1-3 Usability evaluering af den avancerede udgave...8 1-4 Heuristisk inspektion

Læs mere

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine

Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Multimediedesigner, Cph Business Lyngby 2. Semester - 2. Projekt - Ferbruar/Marts 2015 E-zine Pernille Sjøgreen Kathrine Amalie Russell Harder Line Rasmussen www.pernillesjoegreen.com www.kathrineharder.com

Læs mere

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2

Afsluttende opgave Webdesign Den 24. maj 2007 Klasse 1.2 Side 1 af 1 Afsluttende opgave i Kom/IT Den afsluttende opgave har jeg valgt at lave alene. Jeg har valgt opgave 1. webdesign, på grund af min interesse for dette. Opgaven går ud på at designe et brugervenligt

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

Instagrammanual til frivillige i Mødrehjælpen

Instagrammanual til frivillige i Mødrehjælpen 15. marts 2016 Instagrammanual til frivillige i Mødrehjælpen Indhold 1. Hvad kan man anvende Instagram til?... 2 2. Sådan oprettes en profil på Instagram... 2 3. Valg af brugernavn... 2 4. Valg af profilnavn...

Læs mere

Opgave 2. Analyseopgave. Gruppe 8: Sanne, Signe, Karen, Rebekka og Mads. 1. Hvilken rolle spiller teksten i den samlede kommunikation.

Opgave 2. Analyseopgave. Gruppe 8: Sanne, Signe, Karen, Rebekka og Mads. 1. Hvilken rolle spiller teksten i den samlede kommunikation. Opgave 2. Analyseopgave. Gruppe 8: Sanne, Signe, Karen, Rebekka og Mads A) Find 2 forskellige eksempler på web- tv, hvor indslag er integreret i webkontekst og tekst (nyheder, tema, how to mv.) Beskriv

Læs mere

Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen

Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen Overblik I dette modul lærer du at anvende det online-baserede billedredigeringsprogram Befunky i

Læs mere

KUNST PÅ TAPETET BØRNENES EFTERÅRSUDSTILLING 2012

KUNST PÅ TAPETET BØRNENES EFTERÅRSUDSTILLING 2012 BØRNENES EFTERÅRSUDSTILLING 2012 KUNST PÅ TAPETET MATERIALET BESTÅR AF TRE DELE: VEJLEDNING & PRAKTISK INFO SPØRGSMÅL & INSPIRATION TAPET-MODUL TIL PRINT/KOPI VEJLEDNING & PRAKTISK INFO OPGAVEBESKRIVELSE:

Læs mere

Helosan og Kræftens Bekæmpelse

Helosan og Kræftens Bekæmpelse 1 Indledning Corporate Social Responsibility - CSR er en form for corporate selvregulering integreret i en forretningsmodel. CSR politik fungerer som et indbygget, selvregulerende mekanisme, hvorved skærme

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

Designmanual. Kommunikation/It A. Martin B. Villadsen, Alexander Madsen 11/18/15 HTX 3.a

Designmanual. Kommunikation/It A. Martin B. Villadsen, Alexander Madsen 11/18/15 HTX 3.a Designmanual Kommunikation/It A Martin B. Villadsen, Alexander Madsen 11/18/15 HTX 3.a Indholdsfortegnelse Indledning... 2 Problemformulering... 2 Om LF BodyCare... 2 Kanylemodel... 3 Afsender... 3 Budskab...

Læs mere

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen. Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,

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

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

Kriseprojekt, Design og visualisering

Kriseprojekt, Design og visualisering Kriseprojekt, Design og visualisering Af Ninna Suzan Steen Musak, 1. Semester Web 2013 Aflevering 16 maj 2013 MMD Odense Vejleder: Rebi og Krut Problemformulering SAS har gennem det sidste år gennemgået

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

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

overlap En læreguide om en udstilling i et krydsfelt

overlap En læreguide om en udstilling i et krydsfelt overlap En læreguide om en udstilling i et krydsfelt INTRODUKTION TIL LÆRERGUIDEN I perioden 9. april til 15. maj kan du og din klasse opleve udstillingen Overlap. Med denne lærerguide i hånden håber vi,

Læs mere

At lave dit eget spørgeskema

At lave dit eget spørgeskema At lave dit eget spørgeskema 1 Lectio... 2 2. Spørgeskemaer i Google Docs... 2 3. Anvendelighed af din undersøgelse - målbare variable... 4 Repræsentativitet... 4 Fejlkilder: Målefejl - Systematiske fejl-

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

Intern designguide N E E D L E B O Y. Den røde tråd

Intern designguide N E E D L E B O Y. Den røde tråd Intern designguide N E E D L E B O Y Den røde tråd Den røde tråd Den interne designguide Denne designguide er kommet til under Problemformulering: hvordan skaber man opmærksomhed for filmen Needle Boy?

Læs mere

Vurderingskriterier i forbindelse med valg af læremidler til distributionssamlingerne på Centre for undervisningsmidler

Vurderingskriterier i forbindelse med valg af læremidler til distributionssamlingerne på Centre for undervisningsmidler Vurderingskriterier i forbindelse med valg af læremidler til distributionssamlingerne på Centre for undervisningsmidler AF: ELSEBETH SØRENSEN, UNIVERSITY COLLEGE SJÆLLAND, CENTER FOR UNDERVISNINGSMIDLER

Læs mere

Kom/IT rapport Grafisk design Anders H og Mikael

Kom/IT rapport Grafisk design Anders H og Mikael Kom/IT rapport Grafisk design Anders H og Mikael Denne rapport i grafisk design, vil tage udgangspunkt i den PowerPoint præsentation vi lavede i forbindelse med en opgave i samfundsfag. Rapporten er inddelt

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

Undervisningsmateriale - Rapport

Undervisningsmateriale - Rapport Kom/IT Undervisningsmateriale - Rapport Klasse 1.7 Mathias Saxe H. Jensen 10-05-2011 Side 1 af 10 Indhold Forside... 1 Indledning... 3 Problemstilling... 3 Målgruppe... 3 Problemformulering... 4 Kommunikationsplan...

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

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

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

sådan får du succes med dit nyhedsbrev

sådan får du succes med dit nyhedsbrev sådan får du succes med dit nyhedsbrev AUGUST 2014 Copyright 2014tt easynet ApS Opbyg databasen find et bedre navn PLAN- LÆG OFF- LINE LANDINGSside succes Foretag målinger LOKkemiddel konvertering FOKUSÉR

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

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

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Portfolio. Udvikling af min portfolio Link til portfolio:   Michell Aagaard Dranig Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio

Læs mere

Projekt - Valgfrit Tema

Projekt - Valgfrit Tema Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde

Læs mere

REKLAMEBANNER FOR MEDINA

REKLAMEBANNER FOR MEDINA REKLAMEBANNER FOR MEDINA http://mul112.itkn.dk/medina/index.html Et projekt af gruppe 8, multimediedesign B, Cphbusiness 2013 CHRISTIAN SONNE ROSENDAHL, CPH-CR104@CPHBUSINESS.DK KAREN LISE KRAGELUND, CPH-KK151@CPHBUSINESS.DK

Læs mere

Filmmanual for tillidsvalgte. Lav dine egne film til Sociale Medier

Filmmanual for tillidsvalgte. Lav dine egne film til Sociale Medier Filmmanual for tillidsvalgte Lav dine egne film til Sociale Medier Indholdsfortegnelse 1: Levende billeder på sociale medier 2: Vigtige overvejelser før du går i gang 3: Lav en simpel film 4: Lav en mere

Læs mere

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres

Læs mere

Kampagne Kommunikation/it Eksamens opgave. 30-04-2010 Roskilde Tekniske Gymnasium Mette Møller Jensen

Kampagne Kommunikation/it Eksamens opgave. 30-04-2010 Roskilde Tekniske Gymnasium Mette Møller Jensen Kampagne Kommunikation/it Eksamens opgave 30-04-2010 Roskilde Tekniske Gymnasium Mette Møller Jensen Indhold Indledning... 3 Budskab... 3 Målgruppe... 4 Medie... 4 Kommunikationsmodel... 5 Produkt... 6

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

SOCIALE MEDIER De digitale dialogplatforme

SOCIALE MEDIER De digitale dialogplatforme SOCIALE MEDIER De digitale dialogplatforme Facebook, LinkedIn, The Sima, Twitter, My Space alle sociale medier - og der er nok at vælge imellem. De kan bruges til langt mere end at fortælle om den seneste

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. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

Designmanual. Version 1. 02-06/2013

Designmanual. Version 1. 02-06/2013 Designmanual Version 1. 02-06/2013 s designmanual indhold Indhold 2 Introduktion... 3 Kommunikationsunivers... 4 Konceptbeskrivelse...5 HVAD...5 HVEM...5 HVORDAN...5 HVOR...5 HVORNÅR...5 Konceptskitse...6

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

Indholdsfortegnelse. Indledning...2. Tidsplan...2. Målgruppe...3. Spørgeskema...3. Kode eksempler...5. Procesbeskrivelse...7. Evaluering...

Indholdsfortegnelse. Indledning...2. Tidsplan...2. Målgruppe...3. Spørgeskema...3. Kode eksempler...5. Procesbeskrivelse...7. Evaluering... 1 Indholdsfortegnelse Indledning...2 Tidsplan...2 Målgruppe...3 Spørgeskema...3 Kode eksempler...5 Procesbeskrivelse...7 Evaluering...8 Bilag - Spørgeskema...9 Indledning - Jeg har som skoleprojekt fået

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

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

Website design 1. semester, Projekt 3

Website design 1. semester, Projekt 3 Website design 1. semester, Projekt 3 Akvavitten.dk Andreas Schultz, Cecilie Kogi Carlsen, Lif Kaas Neergaard og Ninette Andersen Design brief Vores opgave i dette projekt har været at designe et website

Læs mere

DESIGNMANUAL Roskilde Dyrskue - 2016

DESIGNMANUAL Roskilde Dyrskue - 2016 mødested for land & by DESIGNMANUAL Roskilde Dyrskue - 2016 Vores designmanual indeholder regler og retningslinjer samt skal bruges til inspiration i arbejdet med vores visuelle kommunikation. Grunden

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Udkast til politik for Biblioteker & Borgerservice 2016-2020

Udkast til politik for Biblioteker & Borgerservice 2016-2020 Udkast til politik for Biblioteker & Borgerservice 2016-2020 Forord Formålet med en politik for Biblioteker & Borgerservice er at sætte retning på udviklingen af biblioteks- og borgerserviceområdet til

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

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

Analyse af Cinnobershop.dk

Analyse af Cinnobershop.dk Link til Cinnober site Analyse af Cinnobershop.dk Kommunikation Hvem er afsenderen? Cinnober er en selvstændig boghandler, der fokusere på design. De har som nichebutik mange produkter i en genre/ stilart.

Læs mere

Anamorphic Widescreen

Anamorphic Widescreen Anamorphic Widescreen Fuldskærm og widescreen For at kunne forklare hvad anamorphic widescreen egentlig er, vælger jeg at starte helt fra begyndelsen af filmhistorien. Som alle nok ved så er billedformatet

Læs mere

Indledning. Problemformulering:

Indledning. Problemformulering: Indledning En 3 år gammel voldssag blussede for nylig op i medierne, da ofret i en kronik i Politiken langede ud efter det danske retssystem. Gerningsmanden er efter 3 års fængsel nu tilbage på gaden og

Læs mere

It-inspirator afsluttende opgave. Betina og Helle Vejleder. Line Skov Hansen. Side 1 af 6

It-inspirator afsluttende opgave. Betina og Helle Vejleder. Line Skov Hansen. Side 1 af 6 It-inspirator afsluttende opgave Betina og Helle Vejleder. Line Skov Hansen Side 1 af 6 Indledning Den digitale medieverden er over os alle steder, om det er i dagtilbud, skoler eller fritidstilbud. Vi

Læs mere

Bilag 11 - Transskribering, Kvinde 28 år RESPONDENTEN OM DE SOCIALE MEDIER

Bilag 11 - Transskribering, Kvinde 28 år RESPONDENTEN OM DE SOCIALE MEDIER Bilag 11 - Transskribering, Kvinde 28 år RESPONDENTEN OM DE SOCIALE MEDIER 1. Hvilke sociale medier har du anvendt den seneste måneds tid? Facebook Instagram Snapchat Bruger en lille smule YouTube, hvis

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs mere

opsamling * Hvordan var det at arbejde med casen? * hvad har I lært (fokus på design)? * feedback på bloggen? * LInks til websites

opsamling * Hvordan var det at arbejde med casen? * hvad har I lært (fokus på design)? * feedback på bloggen? * LInks til websites dagens program * opsamling på IA projekt * næste temaprojekt: Go mobile * Brugsscenarier og wireframes * Øvelse * Modebranchen som case + fælles brainstorm * Øvelse/lektie * næste gang opsamling * Hvordan

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

Superskolernes kampagne

Superskolernes kampagne Superskolernes kampagne Projekt i Kommunikation/IT Roskilde Tekniske Skole Side 1 af 12 Indhold Indledning... 3 Målgruppeanalyse - Kanylemodel... 4 Begrundelse for valg af medie... 5 Grovskitsering...

Læs mere

Erhvervsmentorordningen ved Ingeniørhøjskolen Aarhus Universitet

Erhvervsmentorordningen ved Ingeniørhøjskolen Aarhus Universitet AARHUS UNIVERSITET INGENIØRHØJSKOLEN Erhvervsmentorordningen ved Ingeniørhøjskolen Aarhus Universitet Håndbog for mentorer og mentees Mentorskabet er en gensidigt inspirerende relation, hvor mentor oftest

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

Bannerprojekt Mul B 2013 Gruppe: 6

Bannerprojekt Mul B 2013 Gruppe: 6 Bannerprojekt Mul B 2013 Gruppe: 6 Projekt URL - http://henrietteklindt.it/html-soundvenue/index.html Undervisere: Thomas Hartmann, Morten Rold, Merete Geldermann Lützen, Jesper Hinchely, Ian Wisler-Poulsen,

Læs mere

KODNING AF RESPONSIV DESIGN

KODNING AF RESPONSIV DESIGN Grafisk Workflow REDEGØRELSE GRAFISK WORKFLOW 39 OPGAVEN Frk. Nielsens rengøringsfirma kom til os for at få lavet ny hjemmeside. Hun var træt af den gamle, da hun ikke kunne rette i indholdet, og valgte

Læs mere

SIKKER CYKLIST digitalt undervisningsmateriale

SIKKER CYKLIST digitalt undervisningsmateriale Lærervejledning til Cyklistprøven Cyklistprøven er en læreproces, der styrker elevernes viden om færdselsreglerne, kompetence til at omsætte teori til praksis, samt øge elevernes risikoforståelse gennem

Læs mere

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,

Læs mere

fotografisk kommunikation

fotografisk kommunikation XDANMARKS MEDIE- OG JOURNALISTHØJSKOLE CAMPUS KØBENHAVN Forprøve 2016 fotografisk kommunikation 1/2 Professionsbacheloruddannelsen i Visuel Kommunikation Studieretning: Fotografisk Kommunikation Del 1:

Læs mere

VIKTOR Viborgs animationsfigur. Designguide, Version 1.0

VIKTOR Viborgs animationsfigur. Designguide, Version 1.0 VIKTOR Viborgs animationsfigur Designguide, Version 1.0 BAGGRUND I forbindelse med animationsstrategien og Viborg Kommunes strategiske satsning på animation, har Viborg Kommune fået udviklet en tegnet

Læs mere

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

MULTIMEDIEDESIGNER 1. ÅRS PRØVE MULTIMEDIEDESIGNER 1. ÅRS PRØVE Eksamensprojekt, 2. semester, forår 2010 TEMA: E-HANDEL Erhvervsakademiet København Nord Udleveret mandag d. 3. maj 2010 Afleveres i 4 eksemplarer senest d. 28. maj kl.

Læs mere

Jobsnuseren 2014-2015. - et kursus for 7. klasser i Gladsaxe Kommune. GXU, Ungdomsskolen

Jobsnuseren 2014-2015. - et kursus for 7. klasser i Gladsaxe Kommune. GXU, Ungdomsskolen Jobsnuseren - et kursus for 7. klasser i Gladsaxe Kommune 2014-2015 GXU, Ungdomsskolen Velkommen til Hvad er Jobsnuseren? Som en del af din uddannelsesvejledning kan du, sammen med dine klassekammerater,

Læs mere

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet

Læs mere

Har du set underviserens video om RNA oprensning inden du gik i laboratoriet?

Har du set underviserens video om RNA oprensning inden du gik i laboratoriet? FØR Har du set underviserens video om RNA oprensning inden du gik i laboratoriet? Hvis nej - hvorfor ikke Jeg følte mig godt forberedt efter gennemgangen. Jeg kan ikke huske det, men jeg fandt først videoerne

Læs mere

Lærervejledning til teacher-content.com senest rettet 06-01-16. Efter beskrivelsen kan du få svar på nogle af de oftest stillede spørgsmål.

Lærervejledning til teacher-content.com senest rettet 06-01-16. Efter beskrivelsen kan du få svar på nogle af de oftest stillede spørgsmål. Lærervejledning teacher-content.com er en letanvendelig interaktiv læringsplatform, hvor faktuel viden om verdens lande, byer og flag via leg flettes sammen med undervisningens læringsmål. Sitet kan bruges

Læs mere

GRAFISK DESIGN hjemmeside

GRAFISK DESIGN hjemmeside Opgaven Beskrivelse Dette er en fiktiv. Kunden skulle starte selvstændig og skulle i den sammenhæng have lavet logo og. Ideen gik på, at forbrugere, som skulle ud og købe en bil eller en bolig, skulle

Læs mere

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN...

INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 1 INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 7 GALLUP... 7 Delkonklusion... 9 DESIGN... 10 MODERNISME:

Læs mere

Portfolio. Tlf. 29 24 46 59 E-mail anneranegaard@gmail.com

Portfolio. Tlf. 29 24 46 59 E-mail anneranegaard@gmail.com Portfolio Anne Ranegaard Clausen Tlf. 29 24 46 59 E-mail anneranegaard@gmail.com Samson Fotograf Om Samson Samson er et mediemagasin, som bliver drevet af studerende på medie-, kommunikations- og journalistuddannelser

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