Hhtp:

Størrelse: px
Starte visningen fra side:

Download "Hhtp:www.m455487y2012.mmd.eal.dk"

Transkript

1 1

2 Hhtp: 2

3 Indholdsfortegnelse Intro 3 Problemformulering 3 Metoder 3 Fieldresearch 4 Målgruppen 4 AIDA 6 Modernismen 6 Dekonstruktivismen 7 Thumnails 8 Muk up 9 Interaktion 9 HTML 9 CSS 10 Flash 10 Sitemap 12 Wireframe 12 SWOT-analyse 13 Arbejdsproces 13 Rollefordeling 14 Konstruktiv kritik 14 Konklusion 14 Bilag 3

4 For alle de unge studenter kan det være svært at finde den rigtige uddannelse, som passer dem bedst. Så kunne det være rart, at have et sted hvor de kan finde alle de rigtige informationer de skal brug. Det er så oplagt at have en website, hvor alle unge nu har forbindelse til nettet, på den ene eller anden måde. Imellem alle de mange uddannelser i Danmark, og med lige så mange websites, kan det være svært at blive set. Der kan være mange måder at opstille sin website på, nogle vil have at den skal være meget blikfangene, med alle muglige blinkene sager, som flyver rundt på siden hvor det kan kom til at virke meget forstyrrende. Det kan nogle gang være bedre med en website det er meget overskuelig og godt opstillet, så det gør det nemt at læse men på samme tid giveren en god oplevelse. Problemformulering Hvordan kan vi øge kendskabet til bygningskonstruktør og byggetekniker uddannelsen ved hjælp af en forbedret og omstruktureret hjemmeside? - Hvad gør vi for at, lave en bedre hjemmeside? - Hvad stil skal vi bruge for at, tiltrække flest mulige studerene til hjemmesiden/uddannelsen? - Hvilken baggrundsviden og hvilke forudsætninger skal man have for at lave denne hjemmeside? - Hvilket design ville understrege hjemmesiden bedst muligt? Metoder Her er en liste over de metoder som vi har brugt gennem opgaven. Fieldresearch - Kvalitativ undersøgelse. Mindmap AIDA - For at organisere vores brainstorm til opgaven. - For at se om vores hjemme side rent markedskommunikationsteknisk er bæredygtig i forhold til vores opgave. SWOT - For at analysere de stærke og svage sider af vores website. Thumnails - Denne metode brugte vi til at finde ud af vores overordnede layout. Sitemap - For at se om vores hjemmeside er tilstrækkelig struktureret. 4

5 Gantt Chart - Har vi brugt til at administrere vores tid. (Se Bilag 22) Fieldresearch 1 Sammentale med byggekonstruktør studerende For at for en god baggrundsviden om uddannelsen som bygningskonstruktør og byggetekniker. Var vi ude på Munke mose allé 9, 5000 Odense, hvor vi fik et personligt interviewet med 5 studerende som var i gang med første semester som bygningskonstruktør. Hvor vi havde forberedt nogle enkelte spørgsmål som. - Hvad kraves der personligt af en studerende på bygningskonstruktør uddannelsen? - Hvad laver man overordnet som bygningskonstruktør studerende? - Hvilke events er der på uddannelsen? - fordele og ulemper ved at uddanne sig som bygningskonstruktør? - hvorfor læse på EAL Odense og ikke andre steder? - hvad skal en god hjemmeside indeholde til uddannelsen som bygningskonstruktør? Svar fra alle 5 studerende. - De mente vilje var meget vigtig at have hvis man studere til bygningskonstruktør, man skal have en interesse for selve erhvervet. Selve uddannelsen er en mellem ting af en arkitekt og ingeniør uddannelsen - Som studerende på uddannelsen lære man at bliver stærk til at analysere tegninger og planlægge kompliceret opgaver ind for erhvervet og tegne. - De har fredags bar, fredags løbetur og flere virksomhedsbesøg (de havde sidst nogle erhvervsfolk fra Cocio) og på 3 semester har de en studie tur i Europa på 14 dage. - Fordelene ved uddannelsen er at der er meget gruppe arbejde/ en igennem semesteret (som at have en arbejdskollega) men er meget selvstændig, der er stor alders spredning og de studerende har forskellige fagligheder. 1 Finn Rolighed Andersen, Bjarne Warming Jensen, Kurt Jepsen, Mette Risgaard Olsen, Peter Schmalz (2011) International Markedsføring, KBH, Trojka 5

6 Ulemper er at det kan virke meget rodet i start hvor man først skal ind i rutinen, at uddannelsen er ikke så udbredt og at de har en dyr kantine Grunden til at de valgte at studere i Odense er fordi de mener at det er en god by at studere i. Selve Arkitekturen omkring EAL munke mose allé er også en fordel da de har alt fra gammelt arkitektur til mere modereret arkitektur. Der nævnte de 5 studerende at det ville være meget vigtigt med en overskuelig hjemme side hvor man hurtigt ville få mulighed for at overskue de vigtige informationer men at der sammentidligt skulle være mulighed for hurtigt at få indblik i hvad der rent socialt forgik på uddannelsen, i den sammenhæng nævnte de også at det kunne være rart med et link til deres Facebook gruppe. Således at nye elever ville få mulighed for hurtigt at overskue de vigtige informationer, som studie start og studiets mening/retning, da der er mange der slet ikke ved hvad bygningskonstruktøren/teknikeren går ud på, men også at der blev lagt meget vægt på det sociale således at der er så mange som muligt for åbnet øjnene for at det rent faktisk er en fed uddannelse at søge ind på. Mens vi var ude og interviewe de 5 studerende har vi taget et billede af os sammen med vores selvlavede Google pointer som passer til uddannelsen. (billedet kan også findes i vores Billag 1. (Jana er bag billedet) Målgruppen Vores målgruppe som er studerende, kommende studerende og andre der interesserer sig for byggekonstruktør og teknikker uddannelsen. Denne målgruppe er meget spredt hvad deres alder angår men meget samlet i deres interesse i forhold til hjemme siden. Da der stilles de samme forventninger hvad informationer angår fra en der er 16 eller en der er 46. Delkonklusion Pga. den store aldersforskel har vi vurderet at det er vigtigt for hjemme siden at se attraktiv ud men stadig skulle holdes minimalistisk i forhold til f.eks. effekter. Men at den heller ikke skulle blive kedelig at være på. Derfor har vi valgt at lave et lækkert design med et enkelt billede slide show som bliver vist på forsiden. For at se om markedskommunikationen er i orden og for at sikre os at vi rammer den rigtige målgruppe har vi valg at bruge Aida modellen. 6

7 AIDA 2 Opmærksomheden fra de besøgende bliver allerede fanget på forsiden, her er der et slideshow med billeder fra uddannelsen og fra forskellige bygninger, det giver lyst til at læse om uddannelsen hvilket der med det samme er mulighed for. Dvs. At en besøgende vil blive hængende og gerne vil vide mere om uddannelsen, så det vil sige at interessen er fanget og vedkommende ville klikke sig videre til de næste sider. Da der efter vores mening er alle de informationer man skulle have brug for er der et ønske om at kunne tage kontakt til nogle der ved mere om emnet eller at tilmelde sig uddannelsen. Delkonklusion Dermed kan vi konstatere at rent markedskommunikations teknisk er vores hjemme side yderst bæredygtig i forhold til den tiltalte målgruppe. Modernismen I forhold til selve designen har vi valgt at starte ud med Stilarten modernismen. Det var forholdsvist oplagt at tage denne stilart i forhold til byggebranchen, på den ene side fordi modernismen/funktionalismen blev født da de nye byggematerialer kom frem og byggebranchen for alvor blev sat i fokus omkring 1930 erne og fordi den modernistiske stil altid bestræber sig at gå imod det moderne og nye. Det er rimelig oplagt at arbejde med den stilart. Inspiration til denne stilart og til vores hjemme side har vi fundet i en hel række billeder. Vi har håndplukket nogle enkelte som har været mest vigtig i forhold til vores projekt. Stilen i de billeder vil man også kunne genkende i den ene af vores hjemme sider. 2 Finn Rolighed Andersen, Bjarne Warming Jensen, Kurt Jepsen, Mette Risgaard Olsen, Peter Schmalz (2011) International Markedsføring (s. 592)KBH, Trojka 7

8 Inspiration Dette er et billede af en typisk modernistisk bygning. Her kan man specielt lække mærke til de kantede former som er meget typisk for denne stil men stadig den blå belysning og de blå firkanter som er meget moderne og bestræber sig til at være fremtidigt. Dette er også et billede af en modernistisk bygning her er det mere formerne der bestræber sig til at være meget fremtidigt. Men bygningen har stadig de kantede former og det beton look som også er meget typisk for den modernistiske stil. Da den som skrevet foroven først rigtig kom frem da disse byggematerialer kom til rådighed. Dekonstruktivismen Den anden stilart som vi har fundet meget inspiration i til vores anden hjemme side er dekonstruktivismen, som så sit første lys i 1970erne og blev i 1988 blev der slået en klar grænse mellem postmodernisme og dekonstruktion 3. Dekonstruktivismen brød linjerne da der nu blev byget fuldstændig utraditionelt med mange brudte linjer og skøre former. Da den har arkitektur i sin kunstneriske stilart som fortæller, hvor mange kreative idéer der er i verden, og at der er ingen grund til at leve i kedelige huse. Denne stilart 33 ktivisme

9 syntes vi var en fremragende inspirationskilde til vores anden hjemme side her har vi også håndplukket nogle billeder hvor man vil kunne genkende stilarten i vores hjemmeside. Inspiration Dette er det første billede vi har fundet meget inspiration I. Her kan man se at det har ekstraordinære former og en utraditionel farve. Det der fascinerede os ved dette billede er at det stadig har de firkantede former selvom denne stil er dekonstruktivisme. Her har vi også en bygning, som er dekonstruktivisme, blot er det indefra den her gang. Men her har vi igen det yderst utraditionelle design men stadig den blå farve og de firkantede former. Efter at vi havde fået en masse inspiration og en masse baggrundsviden til vores hjemme side gik vi i gang med et brainstorm for at være sikker hvad hjemme siden skulle indeholde. For at kunne give et indtryk af det har vi skannet selve brainstormen ind. Den vil i kunne finde i Bilagende 2. Efter at vi var blevet enige om hvad vores hjemme side skulle indeholde og havde ordet vores brainstorm til at blive til fire sider på vores hjemme side = Forside, Uddannelse, Event og Kontakt. Gik vi I gang med noget skitsering af wireframes til selve hjemme siden. (et større format findes i billagende 3) Thumnails

10 Efter vi havde skitseret og kigget og diskuteret om hvordan det skulle være, blev vi enige om at vi også ville lave nogle forskellige muk ups for at få et mere nøjagtigt indtryk hvordan det skulle blive og hvordan selve designet skulle se ud. (et større format findes i billagende 4-6) Muk up Efter at vi havde fremstillet en del Muk ups og kigget på dem, diskuterede vi fordelende og ulemperne ved dem i forhold til den byggekonstruktørens og teknikerens uddannelse. Her blev vi enige om at vi ville tage det første muk up som vores skabelon til vores hjemme side. (Se bilag 7-9) Nu da alle disse ting var på plads gik vi i gang med at kode hjemme siden. Interaktion VI har valgt at bruge værktøjet, Notepad++/Sublime text til at bygge vores website. Grunden til vi har valgte at bruge disse værktøjer er, at man kan downloade shotcoots/zen Coding. Dette gør det hurtigere og nemmer at kode sin website. Ved at holde en bestemt knap ned på tastaturet kan man nøjes med kun at skriv noget at den lange kode. Selvom man selvfølgelig skal have kendskab til det man laver da det ellers stadig ville resultere i en forkert kode. HTML 5 VI har valgt hovedsageligt at kode i HTML. Hvis man skal forklare hvad HTML er i et website er det nemmest at sammenligne det med et hus hvis vi siger at HTML er hele fundamentet og rå bygningen af huset. I mange tilfælde hvis man skal bygge et rigtig godt hus skal fundamentet og rå bygningen af huset være i orden det samme med en websites, hvis ikke man har selve fundamentet i orden som er HTML kan det være svært at lave en rigtig god website. Hvad er et godt fundament i en HTML kode? Altså tekst og billede skal være kodet rigtigt man skal huske at kontrollere hver eneste kode og der skal være en god struktur i HTML så man selv og andre nemt kan gennem skue ens kodning. 5 5 Head first html. Elisabeth freeman & Eric freeman Canada north Sebastopol

11 CSS 6 Vi har også brugt en del CSS. Hvis vi bruger samme eksempel som før og vi siger at selve fundamentet er i orden, kan man se at der mangler nogle, bygningen virker lidt kedeligt den mangle noget personlighed det er her CSS kommer ind i billedet den er nærmest som malingen, klinkerne og alt andet der pynter på huset og gør det personligt. Flash Desuden har vi også brugt flash til at give websitet et ekstra pift, som gør at hjemmesiden er lidt mere spændende at se på. Man kan bruge Flash på mange måder, f.eks. hvor man har nogle elementer der f.eks. kan komme flyve ind fra siden eller andre elementer der står og blinker og mange andre funktioner som kan give en hjemmeside en bedre oplevelse. For at bruge samme eksempel som før er Flash vores luksusvare i huset som f.eks. en Playstation 3 og en fladskærm. delkonklusion For lige at ridse det hele op er det HTML vi har brugt som fundament til vores hjemme side, CSS for at give den noget farve og et personligt præg og Flash til at gøre den mere spændende og mere interaktiv. For at tydeliggøre det vi har foretaget os, har vi håndplukket to kode eksempler. De to kode eksempler vi har valgt har været forbundet med en masse arbejde før resultatet kunne ses. Hertil skal der siges at vi alle sammen ikke havde det store kendskab til hverken HTML eller CCS. #tekstbox{ float:left; background-color: white; margin-left: 0px; margin-right: 0px; border: 2px solid gray; padding: 10px 10px 10px 10px; font-family: sans-serif; width:500px; height:500px; } 6 Head first html. Elisabeth freeman & Eric freeman Canada north Sebastopol

12 #tekstbox{ position: absolute; top: 88px; width: 500px; } Dette er den kode vi har skrevet til vores ene tekstboks på vores hjemme side. Koden fortæller hvilken farve boksen skal have hvor den skal være placeret hende, hvordan kanten skal se ud, med hvilken font familie der skal arbejdes inden for boksen, hvor stor boksen er og hvor meget afstand der skal være fra teksten til kanten af boksen. Dette er en komposition af tre forskellige koder vi har flettet sammen til en og fået til at fungere. <div id="linksbox"> <nav> <ul> <button><li><a href="#">forside</a></li></button> <button><li><a href="#">uddannelse</a></li></button> <button><li><a href="#">events</a></li></button> <button><li><a href="#">kontakt</a></li></button> </div> </nav> </ul> Det andet kodeeksempel vi har valgt den vi har brugt vores navigation. Denne kode fortæller browseren at der er en knap der f.eks. heder Uddannelse og at så snart man klikker på den skal gå til den side der heder uddannelse. Således at det er muligt at navigere rundt på vores hjemme side. Vi har under hele kodningen sørget for at bruge tydlige reference navne og at kommentere koden hele vejen igennem. Således at efterfølgende kan arbejde videre med koden og det er muligt at vedligeholde hjemmesiden uden at der er en af os der skal være til stede. 12

13 For at man kan se hvordan vi har struktureret vores hjemme side har vi lavet et sitemap som viser hvordan vores hjemme side er struktureret. Sitemap 7 Vi havde allerede besluttet ret tideligt at, man skulle nemt kunne komme rundt. Hvilket betød, man skulle kunne komme til alle sider, ligegyldig hvilken side man er på. (Et større format findes i billag 10) For at vise hvordan vores indhold på de enkelte sider er struktureret har vi lavet nogle Wireframes. Wireframes 8 Vi har valgt på det ene af vores websites at, bruge et meget stilrent design, hvor vi har brugt et baggrunds billede af en bygning, hvor selve designet er designet efter modernisme som forklaret tidligere i opgaven. Samtidig med vi vil give en fornemmelse af at det er en uddannelse inde for byggebranchen. Stilen her passer godt med hele vores koncept, for det giver et signal af det stilrene design. Hvor det hele mere eller mindre står, på en lige linje eller i bokse så hele website kan være meget overskuelig, på den måde gør det også at læseren, nemt kan finde rundt på selv siden, og fin de informationer som læseren skal bruge. Som man kan se er vores tekst og billede gennemsigtig, det har vi gjort for at give vores website lidt dybde, For hvis ikke vi havde gjort det ville siden virke en smule tam. Vi har valgt at have meget af de vigtige informationer på forsiden, så læseren hurtigt for interesse for siden, og samtidig har vi en flash banner der kørende. Med nogle billeder af de studerende og nogle billede af bygninger som de studerende på bygningskonstruktør & byggetekniker selv har taget. Hvor det kan give en god fornemmelse af selv uddannelsen. Vi har valgt at have 3 underside uddannelse, events og kontakter hvor stilen fra for siden går igen på alle 3 sider. Med enkelte ændringer hvor selve placeringen er lidt ændret. Vi har prøvet så vidt vi kan give de rigtige informationer under hele websitet. I vores anden website har vi valgt at bruge en anden stilart, som er dekonstruktivismen som også er forklaret tidligere, og man kan bare se en stor forskel med bare sådan en lille justering. Hvor vi valgte at skifte baggrunden, til en bygning med et design af dekonstruktivismen hvor nu baggrunden er let mere blikfangene, og kan gøre at læseren blive mere fokuseret på billedet. Selve bryder også lidt vores websites opbygning hvor alt er meget kantede hvor billede så har lidt mere bløde former. (Se wireframes i bilag 11-21) 7 Site Map Usability Jakob Nielsen's Alertbox, August 12, Brown, Dan M. (2011). Communicating Design: Developing Web Site Documentation for Design and Planning, Second Edition. New Riders

14 SWOT-analyse Vi har også valgt at lave en SWOT 9 analyse på vores hjemmeside, fordi vi så kan få et overblik over de stærke og svage side i forhold til de interne og eksterne side. Det er måske ikke så klassisk at lave en SWOT analyse på en hjemme side men vi ville simpelthen få et overblik over hvor bæredygtig vores koncept i forhold til hjemmesiden er. - Tiltrækker studerende - Enkelt - Overskueligt - Let tilgængeligt - Nem navigation - attraktiv - mange informationer - tiltalende design - link til sociale medier SWOT-analyse for B&B hjemmeside Interne Forhold Stærke sider (S) Svage sider (W) - Slideshowet kan for nogen være en irritation - For enkelt - Evt. for lidt information - Er ikke testet på alle browsere - Designen falder evt. ikke i alles smag Eksterne Forhold Muligheder (O) Trusler (T) - Kan sammenkobles med andre informations - Manglende vedligeholdelse sider over denne uddannelse - Kan være svært at finde på nettet - Kan sammenkobles med en uddannelses - Informationerne kunne forælde database - Kan være inkompatibel med nogle browsere - Kan opgraderes. Feks. i form af en opslagstavle de studerende selv vedligeholder Delkonklusion Ud fra SWOT analysen kan vi konkludere at vores hjemmeside i forhold til målgruppen er tilstrækkelig bæredygtig. Da vi konkluderer at de stærke sider opvejer de svage sider og at der er bedre muligheder end da der er trusler. Vi kan også konkludere at vi har evnet at få alle de ting ind som de studerende nævnte ville være vigtig i forhold til deres mening, i hvert fald hvad hjemmesiden angår. Arbejdsproces Selve sammenarbejdet i gruppen fungerede rigtig godt, vi var alle sammen hele tiden i arbejde og var heller ikke sky for at arbejde på noget derhjemme. Men man kunne tydeligt mærke forskellen på måden vi arbejde på. Kim og Daniel f.eks. arbejde meget sammen i forbindelse med kodningen. Mens Daniel som hovedsageligt er teoretiker i sin læringsstil sad og overvejede før han gjorde noget tog Kim bare initiativet 9 Finn Rolighed Andersen, Bjarne Warming Jensen, Kurt Jepsen, Mette Risgaard Olsen, Peter Schmalz (2011) International Markedsføring, KBH, Trojka 14

15 og prøvede sig frem. Her kan man se at Kims hovedsagelige læringsstil er aktivisten. Daniels andre læringsstile er meget lige fordelt, mens Kim mest teoretiker i forhold til pragmatiker og reflektor. Astrid og Jana arbejde hovedsageligt med rapporten her var det også meget tydeligt at begge to hovedsageligt var aktivister, de tog bare et område og gik i gang, selvom Astrid lige reflekterede over hvordan hun skulle gribe det an. Janas øvrige læringsstile er ligeligt fordelt mens Astrid er mere reflektor end pragmatiker og teoretiker. Delkonklusion Så her kan man tydeligt se at læringsstilene har haft en tydelig indflydelse på hvordan de enkelte medlemmer af gruppen arbejde. Men i det at vi er forholdsvis forskellige i vores læringsstile har det givet et positivt udslag på vores rapport og på selve hjemmesiden. Rollefordeling I forhold til vores rolle fordelingen i gruppen har det været sådan at Jana var vores Projektleder. Hun havde overblikket igennem forløbet og sørgede for at aftalerne vi havde lavet blev overholdt, og hvis f.eks. tidsplanen ikke kunne overholdes at der så blev stillet en ny deadline op. Desuden havde hun ansvaret for et par elementer i selve rapporten. Astrid havde ansvaret for alt det visuelle, det vil sige kompositionen af opgave layoutet og alle tegningerne der blev lavet. Desuden har hun haft ansvaret for en del afsnit i opgaven. Kim og Daniel havde ansvar vor hjemme siden både i forhold til layoutet blev overholdt og for hele kodningen. Selvom vi alle sammen havde vores fast rolle fordelinger og arbejdsopgaver var alligevel gode til at kommunikere tværs over områderne og implementerede hinanden i de forskellige ting der foregik. Konstruktiv Kritik Selvom vi var gode til at komplimentere hinanden under arbejdsforløbet og vi alle sammen gav en stor indsats for projektet er vi løbet ind i en del problemer. F.eks. havde vi svært ved at overholde vores tidsplaner en af grundene til dette var at ingen af os havde erfaring med kodning og dette gjorde at vi blev kastet bagud hele tiden og at selve projektet ikke er så vellykken som vi havde ønsket. Det vil sige at selvom vi komplimenterede hinanden godt blev vi nød til at gå ud over vores grænser hele tiden og være opfindsom og tage nogle smutveje som vi egentlig ville ha undgået. En af de genveje var f.eks. at vi brugte Dreamweaver til at putte vores Flash animation ind i vores website hvor den oprindelige plan var at kode den ind med HTML. Delkonklusion Til vores næste projekt bliver vi nød til at have mere fokus på vores tidsfordeling. Desuden har vi fortaget os at tilegne os mere viden i løbet af den næste tid hvad kodning og det teoretiske angår, således at tingende går os nemmere fra hånden til næste projekt og vi måske kan undgå at støde ind i så mange problemer. Konklusion På baggrund af vores fieldresearch, har vi fået en omfattende viden om selve uddannelsen, hvor vi har fået nogle gode rammer. Med de rammer har vi fået oprettet to fornuftige forslag med lidt forskellige design med stilarterne modernisme og dekonstruktivisme. Modernismen, da stilarten nærmest blev født igennem 15

16 byggebranchen og dekonstruktivismen, da denne stilarts arkitektoniske, kan lege med former på en hel anden måde. Med inspirationen og den information vi havde fået fra de studerende blev, har vi fået nogle design som er meget overskueligt, og med et simplet navigation system, både inde i selv siden, og ud til de eksterne side i forbindelse med uddannelsen, som gør at efter vores, holdning kan øge kendskabet til uddannelsen til bygningskonstruktør. 16

17 Bilag 1 17

18 Bilag 2 18

19 Bilag 3 19

20 Bilag4 20

21 Bilag 5 21

22 Bilag 6 22

23 Bilag 7 23

24 Bilag 8 24

25 Bilag 9 25

26 Bilag 10 26

27 Bilag 11 27

28 Bilag 12 28

29 Bilag 13 29

30 Bilag 14 30

31 Bilag 15 31

32 Bilag 16 32

33 Bilag 17 33

34 Bilag 18 34

35 Bilag 19 35

36 Bilag 20 36

37 Bilag 21 37

38 Bilag 22 38

39 39

Portfolio Web:

Portfolio Web: Portfolio Web: http://sann3737.mmd.eal.dk Af: Sanni Maria Lindberg Johannessen Dato: 30. maj 2013 EAL MMD Odense Vejledere: Kristin, Thomas & Pernille Anslag: 1921 Indholdsfortegnelse Indledning... 3 Baggrund...

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

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

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

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

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 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

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

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

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

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

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012

S&E Bazar Fyn. Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 2012 S&E Bazar Fyn Mads, Asger, Lærke og Alexander WEB-A 11-12-2012 Indhold Indledning... 2 Problemformulering:... 2 Problemstillinger:... 2 Kommunikation:... 3 Hvilken målgruppe ønsker vi at henvende

Læs mere

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow

Grafisk workflow. Maria Clausen Svendeportfolio Grafisk workflow Grafisk workflow Maria Clausen Svendeportfolio Grafisk workflow OPGAVEN Kunden har stiftet et nyt firma som hedder Wood id, som sælger lamper, møbler og tilbehør lavet i kvalitets træ. Kunden ville gerne

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

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

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

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

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

# Redesign af copenhagenskatepark.dk

# Redesign af copenhagenskatepark.dk # 1 Grafisk Design # Redesign af copenhagenskatepark.dk Opgave Dette er en fiktiv opgave hvor jeg har valgt at redesigne copenhagenskatepark.dk's website. Jeg synes det kunne være en spændende udfordring

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

Grafisk Design. rafisk Design

Grafisk Design. rafisk Design rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig

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

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

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

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

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

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

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

Læs mere

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

Afsluttende semesterprojekt - 1. Semester

Afsluttende semesterprojekt - 1. Semester Afsluttende semesterprojekt - 1. Semester Portfolio Redesign Multimediedesign CPH business Akademi Emilie Arved Eriksen MULA 2014-2015 Indholdsfortegnelse Mind-map... 4 PBS... 5 WBS... 5 GANTT... 6 Brugertest...

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

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

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

Portfolio Redesign Kamilla Klein 1. Semester eksamen

Portfolio Redesign Kamilla Klein 1. Semester eksamen 2014 Portfolio Redesign Kamilla Klein 1. Semester eksamen Lærene: Ditlev Skanderby Frederik Tang Ian Wisler- Poulsen Jesper Hinchely Merete Geidemann Lützen Morten Rold Thomas Hartmann Erhvervsakademiet

Læs mere

HESTBJERG WEB GRAFISK WORKFLOW

HESTBJERG WEB GRAFISK WORKFLOW HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside

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

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

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,

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

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

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

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

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

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

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

Introduktion... 2. Problemformulering... 2. Metode... 2. Research... 3. Kommunikation... 4. Delkonklusion... 4. Analyse... 5. Design...

Introduktion... 2. Problemformulering... 2. Metode... 2. Research... 3. Kommunikation... 4. Delkonklusion... 4. Analyse... 5. Design... Indhold Introduktion... 2 Problemformulering... 2 Metode... 2 Research... 3 Kommunikation... 4 Delkonklusion... 4 Analyse... 5 Design... 6 Delkonklusion... 9 Implementering og dokumentation... 10 Konklusion...

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

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

Infographic Klasse arbejdsmiljø

Infographic Klasse arbejdsmiljø Infographic Klasse arbejdsmiljø Skitse af vores tidlige design Rapport af : 1/7 Målgruppen Målgruppen for vores infographic er generelt eleverne som der går på ZBC i Vordingborg, dog skal det ikke undlades

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

Grafik & Billede weloveorganic.com webshop

Grafik & Billede weloveorganic.com webshop Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

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

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

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

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

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

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder. GRAFISK DESIGN KUNDEN PA Vaskeriteknik er en enkeltmandsvirksomhed som startede i 2008. Manden bag er Preben, som gennem 14 års brancheerfaring startede sit eget firma op da han føler at han med sit partnerskab

Læs mere

IT Sikkerhed. Digital Mobning.

IT Sikkerhed. Digital Mobning. IT Sikkerhed. Nu i dag hvor vores computer næsten er tilkoplet hinanden 24/7 er det vigtigt at kunne beskytte sin compuder / server mod spyware, virus, spam og skam. Til det er vi gået i gang med at arbejde

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

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen

Læs mere

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

Projekt 1 Re-design af Odense Bunkermuseum

Projekt 1 Re-design af Odense Bunkermuseum Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne

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

Grafisk Workflow. hovedforløb 2

Grafisk Workflow. hovedforløb 2 Grafisk Workflow hovedforløb 2 WORLD OF FURNITURE Forside.wrapper width: 95%; margin: 0 auto; box-shadow: 0px 0px 25px #888888; Image slider carousel 5 sekunder .button span.button span:after.button:hover

Læs mere

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

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

Læs mere

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau

Roskilde Tekniske Gymnasium. Eksamensprojekt. Programmering C niveau Roskilde Tekniske Gymnasium Eksamensprojekt Programmering C niveau Andreas Sode 09-05-2014 Indhold Eksamensprojekt Programmering C niveau... 2 Forord... 2 Indledning... 2 Problemformulering... 2 Krav til

Læs mere

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop

workflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres

Læs mere

GRAFISK DESIGN CAMILLA VINTER

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

Læs mere

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

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.

Læs mere

Ditlev Nielsen 2.g Kom/it 9/10/15. Avis artikel rapport

Ditlev Nielsen 2.g Kom/it 9/10/15. Avis artikel rapport Ditlev Nielsen 2.g Kom/it 9/10/15 Avis artikel rapport Indholdsfortegnelse: Indledning Side 3 Problemformulering Side 3 Afsender Side 3 Budskab Side 3 Medie Typografi Side 4-6 Medie Farver Side 7-9 Medie

Læs mere

Programvalg Dreamweaver CC, html Photoshop CC 2015

Programvalg Dreamweaver CC, html Photoshop CC 2015 Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af

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

Grafisk Workflow. Website til European Blues Challenge

Grafisk Workflow. Website til European Blues Challenge Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde

Læs mere

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

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

Læs mere

Grafisk design. 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

WBS. Inledning. Afsluttende projekt 1. sem

WBS. Inledning. Afsluttende projekt 1. sem MARK KRISTENSEN.DK Afsluttende projekt 1. sem Inledning I denne rapport kan du læse om den udviklingsproces, der ligger til grund for min nye portfolio, de metoder jeg har brugt, mine designvalg og designprincipper.

Læs mere

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling.

Grafisk. Hjemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Grafisk w o rk f l ow jemmesiden er designet til en nyopstartet virksomhed kaldet Tegnestuen M. De har både en arkitektafdeling og en tømrer-/ snedkerafdeling. Deres vision er at skabe enkle og inspirerende

Læs mere

Avisforside. Vi har skrevet en avis om studier ved Aarhus Universitet

Avisforside. Vi har skrevet en avis om studier ved Aarhus Universitet Avisforside Vi har skrevet en avis om studier ved Aarhus Universitet Vi vil meget gerne høre dine umiddelbare tanker om forsiden til avisen. Hvad forventer du dig af indholdet og giver den dig lyst til

Læs mere

Portfolio - sunestenild.dk

Portfolio - sunestenild.dk Portfolio - sunestenild.dk Grafisk produktion og workflow Anvendte programmer: Opgavebeskrivelse: Jeg vil gerne lave en hjemmeside som promoverer mig selv i forhold til kommende arbejdsgivere og eventuelle

Læs mere

Grafisk Design. Facebook: Opdatering fra en Teenager en typisk fredag aften. Kilde: Min kusines datter.

Grafisk Design. Facebook: Opdatering fra en Teenager en typisk fredag aften. Kilde: Min kusines datter. Brainstorms Brainstorms INSPIRATION Facebook: Opdatering fra en Teenager en typisk fredag aften. Kilde: Min kusines datter. Sjovt med skråtstillet, skaber dynamik i opslaget. Fed taleboble til små-annoncer.

Læs mere

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating GRAFISK WORKFLOW Hjemmeside design til Chem-Tec Plating REDEGØRELSE Hvad går opgaven ud på Virksomheden Chem-Tec Plating, som specialisere sig i metallisk overfladebehandling, havde været igennem et generationsskiftet

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

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

Helene Hørdum Andresen Pernille Helene Kristiansen Louise Fabel. Ugeopgave. Gruppeprojekt

Helene Hørdum Andresen Pernille Helene Kristiansen Louise Fabel. Ugeopgave. Gruppeprojekt Nadia Mary Lund Kristensen Helene Hørdum Andresen 20/11/2015 Gruppe 8 Ugeopgave Gruppeprojekt Link til færdige produktion http://gellettmedia.dk/html/kea/ugeopgave/index.html Brugernavn: keammd Kode: kode2015

Læs mere

Niclas Ritz Dennis René Lucas Claus Gadegaard Højlund. Erhvervsakademiet Lillebælt, Munkebjergvej

Niclas Ritz Dennis René Lucas Claus Gadegaard Højlund. Erhvervsakademiet Lillebælt, Munkebjergvej Niclas Ritz Dennis René Lucas Claus Gadegaard Højlund MMD 1. semester B Emne: Pba. i Laboratorie-, fødevare- og procesteknologi Antal anslag: 20.640 Erhvervsakademiet Lillebælt, Munkebjergvej Vejledere:

Læs mere

Afsluttende Projekt - Kom/IT

Afsluttende Projekt - Kom/IT 1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...

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

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

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