Projekt 3: User friendly website Soerenk.dk re-design

Størrelse: px
Starte visningen fra side:

Download "Projekt 3: User friendly website Soerenk.dk re-design"

Transkript

1 Projekt 3: User friendly website Soerenk.dk re-design Mul-A, Gruppe 3, URL: Annemette Bruhn cph41.webkn.dk Caroline Vikke Lundhild Madsen cph57.webkn.dk Julia Brøndum Emborg cph45.webkn.dk Jonna Gaardbo cph46.webkn.dk Lærere: Morten Rold, MORO Merete Lindemann, MLI Ian Wisker-Poulsen, IWP Ditlev Vestergaard Skanderby, DVS

2 Indholdsfortegnelse Indledning Projektbeskrivelser Gantt kort Design brief Argumentation for designbeslutning Kommunikationsanalyse Flowchart Eksempel af koder Process og evaluering Litteraturliste Bilag: - Gantt - Kommunikationsmodel - Flowchart side 3 side 3 side 3 side 3 side 4 side 5 side 8 side 8 side 9 side 10 side 11 side 13 side 14

3 Indledning: I henhold til projekt tre, har vi multimediedesignstuderende på CPH Business Academy Lyngby, fået stillet til opgave at redesinge hjemmesiden Formålet med denne opgave er at skabe et fuldt funktionelt W3 valideret site. Derudover skal sitet være opbygget således at det er let navigerbart for brugeren. I dette projekt er der desuden stor fokus på at tilegne sig individuel læring, gennem velfungerende gruppearbejde. Projektbeskrivelse: I dette projekt har vi fået til opgave at redesigne restauranten Søren K s hjemmeside, for at gøre den mere overskuelig for potentielle kunder. Vi vil bruge tekst og billeder fra den oprindelige hjemmeside, men selve HTML og CSS kodningen har vi selv lavet fra bunden. Vi har til opgave at overveje og diskutere hvilket design vi vil bruge til hjemmesiden. Desuden skal vi lave to forskellige brugertest på hjemmesiderne og udarbejde en rapport over vores projekt, og lave to Gantt diagrammer - et til første omgang og et endeligt færdigt diagram. Gantt: Da projektet startede udarbejdede vi et Gantt diagram for at skabe et overblik over hele projektet. Vi har sat opgaver og milepæle ind, så vi har haft god tid til hver del af projektet. Til slut laver vi et Gantt diagram med de endelige datoer og tider for arbejdsprocessen. *bilag Design Brief: Søren K Profil: Søren K er et nordisk brasserie, som åbnede for første gang i Dens beliggenhed er i Den sorte diamant, den nye tilbygning til det kongelige bibliotek. Omgivelserne og design er af dansk eller nærmere sagt, århusiansk arkitektur. (Schmidt, Hammer og Lassen). Søren K er navngivet efter Søren Kirkegaard. Søren K er en tidstypisk restaurant og startede ud med en agenda om Det Fondløse Køkken hvilket siden 2007 er skiftet til det Skruppelløse køkken. Formål: Formålet med re-designet er at skabe en renere struktur, som passer til Søren K s ry og ide. Hjemmesiden skal være mere målrettet til dens kunder. Sitet skal kunne reflektere den oplevelse kunden får når de besøger Søren K og være tiltalende for den aktuelle målgruppe og kunne motivere de potentielle kunder. Kunden skal kende Søren K s menu og vide hvilke kvaliteter menuerne er baseret på. I sidste ende skal sitet skal få flere kunder til at bestille bord, evt. via hjemmesiden. Målgruppen: Søren K har en bred målgruppe, idet at Søren K vil være et midtpunkt i Købehavns kulturliv. Talen er om kvinder og mænd, omkring de år. Målgruppens indkomst ligger fra middel til høj. Primært er det folk med eller som studerer på højere uddannelser, hvis man har i tanke om hvilke mennesker besøger biblioteket. Målgruppen kommer primært fra indre København og sekundært fra Københavns omegn og turister. side 3

4 Målgruppen kan endvidere defineres som den bevidste, moderne, kultiverede type, der sætter krav og foretrækker kvalitet frem for kvantitet. Stikord som skal indgå i det endelige design Design eksempler Sprog: - Dansk. Farver: - sort - hvid - grå Tekst: - simple - kortfattet - oplysende - relevant indehold - Sans Serif Atmosfære: - billeder, video fra restau ranten - rene linjer - enkel - dynamisk - moderne - Cool modern stil Designargumentation: Baggrunden for vores redesign, bygger på en minimalistisk designæstetik. Derudover har vi i vores design også lagt vægt på at det for brugeren skal være nemt at navigere rundt på sitet. Brugeren skal konstant kunne lokalisere sin placering, samt ved hjælp af stier at kunne gå tilbage til forrige eller, hvis ønsket, udgangspunktet. For at understøtte vores designargumentation, har vi valgt at benytte os af nogle relevante designprincipper. Designprincipper kan for brugeren være altafgørende, idet de danner grundlaget for hvorledes brugeren intuitivt anvender og afkoder designet. Genkendelighed: Med udgangspunkt i det oprindelige site, har vi i gruppen valgt at bibeholde en del genkendelige elementer i udarbejdelsen af designet. Dette omfatter blandt andet placering af logo, søgefelt, menupunkter mm. Derudover har vi også valgt at understøtte sitets brand security, ved at fastholde sitets æstetik. På denne måde har brusgeren stadig en forsikring om opretholdelsen af serviceniveau. Ved at anvende princippet om genkendelighed, sikrer vi de identificerbare elementer i designet. Vores interne genkendelighed optræder ved at bibeholde farver, samt billeder og eventuel tekst. Dertilsvarende optræder vores eksterne genkendelighed i vores placering af søgefelt, logo, menupunkter mm. På denne måde kan vi sikre at brugeren får maksimalt udbytte i afkodningen af designet. Enkelthed: Udover genkendelighed, har vi i vores design også lagt fokus på enkelthed. Førhen var sitet proppet med mange forstyrrende og svært håndterbare funktioner, der gjorde det svært for brugeren at navigere rundt på sitet. Især menupunkterne med tilhørende underpunkter, indeholdte et væld af tekst, der for brugeren var uden betydning. Ved at fokusere på enkelthed, skærer man således alt irrelevant indhold fra og erstatter side 4

5 det med mere overskuelige og informative oplysninger. Farver: Brugen af enkelthed kommer desuden også til udtryk i designets minimalistiske fremstilling. Ved at benytte kontraster såsom hvid, sort samt grå, tillægges sitet et neutralt udtryk. De neutrale kontraster har vi desuden også anvendt i vores grupperede bokse, for at forstærke den visuelle identitet hos restauranten Søren K. Ved at bruge neutrale farver har brugeren også lettere ved at overskue sitet. Havde vi valgt stærke primære eller sekundære farver, kunne dette for brugeren have virket synsforstyrrende. Derudover ville det desuden heller ikke harmonere med sitets originale æstetik. Ensartethed: Brugen af farver, går også igen i vores princip om ensartethed. For os er det vigtigt at brugeren kan se en sammenhæng mellem forside, samt alle andre aspekter af websitet. Der skal være en rød tråd i designet, da det for brugeren skaber sammenhørighed. Vi har anvendt samme typografi, tydeliggjort forskellen mellem overskrifter og brødtekst, samt begrænset mængden af variation i forhold til brugen af farver. Lukkethed: I henhold til brugen af farver, kan man også nævne brugen af lukkethed. Ved at afgrænse tekstområder med brugen af farver, skaber man mere lukkethed på sitet. Denne lukkethed hjælper til at danne grupperinger og klargøre for brugeren hvad der er sammenhørigt. Luft: Når vi tilføjer elementer til et design, så fjerner vi luft. Hvis et element skal have meget opmærksomhed skal der være meget luft, hvis ikke skal der knapt være så meget luft. Elementerne må ikke komme for tæt på kanten, da de derved virker klemt og mindre harmoniske. På vores redesign har vi gjort brug af princippet om luft, ved at lave mellemrum mellem tekstbokse, menubokse mm. som tidligere nævnt, giver dette mere luft og overskuelighed på sitet. Den visuelle oplevelse af sitet bliver for brugeren mere harmonisk. Loven om linjer: Ved at anvende loven om linjer, sikrer vi sitets professionelle udtryk. Ved at opstille eksempelvis det tekstmæssige med rette linjer, skabes der mindre støj på sitet. Hvis vi havde opstillet vores tekst mere rodet, ville brugeren skulle bruge megen energi på at skabe sig et æstetisk overblik. Kommunikations analyse Formål: Formålet med hjemmesiden er at formidle buskabet om at Søren K findes og hvad de beskæftiger sig med. Du kan se deres menuer, historie samt bestille bord og se hvilket stil og atmosfære du kan opleve hvis du vælger at besøge dem inde på den Sorte Diamant. Struktur på sitet: På sitet kan du vælge imellem to sprogvarianter. Der er videre kontakt oplysninger, nyhedsbrev, personalelog-ind, rapport og søgefelt. Et hak længere nede ser du Søren K logo, sitets menu struktur, bestående af deres menuer, side 5

6 arrangementer, om os info, link til Café Øieblikket samt et bestil bord link. Derefter kommer en brødkrummestig. Dernæst er den et slideshow med billeder fra restauranten, som linker til diverse felter på sitet. På sitets centrum er der en bjælke hvor du kan tilmelde dig deres nyhedsbrev. Igen kommer der billeder som linker til diverse felter på sitet, samt en film. Nederst er der generelle oplysninger, som adresse, åbningstider, salgskontor og bankoplysninger. Her kan vi bliver enige om at der er meget information, som ikke er de primære oplysninger som kunden søger ved at klikke sig ind på sitet. Man kan forestille sig at dette kan nedsætte brugervenligheden, idet at der er mange felter som man skal gennemgå inden man kan være sikker på hvilket objekt man skal klikke sig videre på. Specielt hvis man har en mindre erfaren bruge i tankerne, kunne sitet hurtigt blive uoverskueligt da der er for mange muligheder hvilet også kan gøre det sværere at kunne huske hvorhenne man fandt de ønskede oplysninger. Opbygning: Sitet er opbygget af rene linjer. Der er klar afgrænsning med lukkethed, med at felterne er lukket inde i bokse. Der er også klar afstand imellem felterne, som giver klar besked om hvilke punkter hører sammen. Sitet er opbygget med parallelle linjer i den vandrette retning. Disse effekter tiltaler i en vis grad øjet og giver en fornemmelse af klarhed og rolighed. Man kunne måske forestille sig at det ville give en endnu bedre fornemmelse hvis sitet også var opbygget af lige linjer i den lodrette retning. Sitet er opbygget med få farver, sort, hvid og grå er de dominerende farver, hvilket i norden afspejler klasse, god stil og den enkle minimaliske stil. Hvid: renhed Grå: elegance Sort: sofistikeret De har valgt at bruge blå som kontrastfarve. Vi ser den blå farve på bestil bord og i videoens volumen. Hvilket ikke helt fungerer så iøjnefaldende som nogle andre farver ville have gjørt. Men deres intuition er nok mere farvens betydning, som afspejler fordybelse, stabilitet og ro. Farvers-betydning.php Billederne holdt i farver som giver sitet lidt friskhed samt at du kan få en bedre oplevelse af hvad billederne viser. Der spiller den enkle baggrund også ind hvor man tit får et bedre indtryk af billedet hvis der er sort i baggrunden. Modtager: Modtageren er mænd og kvinder, omkring år. Middel til høj indkomst, under uddannelse eller uddannede mennesker. Kvalitetsbevidste og stiller krav. Selvstændige og kultiverede mennesker. Sitet rammer delvist godt sin målgruppe, med det at farver og struktur er rimelig godt gennemtænkt. Sitets basestruktur er enkel nok når man tænker på farver, og opdelingen af de forskellig felter. Men, når man så har i tankerne, at målgruppen er krævende og kritisk at tingene skal være enkle, fungere og der er ikke plads til unødvendigheder; så halter den lidt med al informationen som er proppet ind på forsiden. side 6

7 Det går lidt imod deres designprincip om enkelthed som skal signalere elegance og rolighed med at lave sitet rodet med al den sekundære information. Dette er også en målgruppe som, er tager hurtige beslutninger, så de kan hurtigt vælge at forlade sitet igen om de ikke finder de oplysninger de har brug for med det samme. Fordelen er dog at dette tit er erfarede websurfere, og flere ville hurtigt kunne finde den blå knap og muligvis menuen, uden at skulle kæmpe sig igennem al den overflødige information. Men for at opnå den optimale virkning, ville basal info som menu, adresse, åbningstider og bestil bord være nok til at fylde forsiden. Så ville modtageren selv kunne vælge om de var interessere i at vide mere om de andre felter på sitet, hvilket generelt ville tiltale målgruppens præferencer angående frihed til at vælge til og fra. Budskabet: Budskabet som hjemmesiden prøver at formidle er lidt det samme som formålet, men med en dybere forklaring. Hjemmesiden vil fortælle os, udover dens menu, åbningstider osv. at dette er en restaurant som er tildelt diverse priser og anerkendelser for dens mad. At restauranten har en interessant historie og nogle konkrete værdier. At Søren K kan tilfredsstille visse prioriteter som tiltaler en bestemt målgruppe. Sitet har valgt at bruge informative metoder, gennem ethos, som tiltaler brugerens tillid. Der ligger der megen information om priser og anerkendelser som skal overbevise/informere brugeren om at det er hold i deres statement. Sitet bruger også pathos som tiltaler brugens sanser og følelser. Dette ser vi med at de har mange billeder, som er taget i reelle situationer, af f.eks. mad der bliver serveret, stemning og omgivelser. Dette gør de ved at henvise til forskellige artikler og anmeldelser. De gør også brug af video fra køknet og masser af billeder. Effekten: Effekten alt i alt af hjemmesiden er at man kan godt forstå hvilken kundegruppe og hvilken status Søren K prøver at ramme. Men det er ikke nok, idet at sitet ikke bliver helt så troværdigt som man ville ønske. De fremstår lidt som en wannabe stilet restaurant. Hjemmesiden er baseret lidt for meget på selvros. Selvfølgelig skal brugeren vide at dette er en anerkendt restaurant men det ville være mere elegant at pakke denne information lidt mere ind og lægge den lidt mere i baggrunden, hvilket burde passe bedre til Søren K s ry. Det klæder ingen at fremstå som selvfed og det tiltaler ikke målgruppen. Der er i første omgang tale om envejs kommunikation Men med muligheder så som at bestille bord, og telefonnummer er der mulighed for at udvikle tovejs kommunikation, idet at modtageren vælger vende tilbage til afsender med eventuel tilbagemelding. Vi har opsat en kommunikations model - som viser den kommunikative opbygning. Der er tale om en afsender (Søren K), der vil sende et budskab og vil formidle det via et medie (hjemmesiden). Der er dog støj, imellem medie og modtager, som kan påvirke modtager side 7

8 opfattelse af budskabet. Støj kan definerest som alt fra modtagers fysiske omgivelser til dens færten på nettet. Derfor er det vigtigt at kunne dæmpe så meget af den støj som vi nu har mulighed for - for at buskabet skal trænge igennem. Der opstår siden en effekt, fra modtager, som videreførest til medie, idet om modtager vælger at tage kontakt til afsender, eller om modtager forbliver passiv, hvilket resulterer i om afsender modtager feedback. Firkanterne symboliserer de blokkeringer der kan forekomme, i formidlingen af budskabet. * Bilag Flowchart Vi har tegnet er flowchart, over vores informationsarkitektur og stuktur af vores re-designede side. Vi har lavet en kortsorteringstest, som beviste at vores menu punkter og opsætning er relevant og opsat på en brugbar og fornuftig måde. *Bilag Eksempel af HTML kode: Siden er bygget op i asp.net, så der er brugt en master page til at holde på alt det som ikke skal være dynamisk og flere.aspx sider, som er de dynamiske sider. Dette gør det en del nemmere at arbejde med mange sider, da man ikke behøver ændre en lille ting på alle siderne, men kun på master page, hvis en ændring skulle forekomme. <div class= menuwrapper > <div class= menubox > <ul> <li><a href= bestil.aspx >Bestil Bord</a></li> <li><a href= resturanten.aspx- >Restauranten</a></li> <li><a href= arrangementer.aspx- >Arrangementer</a></li> <li><a href= nyheder.aspx >Nyheder</a></li> </ul> <div class= cafebox > <p>besøg vores egen<br /> <a href= dk/ >Cafe Øjeblikket</a></p> <div class= infobox > <div class= openbox > <h3>åbningstider</h3> <p>mandag-lørdag<br /> & <br /> Lukket søndage<br /> Lukket alle helligdage</p> <div class= adrbox > <h3>søren K</h3> <p>søren Kierkegaards Plads 1<br /> 1221 København K<br /> /> Telefon </p> Herover kan man se vores menu i HTML koder. Vi har valgt at bygge med en wrapper rundt om, altså en stor boks som holder på de mindre bokse. Denne metode er brugt på hele siden. Klasse navnene er sigende navne, så det er nemmere at huske på og skrive det rigtigt. Hele siden er sat ind i mindre bokse, som allerede ligger inde i større bokse, hvilket også understøtter loven om lukkethed. Man får en side 8

9 klar følelse af hvad der hører sammen. <form class= bestilform method= get action= godkendtbord.aspx > <div class= inputwrapper >Fornavn: <input class= inputbox type= text name= Fornavn /> <div class= inputwrapper >Efternavn: <input class= inputbox type= text name= Efternavn /> <div class= inputwrapper >Telefon: <input class= inputbox type= text name= Tlf /> </ div> <div class= inputwrapper > <input class= inputbox type= text name= /> <div class= inputwrapper >Dato: <input class= inputbox type= date name= dato /> <div class= inputwrapper >Klokken: <input class= inputbox type= time name= tid /> </ div> <button class= formbutton >Videre</button> </form> Herover kan vores bestillings form ses, som er lavet som en dummy, altså at den er der og man kan bruge den, men den sender ingen data til eller fra en server. Der en masse inputfelter som har forskellige navne udfra hvad det er som brugeren skal skrive ind i dem. Til sidst er der en knap som sender en videre til en bekræftelsesside, som fortæller brugeren at bestillingen er gået igennem. Beskrivelse af processen og evaluering: I dette projekt har vi primært arbejdet med kodning af Søren K s hjemmeside, herunder har vi lavet et Flowchart, til at få bedre overblik over menuerne og siderne på hjemmesiden. Til sidst har vi taget nogle eksempler på koder fra vores hjemmeside, og skrevet en beskrivelse til, for at give en forståelse af vores valg på hjemmesiden. Desuden har vi diskuteret hvordan designet skulle være på hjemme-siden. Vi har snakket om hvordan udtrykket skulle være på vores side, og har udarbejdet en kommunikations analyse hvor vi har brugt KOMMUNIKATIONS MODEL Vi har brugt forskellige værktøjer til at undersøge hvordan den originale hjemmeside fungere og hvordan vores hjemmeside fungere i forhold til brugbarhed og logik, herunder har vi kigget på den oprindelige side og lavet en ekspertvurdering for at finde fejl og mangler på den eksisterende hjemmeside, og brugt dette så vi ikke selv begår samme fejl. Desuden har brugt kortsorterings testen med en testperson, for at finde ud af om arkitekturen på vores hjemmeside fungere optimalt. Derved har vi fundet ud af om der var nogle problemer med vores menupunkter. Efter første dag blev der udarbejdet et Gantt diagram (Se bilag), så vi hurtigt kunne få overblik over hele projektets forløb. Dette har fungeret godt, dog har vi ikke altid overholdt alle milepæle, og har derfor udarbejside 9

10 det et endeligt Gantt diagram (se bilag). Til slut har dette været en meget lærerig process, både i forhold til at tage design beslutniger, kodning, men også i forhold til at arbejde i en ny gruppe hvor ideerne og indstillingen til projektet er anderledes. Alt i alt synes vi at vores produkt er blevet rigtig godt og anderledes fra udgangspunktet. Litteraturliste: Gregersen, Ole & Wisler-Poulsen, Ian: Usability, Grafisk litteratur (Danish class only) Lynch & Horton: Web Style Guide, 3rd edition, ch. 1: evaluation.html gallery.asp/ multi column liquid layouts side 10

11 Gantt Diagram 1 Projekt3 0 t iagram Ganttdiagram Navn Navn Start dato Introduktion og hjemmeside skitser Ekspertvurdering og hjemmeside skitser se af hjemmeside og påbegyndelse Deadline for på skitse kodning af hjemmeside af hjemmesi og påbegyndelse på kodning af hjemmesi og noter til kommunikations Gantt analyse diagram 1 og noter til kommunikations analyse Gruppemøde munikations analyse og design Deadline brief for kommunikations analyse og design brief Skrive rapport dning Eksempler på kodning cessen og evaluering Beskrivelse af processen og evaluering meside og rapport Deadline for hjemmeside og rapport justeringer i rapport Korrektur og div. justeringer i rapport r på hjemmeside Endelige rettelser på hjemmeside Afleve Start dato Uge 45 Uge 45 Uge 46 Uge 46 Uge 47 Uge 47 Navn Start dato Slut dato Introduktion Ekspertvurdering og hjemmeside skitser Deadline for skitse af hjemmeside og påbegyndelse på kodning af hjemmeside Gantt diagram 1 og noter til kommunikations analyse Gruppemøde Deadline for kommunikations analyse og design brief Skrive rapport Eksempler på kodning Beskrivelse af processen og evaluering Deadline for hjemmeside og rapport Korrektur og div. justeringer i rapport Endelige rettelser på hjemmeside Aflevering Projekt Tasks 2 3 side 11

12 Gantt Diagram 2 Projekt3 22- ramganttdiagram Navn Start dato Navn Start dato Slut dato af hjemmeside og Deadline påbegyndelse for skitse på kodning af hjemmeside af side og påbegyndelse på kodning af side noter til kommunikations Gantt diagram analyse 1 og noter til kommunikations analyse Gruppemøde Skrive rapport ing Eksempler på kodning essen og evaluering Beskrivelse af processen og evaluering ring User test Kortsortering alyse og design brief Kommunikations færdig analyse og design brief færdig Gruppemøde 2 Korrektur Projekt3 steringer i rapport og div. justeringer i rapport å hjemmeside Endelige rettelser på hjemmeside port færdig Hjemmeside og rapport færdig Aflevering Tasks Uge 44 Uge 44 Uge 45 Uge 46 Uge 47 Slut Uge dato 45 Uge 46 Uge 47 Uge Navn Start dato Slut dato Introduktion Ekspertvurdering og hjemmeside skitser Deadline for skitse af hjemmeside og påbegyndelse på kodning af side Gantt diagram 1 og noter til kommunikations analyse Gruppemøde Skrive rapport Eksempler på kodning Beskrivelse af processen og evaluering User test Kortsortering Kommunikations analyse og design brief færdig Gruppemøde 2 Korrektur og div. justeringer i rapport Endelige rettelser på hjemmeside Hjemmeside og rapport færdig Aflevering side 12

13 Flowchart re-design side 13

14 Kommunikations model side 14

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

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

REDESIGN AF PORTFOLIO 16. jan. 2015

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

Læs mere

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

REDESIGN AF SØREN K S WEBSITE SKREVET AF KARINA MAHMUD OLE SERGIO CLAUS

REDESIGN AF SØREN K S WEBSITE SKREVET AF KARINA MAHMUD OLE SERGIO CLAUS REDESIGN AF SØREN K S WEBSITE SKREVET AF KARINA MAHMUD OLE SERGIO CLAUS WEBSITE - PROJEKT 3 Cphbusiness Lyngby Multimediedesigner MUL- A 1. semester, 2012 PROJEKT URL http://cph43.webkn.dk/sorenk LÆRERE

Læs mere

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum

Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Hjemmeside redesign af Dansk Jagt- og Skovbrugsmuseum Usability dokumentation Lavet af Sarina, Maria og René MulB-13 22.11.2013 I forbindelse med ekspertvurderingstests udarbejdes som hovedregel altid

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

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord

Kend dine brugere. Om brugertest. 2 sem., feb. 2010 Multimediedesigner, København nord Kend dine brugere Om brugertest 2 sem., feb. 2010 Multimediedesigner, København nord Andreas Frandsen, Ninette Nielsen Agnete Gnistrup, Senia Lundberg Side 1 af 7 Indholdsfortegnelse Indledning s. 2 Valg

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

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

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

Læs mere

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

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

Læs mere

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

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

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg

IDENTIFON. Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg Emil Hauberg, Jakob Christoffersen, Ninette Nielsen og Senia Lundberg 1 Indholdsfortegnelse side nr. 1. Forside. 2. Indholdsfortegnelse og indledning. 3. Problemformulering og afgræsning. 4. Tidsplan projektplan

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

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

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

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse

Læs mere

Produktbeskrivelse - Grafisk workflow

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

Læs mere

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

Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2)

Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2) Introduktion Vores eksamensprojekt er et re-design af Bøssehusets hjemmeside. Bøssehusets er et kulturhus for bøsser, lesbiske og transseksuelle personer beliggende på Christiania. Huset skaber rammerne

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

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

Grafisk Design. Dansk Center For Organdonation

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

Læs mere

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm

WOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere

Læs mere

grafisk design Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

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

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

Skærmlayout på websiden

Skærmlayout på websiden Skærmlayout på websiden Af Kaj Søndergaard En bog i et flot layout er dejlig at få i hånden. Man får lyst til at bladre i bogen for at finde ud af om indholdet ser ud til at være værd at ofre tid på. Hvis

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

Delaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen

Delaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Delaflevering: Webdesign og webkommunikation Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen Vi har valgt at lave et redesign af KEA s online videnscenter/bibliotek. Organisation: Københavns

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

# 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

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

Stilen skulle gerne være feminin og primærfarven rosa.

Stilen skulle gerne være feminin og primærfarven rosa. Grafisk design // Grafisk Design Hjemmesideløsning for syerske Sorami er et enmands-firma med mere end 25 års erfaring, som tilbyder omforandring af tøj og tøj syet efter eget design, samt håndlavede smykker.

Læs mere

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist.

Headeren er for stor når man kommer ind på siden. Det virker irriterende at man skal scrolle for at få indholdet vist. Ekspertvurdering Antal af eksperter: 1 Tid brugt til evaluere website: 2 timer. Konklusion: Da jeg gennemgik sitet for fejl, mangler og problemer fandt jeg hurtigt ud af, at det største issue var tekst,

Læs mere

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk

Læs mere

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

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

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

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

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT PROJEKTET Udarbejdelse og idéudvikling af en fiktiv grafisk identitet til Puls Fitness. I denne kernefaglighed fremhæver jeg designet til websitet samt lidt merchandise. Derudover ses et udkast til bl.a.

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

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

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com

Rapport. Udarbejdet af: Mayianne Nøks Pedersen. Skole login: knmape68. E-mail: mypedersen@gmail.com Rapport Udarbejdet af: Mayianne Nøks Pedersen Skole login: knmape68 E-mail: mypedersen@gmail.com URL til brugerundersøgelsen: http://web328.webkn.dk/hjemmeside/image/laering/sem2brugerundersogelse/brugerundersogelse/

Læs mere

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden. Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller

Læs mere

Rapport om projekt 4 - Redesign af Wordpressportfolio

Rapport om projekt 4 - Redesign af Wordpressportfolio Rapport om projekt 4 - Redesign af Wordpressportfolio Design Brief Med denne opgave ønsker jeg at fremvise min udvikling efter første semester som Multimediedesign- og Kommunikationsstuderende på Copenhagen

Læs mere

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S

Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer

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

primær er informativ og dermed appellerende til fornuften og rationaliteten.

primær er informativ og dermed appellerende til fornuften og rationaliteten. Opgaven Opgaven lød på at fremstille et nyt design til en hjemmeside for udlejning af lokaler, som Mil-tek tidligere har haft online, men som pt er lukket ned. Kunde og ansvar Kunden har været Mil-tek

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

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008

srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Gruppe 9: Besir Redzepi, Jacob Pedersen, Garwun Jeffrey Lai og Sean Rørgren srum Fritidsaktiviteter 04-12-2008: 1. Semester. Multimediedesigner Projektstart: 17/11-2008 Aflevering: 4/12-2008 Indholdsfortegenelse

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

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN

Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN Hassansalem.dk/delpin User: admin Pass: admin INTERFACE DESIGN 1/20 Indledning Dette projekt er den afsluttende del af webudvikling-studiet på Erhvervs Lillebælt 1. semester. Projektet er udarbejdet med

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Afsluttende opgave, Kommunikation/IT C, 2009. Indholdsfortegnelse. Kulløse Miljømesse. Per Jensen og Tobias Bjerg, 1.1. RTG

Afsluttende opgave, Kommunikation/IT C, 2009. Indholdsfortegnelse. Kulløse Miljømesse. Per Jensen og Tobias Bjerg, 1.1. RTG Indholdsfortegnelse Indledning... 2 Planlægning... 3 Kommunikationsplan... 3 Ressourceplan:... 5 Design:... 6 Medieprodukt 1: Internetside... 6 Medieprodukt 2: Flyer... 8 Medieprodukt 3: Folder... 8 Implementering:...

Læs mere

Præsentationsportfolio for Hovedforløb 1. BEST WESTERN - BEST MEETING folder

Præsentationsportfolio for Hovedforløb 1. BEST WESTERN - BEST MEETING folder Præsentationsportfolio for Hovedforløb 1 BEST WESTERN - BEST MEETING folder Opgaven Jeg skal lave et oplæg af en BEST MEETING folder, til alle BEST WESTERN Hotellerne i Danmark. Jeg beslut- ter sammen

Læs mere

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter.

For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle Mikkalina Glas s produkter. Moodboard opgave design At designe og udforme en ny visuel identitet til Mikkalina Glas, bestående af logo og hjemmeside. For at finde en stil til hjemmesiden, starter jeg med at lave et moodboard af alle

Læs mere

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

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

Læs mere

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

Dokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet.

Dokumentation. Efter dokumentationsdelen findes der en stilguide, hvor der argumenteres for de endelige valg i forhold til udseendet. Dokumentation På de følgende sider findes dokumentation for arbejdsforløbet under portefolioprojektet. Dette består primært af forskellige illustrationer af brainstorm, overvejelser vedrørende informationsarkitektur

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

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding

Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding Projekt 5 Eksamens opgave Re-design af portfolio Af Jonas Lunding BRAINSTORM Tema: Vinter, alaska, bjerge, blå & hvide farver. Farver: Colourlovers eksempler: http://www.colourlovers.com/palette/605421/crystal_ice_palace

Læs mere

RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf

RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf RAPPORT Projekt 4: Website design 10-28.11.2014 Gruppe A3: Anastasia Keller, Jakob Plenge, Rasmus Bernhard, Benjamin Vinje, Raquel Hesdorf 1 Web-agency Den første del af opgaven var at skabe en web-agency

Læs mere

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael Indholdsfortegnelse Problemformulering Problemformulering... s. 1 Kommunikation... s. 2 Model... s. 2 Analyse... s.

Læs mere

Projekt 5 - Porfolio Redesign

Projekt 5 - Porfolio Redesign Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown

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

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK

MARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6

Læs mere

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org Tjek dine miljøvalg på nettet - når det gælder en tryksag Kære læser, Du sidder med en brochure, der beskriver et nyt websted,. Det er et websted med rigtig mange oplysninger om de miljøpåvirkninger, der

Læs mere

Afsluttende projekt. KOM/IT afsluttende projekt. Kevin, Mads og Thor 6/5/2011

Afsluttende projekt. KOM/IT afsluttende projekt. Kevin, Mads og Thor 6/5/2011 Afsluttende projekt KOM/IT afsluttende projekt Kevin, Mads og Thor 6/5/2011 Indholdsfortegnelse Case... 2 Problemformulering... 3 Målgruppe analyse og defination... 3 Laswell kommunikationsmodel... 3 AIDA

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

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

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

Læs mere

Designmanual. Danmarks Naturfredningsforenings grafiske design

Designmanual. Danmarks Naturfredningsforenings grafiske design Designmanual Danmarks Naturfredningsforenings grafiske design 1 Formål Indhold Formål 3 Logoet og konsultativ tekst 4 Rubrik på forside 6 Typografi 7 Farver 8 Godkendelse og produktion 10 Formålet med

Læs mere

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1

3 usability-tests. med udgangspunkt i Køge Boldklubs web site. Gangstertest. Ekspertvurdering. Kortsortering. Side 1 3 usability-tests Gangstertest Ekspertvurdering Kortsortering med udgangspunkt i Køge Boldklubs web site Side 1 Køge Boldklubs web site Side 2 Gangstertest I gangstertesten har testpersonen fået stillet

Læs mere

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie

Eksamensopgave 2012. Aarhusportalen. Melissa Emilie Eksamensopgave 2012 Aarhusportalen Melissa Emilie Indhold Indhold... 1 Aarhusportalen... 2 Projektbeskrivelse... 2 Hvem er kunden... 2 Målgruppe... 2 Hvad ønsker vi at opnå... 2 Temaer... 2 Tidsplan...

Læs mere

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund

GRAFISK DESIGN. Læringskoncept for Dansk Rideforbund Læringskoncept for Dansk Rideforbund Produkt og målgruppe: Udarbejdelse og idéudvikling af et nyt læringskoncept I børnehøjde til Dansk Rideforbund. Det skal fokusere på sikkerhed I ridningen og målrette

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

PROJEKT 4: WEBSITE DESIGN

PROJEKT 4: WEBSITE DESIGN Copenhagen Business Academy - Lyngby Samværsfestival for ældre Traditionen tro November 2014 1. Semester, Multimediedesigner uddennelse, MulA 1 Indholdsfortegnelse 1. Opgave beskrivelse.. 2 2. Web-agency

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

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1

Corporate Social Responsibility. Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Corporate Social Responsibility Multimediedesignerprojekt 2. semester CSR Line la Fontaine, Christian Knudsen, Tobias og Line Mehr MULA Side 1 Fact sheet Projekt titel Corporate Social Responsibility Url

Læs mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back

Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back 1 Indhold 1.1 Generelt i forhold til projektet 1.1.1 Problemformulering Kalundborg kommune har gennem de senere år

Læs mere

Kommunikation/IT A 2014

Kommunikation/IT A 2014 Kommunikation/IT A 2014 Facebook side projekt Forside Indholdsfortegnelse Formål:... 3 KIE-modellen:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 4 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Læs mere

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

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

Læs mere

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW

GRAFISK DESIGN GRAFISK PRODUKTION & WORKFLOW GRAFISK PRODUKTION & WORKFLOW 2 RE-DESIGN AF BOARDASSURE.DK Jeg har et enkeltmandsfirma, hvor jeg laver opgaver uden for mit arbejde i Presidents Institute. En af de opgaver jeg har løst, var en opdatering

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

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

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er 38 Grafik design Opgave beskrivelse Overordnet kommunikation Opgaven er en hjemmesiden, lavet for en kunde Ulla Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven

Læs mere

Indhold. 2 Kommunikation/IT afsluttende opgave

Indhold. 2 Kommunikation/IT afsluttende opgave 16/05-2008 Kommunikation/IT afsluttende opgave Roskilde Maraton Louise Regitze Skotte Andersen, klasse 1.4 08 2 Kommunikation/IT afsluttende opgave Indhold Problem og målgruppe... 3 Problemstilling...

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

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

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

Læs mere

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

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

Læs mere

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015

startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 startup.dk Multimediedesigner 1. års prøve Eksamensprojekt, 2. semester 2015 Opgaven I er en gruppe multimediedesignerstuderende, der har besluttet at starte jeres egen virksomhed. I kan frit vælge, hvilken

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