1. Bilag: Brugertest for gammel site

Størrelse: px
Starte visningen fra side:

Download "1. Bilag: Brugertest for gammel site"

Transkript

1 Bilag 1

2 1. Bilag: Brugertest for gammel site Brugertest af Isabellais.dk Scenarie 1 Gå ind på Du har på forsiden nogle vine som er fremhævet, de er placeret i nogle bokse, som du har mulighed for at trykke på hvis du vil læse mere om vinen. Der er 2 forskellige menuer, du har en hoved menu, som ligger i toppen og en undermenu ude til venstre. På top menuen har du så f.eks. mulighed for at vælge forhandler. Hvis du klikker på dette punkt, kommer der et billede frem af Danmark, som illustrerer hvor de forskellige butikker er lokaliseret. Under sortiment, har du mulighed for, at indtaste nogle søgekriterier og få de ønsket vine frem. Nu skal du kigge væk og kigge på mig, det er nemlig ikke dette website, vi vil have dig til at teste. Vi ønsker at du skal teste på et website for en is butik. Hvordan forstiller du dig et website for en is butik ser ud? Denne butik sælger Italienske is og ligger vægt på kvalitet og en god oplevelse. Hvilken informationer forstiller du dig, at kunne finde på dette website og er der noget specielt, som du ville forstille dig findes på websitet? Med dette scenarie, vil vi gerne søger for at testdeltageren føler sig tryg ved testen. Samtidigt kan vi få en ide om, hvordan folk forventer en is butik på nettet ville se ud. Det er også vigtigt og vide om testdeltageren, har nogen baggrund for sine forventninger. Husk at hjælpe test person i gang, få en dialog i gang og test person skal føle sig fortrolig. Beskriv sitet? Hvad er det første som du lægger mærke til på sitet / Hvad er det mest iøjefaldende? Hvad tænker du om teksten, har du lyst til at læse eller ej? Har du før været på et site for producenter for is? Hvad gjorde det ved din holdning? Scenarie 2 Klik dig ind på forsiden af Isabellais.dk, i toppen af websitet er der en lyserød bjælke i to nuancer. Forsøg at beskriv hvilken oplevelses og følelser den lyserøde bjælke vækker i dig. Med dette spørgsmål ønsker vi at opnå en afklaring, om hvordan den tredje emotive funktion 1 gør sig gældende på isabellais.dk. Hvordan påvirker produktet/designet af websitet testdeltageren, føler testdeltageren at han/hun er en del af den tænkte målgruppe. Scenarie 3 Klik lidt rundt på sitet, der er noget billede materiale på sitet, hvad tænker 1 L.Tholacius MVKW s. 5 2

3 du om det og giver det dig nogle specielle associationer? (Hvad repræsenter det billede for dig og giver det dig nogle associationer? hvad tænker du? hvilke følelser sætter det i gang hos dig?) Med dette scenarie vil vi gerne undersøge, hvorvidt den konative reception 1 gør sig gældende på Isabellais.dk. Få testdeltageren rent faktisk en købelyst, af at kigge på de forskellige undersider for den enkelte is. hvordan Isabellais.dk`s budskab fungerer. Er det klart for den enkelte modtager hvilke holdninger og følelser, Isabellais.dk vil kommunikere. Dette scenarie er sat op, med fokus på hvorvidt den første emotive funktion 2 fungerer på websitet. Afslutning. Hvordan vil du vurdere websitet som helhed, er der nogle specielle ting du har lagt mærke til. Scenarie 4 Isabella is budskab er til det gode liv, hvordan forstår du dette budskab? Klik dig nu ind på forsiden. Hvordan føler du at Isabellais.dk`s kommunikerer dette budskab? Med dette scenarie ønsker vi at afdække 1 L.Tholacius MVKW s. 8 2 L.Tholacius MVKW s. 4 og5 3

4 2. Bilag: Gant tidsplan 4

5 3. Bilag: Designskitser 5

6 6

7 7

8 8

9 IsʈÊBella Italiensk is Kaffe Kolde Drikke Kontakt Bestil Is Online Lad dig friste online 9

10 4. Bilag: Kode Kode med kommentarer Dette afsnit forklarer relevante kodeafsnit. Linje numrene som er angivet refererer til linjenumrende for Html: Index.html Css: style.css Slideshow: index.html, style.css, s3slider.js Eksempler på kode: HTML Websitet er bygget op omkring en wrapper (l. 67) som indeholder navigationsmenuen og centrerer siden, samt en inner wrapper (l. 101) som indeholder resten af sitet. Under navigationsmenuen er en div box placeret som indeholder alt topindholdet (#topcontent l.102) derefter to div bokse, #onlineshop og #infobar som indeholder henholdvis ikonet til onlineshoppen og den blå bjælke til højre hvori åbningsoplysninger og adgang til kort kan findes.nederst findes en div box (#content) som på indexsiden indeholder nogle indholdsbokse, og på alle alle undersider indeholder informerende tekst. Udvalgte kodeeksempler fra html-filen Index.html: META data til søgeoptimering (l.8-15) <!--META DATA TIL SEO START --> <meta name= description content= Hos Is à Bella kan du få Italiensk is af bedste kvalitet. Køb enten online og få bragt ud til døren eller smut ned til en vores butikker. /> <meta name= keywords content= Hjemmelavet is, Is a Bella, isabella, Is à Bella, Italiensk is, isbutik, sorbet is, familiefest, is desserter, is, online is, gelato, glutenfri, kundeservice /> <meta name= author content= KNORD multimedia /> <meta name= content= /> <meta name= Robots content= INDEX,FOLLOW /> <meta name= Revisit-after content= 1 Day /> <!--META DATA TIL SEO SLUT --> Søgeoptimering Vi har søgeoptimeret vores website ved hjælp af metatags og udover dette indeholder teksten keywords som yderligere optimerer søgningen: Eksempel fra undersiden Italiensk Is (keywords markeret med rødt) Hos Isabella har vi kun Italiensk is af bedste kvalitet. Vi står tidligt op hver 10

11 morgen for at gøre isen klar til dig, så du kan nyde frisk is hver dag. Vi holder nøje øje med vores råvarer og gør kun brug af små leverandører. Det sikrer at vores is altid er af høj kvalitet. Vi har kun hjemmelavet is og tilbyder både is lavet på mælk, sorbet is og yoghurt is. Udover det har vi også is til allergikere, diabetikere og veganere. Vi lægger en dyd i at tilbyde en høj kundeservice så vores kunder altid går tilfredse herfra. Wrapper med navigationsmenuen (l.71-96) <div id= wrapper ><!--ALL CONTENT CONTAINED WITHING --> <div id= navbar > <div id= navcontent > <a href= index.html ><img src= images/layout/logo.png alt= Is à Bella Logo /></a> <!--ROLLOVER EFFECT --> <a href= italienskis.html onmouseover= buttondown( isbutton ) onmouseout= buttonup( isbutton ) > <img src= images/layout/icons/icon01up.png alt= Italiensk Is name= isbutton border= 0 class= nav /> </a> <a href= kaffe.html onmouseover= buttondown( kaffebutton ) onmouseout= buttonup( kaffebutton ) > <img src= images/layout/icons/icon02up.png alt= Kaffe name= kaffebutton border= 0 class= nav /> </a> <a href= koldedrikke.html onmouseover= buttondown( koldebutton ) onmouseout= buttonup( koldebutton ) > 11

12 </a> <img src= images/layout/icons/icon03up.png alt= Kolde drikke, milkshakes name= koldebutton border= 0 class= nav /> <a href= butik.html onmouseover= buttondown( butikbutton ) onmouseout= buttonup( butikbutton ) > <img src= images/layout/icons/icon04up.png alt= Om Is à Bella name= butikbutton border= 0 class= nav /> </a> <!--ROLLOVER EFFECT --> </div> CSS Vi har valgt at gøre brug af to separate css filer. Én til selve sitet, og en anden til webshoppen, det har på den måde været nemmere at lave ændringer i en uden det har forstyrret dets anden layout. Dette har været hensigtsmæssigt da webshoppen er udformet anderledes end resten af sitet. Udvalgte kodeeksempler fra style.css Udsnit af kode fra trejdeparts bibliotek. Del af slidegalleri på forsidet..sliderimage span { top:200px; position: absolute; font: 15px/20px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 384px; background-image:url(images/layout/navbar.jpg); filter: alpha(opacity=80);/*---ikke VALIDERET---*/ -moz-opacity: 0.8;/*---- DA VI HAR VALGT AT BRUGE EN GENNEMSIGTIG KASSE I SLIDE GALLERIET KUNNE DETTE IKKE VALIDERES. DETTE SKYLDES AT BROWSERNE IDAG IKKE OVERHOLDER STANDARDERNE-*/ -khtml-opacity: 0.8;/*--IKKE VALIDERET---*/ opacity: 0.8;/*--IKKE VALIDERET---*/ 12

13 color: #fff; display: none; Al kode er valideret gennem W3schools valideringsproces, dog kunne ovenstående ikke valideres da det ville betyde forringet funktionalitet af website på nogle browsere. Dettt skyldes at selv browserne ikke overholder standarderne. Yderligere kommentarer findes hovedsageligt i index.html og style.css JavaScript i HTML koden til slideshow <!--SCRIPT FOR SLIDER START --> <script type= text/javascript src= js/jquery.js ></script> <script type= text/javascript src= js/s3slider.js ></script> <script type= text/javascript > $(document).ready(function() { $( #slider ).s3slider({ timeout: 5000 ); ); </script> <!--SCRIPT FOR SLIDER END --> JavaScript til slideshow /* s3slider.js Developped By: Boban Karišik -> CSS Help: Mészáros Róbert -> Version: 1.0 Copyright: Feel free to redistribute the script/modify it, as long as you leave my infos at the top */ (function($){ 13

14 $.fn.s3slider = function(vars) { var element = this; var timeout = (vars.timeout!= undefined)? vars.timeout : 4000; var current = null; var timeoutfn = null; var faderstat = true; var mover = false; var items = $( # + element[0].id + Content. + element[0].id + Image ); var itemsspan = $( # + element[0].id + Content. + element[0].id + Image span ); items.each(function(i) { $(items[i]).mouseover(function() { mover = true; ); $(items[i]).mouseout(function() { mover = false; fadeelement(true); ); ); var fadeelement = function(ismouseout) { var thistimeout = (ismouseout)? (timeout/2) : timeout; thistimeout = (faderstat)? 10 : thistimeout; if(items.length > 0) { timeoutfn = settimeout(makeslider, thistimeout); else { console.log( Poof.. ); var makeslider = function() { current = (current!= null)? current : items[(items.length-1)]; var currno = jquery.inarray(current, items)

15 currno = (currno == items.length)? 0 : (currno - 1); var newmargin = $(element).width() * currno; if(faderstat == true) { if(!mover) { $(items[currno]).fadein((timeout/6), function() { if($(itemsspan[currno]).css( bottom ) == 0) { $(itemsspan[currno]).slideup((timeout/6), function() { faderstat = false; current = items[currno]; if(!mover) { fadeelement(false); ); else { $(itemsspan[currno]).slidedown((timeout/6), function() { faderstat = false; current = items[currno]; if(!mover) { fadeelement(false); ); ); else { if(!mover) { if($(itemsspan[currno]).css( bottom ) == 0) { $(itemsspan[currno]).slidedown((timeout/6), function() { $(items[currno]).fadeout((timeout/6), function() { faderstat = true; current = items[(currno+1)]; if(!mover) { fadeelement(false); 15

16 ); ); else { $(itemsspan[currno]).slideup((timeout/6), function() { $(items[currno]).fadeout((timeout/6), function() { faderstat = true; current = items[(currno+1)]; if(!mover) { fadeelement(false); ); ); makeslider(); ; )(jquery); CSS til slideshow /*SLIDERJS START*/ #topcontent { height:291px; width:590px; float:left; padding-top:14px; padding-bottom:70px; padding-left:30px; #topcontent p{ margin-right:22em; /* ---- TREJDE PARTS BIBLIOTEK START----*/ #slider { 16

17 width: 590px; /* important to be same as image width */ height: 291px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ #slidercontent { width: 634px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0;.sliderImage { float: left; position: relative; display: none; border:1px solid black;.sliderimage span { top:200px; position: absolute; font: 15px/20px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 384px; background-image:url(images/layout/navbar.jpg); filter: alpha(opacity=80);/*---ikke VALIDERET---*/ -moz-opacity: 0.8;/*---- DA VI HAR VALGT AT BRUGE EN GENNEMSIGTIG KASSE I SLIDE GALLERIET KUNNE DETTE IKKE VALIDERES. DETTE SKYLDES AT BROWSERNE IDAG IKKE OVERHOLDER STANDARDERNE-*/ -khtml-opacity: 0.8;/*--IKKE VALIDERET---*/ opacity: 0.8;/*--IKKE VALIDERET---*/ color: #fff; display: none;.clear { clear: both; 17

18 .sliderimage span strong { font-size: 14px;.top { top: 0; left: 0;.bottom { bottom: 0; left: 0; visibility:hidden; ul { list-style-type: none; /*SLIDERJS END*//* TREJDE PARTS BIBLIOTEK SLUT */ 18

19 5. Bilag: Gangstertest på det nye site Gangstertest udført på Spørgsmål Beskrivelse Point 1. Hvilket Website befinder du dig på? Is a bella 3 2. Hvilke overordnede menupunkter findes på websitet? 3 3. Hvilken underside befinder du dig på? Blev i tvivl om jeg stod på forsiden eller om jeg var under italienske is. 2 19

20 Spørgsmål Beskrivelse Point 4. Hvilke muligheder har du på dette niveau? Jeg har mulighed for at klikke videre i menuen foroven, hvilket er nemt og finde ud afj 3 Hvor er du i den samlede struktur/hvordan er du kommet hertil? Klikkede mig ind på en underside og fandt hurtigt tilbage til forsiden ved hjælp af siden. 3 Points I alt: 14 points ud af 18 mulige 20

21 Spørgsmål Beskrivelse Point 1. Hvilket Website befinder du dig på? Isabellais.dk 3 2. Hvilke overordnede menupunkter findes på websitet? Italiensk is, kaffe, kolde drikke og om is a Bella 3 3. Hvilken underside befinder du dig på? Der findes ingen?? Medmindre man ser kaffe fx, som en underside til forsiden J 1 21

22 Spørgsmål Beskrivelse Point 4. Hvilke muligheder har du på dette niveau? HVIS jeg skal se kaffe som en underside til forsiden, så kan jeg bestille is online. 2 Hvor er du i den samlede struktur/hvordan er du kommet hertil? Der er brødkrummesti me like J 3 Points I alt: 13 points ud af 18 mulige 22

23 Spørgsmål Beskrivelse Point 1. Hvilket website befinder du dig på? Virksomhedens logo fremstår tydeligt i venstre hjørne af websitet og er tydeligt på alle undersider. Virksomhedens navn samt slogan står også i browserbaren. 3 points 2. Hvilke overordnede menupunkter findes på websitet? 3. Hvilken underside befinder du dig på? 4. Hvilke muligheder har du på dette niveau? Navigationsmenuen findes 3 points umiddelbart ved siden af logoet, i højre side. I højre hjørne findes adgang til Onlineshop samt kontaktoplysninger og information om åbningstider Undersidens navn står klart i overskrifter over et billede som også tydeliggører undersidens indhold Der er adgang til lokalnavigation igennem store ikoner samt links, men ingen decideret lokalmenu findes 3 points 2 point 5. Hvor er du i den samlede struktur/hvordan er du kommet hertil? Under undersidens overskrift findes en brødkrummesti som viser den eksakte sti Points I alt: 3 points 14 oints ud af 18 mulige 23

24 6. Bilag: Brugertest af nye site Brugertest af Isabellais.dk Scenarie 1 Gå ind på Du har på forsiden nogle vine som er fremhævet, de er placeret i nogle bokse, som du har mulighed for at trykke på hvis du vil læse mere om vinen. Der er 2 forskellige menuer, du har en hoved menu, som ligger i toppen og en undermenu ude til venstre. På top menuen har du så f.eks. mulighed for at vælge forhandler. Hvis du klikker på dette punkt, kommer der et billede frem af Danmark, som illustrerer hvor de forskellige butikker er lokaliseret. Under sortiment, har du mulighed for, at indtaste nogle søgekriterier og få de ønsket vine frem. Nu skal du kigge væk og kigge på mig, det er nemlig ikke dette website, vi vil have dig til at teste. Vi ønsker at du skal teste på et website for en is butik. Hvordan forstiller du dig et website for en is butik ser ud? Denne butik sælger Italienske is og ligger vægt på kvalitet og en god oplevelse. Hvilken informationer forstiller du dig, at kunne finde på dette website og er der noget specielt, som du ville forstille dig findes på websitet? Med dette scenarie, vil vi gerne søger for at testdeltageren føler sig tryg ved testen. Samtidigt kan vi få en ide om, hvordan folk forventer en is butik på nettet ville se ud. Det er også vigtigt og vide om testdeltageren, har nogen baggrund for sine forventninger. Husk at hjælpe test person i gang, få en dialog i gang og test person skal føle sig fortrolig. Beskriv sitet? Hvad er det første som du lægger mærke til på sitet / Hvad er det mest iøjefaldende? Hvad tænker du om teksten, har du lyst til at læse eller ej? 24

25 Har du før været på et site for producenter for is? Hvad gjorde det ved din holdning? Scenarie 2 Klik dig ind på forsiden af Isabellais.dk, i toppen af websitet er der en lyserød bjælke i to nuancer. Forsøg at beskriv hvilken oplevelses og følelser den lyserøde bjælke vækker i dig. Med dette spørgsmål ønsker vi at opnå en afklaring, om hvordan den tredje emotive funktion 1 gør sig gældende på Isabellais.dk. Hvordan påvirker produktet/designet af websitet testdeltageren, føler testdeltageren at han/hun er en del af den tænkte målgruppe. Scenarie 3 Klik lidt rundt på sitet, der er noget billede materiale på sitet, hvad tænker du om det og giver det dig nogle specielle associationer? (Hvad repræsenter det billede for dig og giver det dig nogle associationer? hvad tænker du? hvilke følelser sætter det i gang hos dig?) Med dette scenarie vil vi gerne undersøge, hvorvidt den konative reception 2 gør sig gældende på Isabellais.dk. Få testdeltageren rent faktisk en købelyst, af at kigge på de forskellige undersider for den enkelte is. Scenarie 4 Isabella is budskab er til det gode liv, hvordan forstår du dette budskab? Klik dig nu ind på forsiden. 1 L.Tholacius MVKW side 5 2 L.Tholacius MVKW side 8 25

26 Hvordan føler du at Isabellais.dk`s kommunikerer dette budskab? Med dette scenarie ønsker vi at afdække hvordan Isabellais.dk`s budskab fungerer. Er det klart for den enkelte modtager hvilke holdninger og følelser, Isabellais.dk vil kommunikere. Dette scenarie er sat op, med fokus på hvorvidt den første emotive funktion 1 fungerer på websitet. Afslutning. Hvordan vil du vurdere websitet som helhed, er der nogle specielle ting du har lagt mærke til. 1 L.Tholacius MVKW side 4 og 5 26

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

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

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

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat

Projekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur

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

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

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

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

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

Læs mere

Nyhedsbrev april: spørgeskemaundersøgelse

Nyhedsbrev april: spørgeskemaundersøgelse #ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;

Læs mere

grafisk workflow Madmagasinet

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

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

Læs mere

Marc Creutzberg aarhusportalen AARHUSTECH 19/06 2012

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

Læs mere

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

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

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

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

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

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

Læs mere

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

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

GRAFISK WORKFLOW GRAFISK WORKFLOW

GRAFISK WORKFLOW GRAFISK WORKFLOW Opgaven At lave en ny hjemmeside til tekniske skolers sportslege. Den gamle var rodet og uoveskuelig. Det vigtigste var at rydde op, samt holde en rød tråd til logo og indbydelsen. Afsender Lærerne på

Læs mere

Oversigt HTML5 nye tags til sideopbygning

Oversigt HTML5 nye tags til sideopbygning HTML5 er udviklet af WHATWG Oversigt HTML5 nye tags til sideopbygning (Web Hypertext Application Technology Working Group) En

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 Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:

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

Læs mere

Grafisk 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

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW

FORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,

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

Martin Møller Web1b Tirsdag den 19 juni 2012

Martin Møller Web1b Tirsdag den 19 juni 2012 Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

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

Læs mere

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

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

Læs mere

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

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

Læs mere

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

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

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

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

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

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

Læs mere

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

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

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

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

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

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

Læs mere

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis

STEPS GIANT. GIANT STEPS jazz orchestra. Klasse: tr09mul02. Maria Ekelund, Stephanie Rosborg, Rasmus Seye og Thomas Riis Klasse: tr09mul02 STEPS GIANT j a z z o r c h e s t r a Indholdsfortegnelse 1.0 Problemformulering 1.1 Tidsplan 1.2 Wireframe 1.3 Flowchart 2.0 Research 2.1 Begrundelse for design 2.2 Logo 3.0 Generelt

Læs mere

CSS introduktion: Tekstformatering med CSS

CSS introduktion: Tekstformatering med CSS Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 3, individuel øvelse CSS introduktion: Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

NY IDENTITET TIL SCHWARZ

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

Læs mere

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

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

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse 1 lært at lave en HTML5-side med afsnit,

Læs mere

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Projekt: Kend dine brugere Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen Indholdsfortegnelse Introduktion: 3 Marketing: 3 Usability test: 4 Mockup design 6 Opsumering 7 Konklusion

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

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

Læs mere

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

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

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

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK WORKFLOW. Proces. Kodning. Fonts: P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces

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

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

Læs mere

Tillykke Med Fødselsdagen

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

Læs mere

NP Ecommerce. Produktguide for NaviConnect. Ecommerce

NP Ecommerce. Produktguide for NaviConnect. Ecommerce NP Ecommerce Produktguide for NaviConnect Ecommerce Indhold Varekort - Magento:... 2 Grundlæggende vareinformation:... 2 Priser og specielt fremtræden:... 4 Metainformation:... 5 Attributsæt, billeder,

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

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

Administration - Wordpress 2014-07-02. Administration - Wordpress

Administration - Wordpress 2014-07-02. Administration - Wordpress Administration - Wordpress 1 Indholdsfortegnelse Wordpress CMS-system... 4 Wordpress administration... 4 Video-manualer til Wordpress... 4 Wordpress Support... 4 Manual Traeinfo.dk og Traeguiden.dk...

Læs mere

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

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

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

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

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

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

Læs mere

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

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk

foto // billeder fra hjemmesiden Websiden // feriebolig-i-toscana.dk GRAFISK DESIGn Webdesign Min chef ville gerne have lavet en webside til firmaets udlejningshus i Italien. Huset på 200 m² er et traditionelt toskansk landhus i tre etager og ligger i gåafstand fra middelalderlandsbyen

Læs mere

Portfolio - Grafisk Workflow

Portfolio - Grafisk Workflow Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud

Læs mere

Brugervejledning Joomla

Brugervejledning Joomla Brugervejledning Joomla Denne brugervejledning vil guide dig gennem de funktioner, som du skal bruge for at redigere indhold på dit website. Indholdsfortegnelse LOG- IN:... 2 OPRET ARTIKEL:... 3 INDSÆT

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Grundformen for et website: aside, tabeller, formularer og tekstformatering

Grundformen for et website: aside, tabeller, formularer og tekstformatering Design til digitale kommunikationsplatforme Formiddag (Hold 1), IT Universitetet, Efterår 2013 Øvelse 2, individuel øvelse Grundformen for et website: aside, tabeller, formularer og tekstformatering 1.

Læs mere

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012

WEBSITE Projekt 3 Af: Ulvi Imanov, Adem Kurnaz, Shiko Nzorubara og Alexander Kofod Dato: 23.11.2012 WEBSITE Projekt 3 Dato: 23.11.2012 Indholdsfortegnelse Indledning... 2 Designbrief... 2 Kommunikationsanalyse... 3 Flowchart... 4 Eksempel på HTML... 5 Argumentation for design... 7 Evaluering... 9 Gant-diagram...

Læs mere

Brugervejledning til Design Manager Version 1.02

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

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

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

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

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

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

Arbejdsproces. Kvalitetsvurdering

Arbejdsproces. Kvalitetsvurdering REDEGØRELSE Om opgaven FIKTIV OPGAVE: Til denne opgave skal der laves et design til en hjemmeside (one-page) samt designes grafik og knapper. Designet opsættes som HTML / CSS og valideres. Programvalg

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7

FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 FAKTA 3 INDLEDNING 4 KREATIV PROCES 4 INDLEDENDE FASE 4 DESIGNVALG 6 TYPOGRAFI 6 FARVER 6 LOGO 6 BRUGERGRÆNSEFLADE 6 BAGVEDLIGGENDE KODE 7 EKSPERTVURDERING 10 REDESIGN AF PROJEKTER 12 BANNERPROJEKT 12

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

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

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

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia GRAFISKDESIGN PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia Trykket hos: PR Offset Papir: 170g multiart silk, omslag 130g multiart silk, indhold Grafisk design Dansk Kedel Kemi,

Læs mere

Tøj & mode. Customer Insight paper. Kort udgave, April 2015. For dig der arbejder med e-handel indenfor tøj- og modeindustrien

Tøj & mode. Customer Insight paper. Kort udgave, April 2015. For dig der arbejder med e-handel indenfor tøj- og modeindustrien Tøj & mode Customer Insight paper Kort udgave, April 2015. For dig der arbejder med e-handel indenfor tøj- og modeindustrien Tøj og mode - baseret på kundeindsigt fra 20 e-commerce sites. Når danskerne

Læs mere

Designmanual for webintegrator grundforløbs eksamen

Designmanual for webintegrator grundforløbs eksamen Kræn Byskov Videndjurs Webintegrator Designmanual for webintegrator grundforløbs eksamen Side 1-14 Indholdsfortegnelse Indledning 3 Målgruppe 4 Timeline 5 Logo 6 Font 7 Farver 8 Flowchart 9 Storyboard

Læs mere

3. PROJEKT, 2 SEMESTER

3. PROJEKT, 2 SEMESTER 3. PROJEKT, 2 SEMESTER Bruger undersøgelse, af sociale medie. KENDSKAB TIL OG BRUG AF ONLINE SOCIALE MEDIER FORENINGEN AF DANSKE INTERAKTIVE MEDIER, FÅET TIL OPGAVE AT AFDÆKKE DANSKERNES BRUG AF SOCIALE

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

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

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

Teknisk dokumentation

Teknisk dokumentation Teknisk dokumentation Scene 11 Html kode javascript kode Til at sætte et stykke lyd ind på en hjemmeside, skal man bruge det semantiske tag . Inde i tag et skal man bruge et empty tag, ,

Læs mere

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8

Vejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8 Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.

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

Implementeringsvejledning

Implementeringsvejledning Certifikat Certifikat Med og uden gradient #3FBFEF #1A7CA1 Smalt certifikat Med og uden gradient Kan benyttes på steder med begrænset højde Mini certifikat Med og uden gradient Kan benyttes hvis certifikatet

Læs mere

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer

Nedarvning. At style tags inden i andre tags. www.johnnihowardsen.dk - selektorer Nedarvning Du styler som bekendt dit indhold med mange forskellige selektorer. De mest almindelige er class, id, tag men du kan også gruppere selektorer f.eks h1, h2, h3, p, a, img {font-family: Verdana,

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

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

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

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere