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

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

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

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

Indledning. Projektplan. Gantt chart

Indledning. Projektplan. Gantt chart Indholdsfortegnelse Indledning... s. 1 Projektplan... s. 1 Gantt chart... s. 1 Kommunikations-analyse... s. 2 Kommunikationsmodel... s. 3 Usability... s. 3 Ekspertvurdering... s. 3 Kortsortering... s.

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

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

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen

EKSAMENS PROJEKT DECEMBER 2013 JANUAR Lærere: Thomas Hartmann. Jesper Hinchely. Ian Wisler-Poulsen. Morten Rold. Merete Geldermann Lu tzen Pia Jensen cph-pj103@cphbusiness.dk 1. semester eksamensprojekt MUL-A 2013 mul33.itkn.dk/eksamensprojekt/index.html EKSAMENS PROJEKT DECEMBER 2013 JANUAR 2014 Lærere: Thomas Hartmann Jesper Hinchely Ian

Læs mere

Projekt 3 - Website. http://cph60.webkn.dk/soerenk/index.html

Projekt 3 - Website. http://cph60.webkn.dk/soerenk/index.html Projekt 3 - Website http://cph60.webkn.dk/soerenk/index.html www.soerenk.dk Lars Nordenbæk Lucas Perch-Nielsen Mark Skov Halding Lasse Mathias Bruun Overgaard Majbritt Østergaard Andersen Ian Wisler-Poulsen

Læs mere

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Hvordan kan vi designe et website til studenterorganisationen Analog café? Analog Café - Design til Digitale Kommunikationsplatforme - E2012 Problem felt ITU s studenterorganisation Analog søger en bedre online profil. På nuværende tidspunkt bruger de flere forskellige online

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

Grafisk produktion & workflow

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

Læs mere

MONIQUE BOOTS-NIELSEN / GRAFIKER

MONIQUE BOOTS-NIELSEN / GRAFIKER SIZE 34-54 2014 AUTUMN COLLECTION shop online bonaparte.dk MONIQUE BOOTS-NIELSEN / GRAFIKER Grafisk Design Grafik & Billedbehandling Typografi & Ombrydnig Grafisk produktion & Workflow Et magasin om knogleskørhed,

Læs mere

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

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

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

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

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

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

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

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

Læs mere

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

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

Læs mere

WORKFLOW & PRODUKTION

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

Læs mere

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

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail.

CSR. 2. Semester 1. projekt http://s733l.dk/csr/index.php. Udarbejdet af MulA: Anders Lauridsen. Casper Christiansen Casper.christiansen1992@gmail. CSR 2. Semester 1. projekt http://s733l.dk/csr/index.php Udarbejdet af MulA: Anders Lauridsen Andrs.lauridsen@gmail.com Casper Christiansen Casper.christiansen1992@gmail.com Jonatan Nielsen Jonatantwn@hotmail.com

Læs mere

Projekt 2, Bannere. Reklamebanner og landing-page for kulturnatten 2012. http://www.cph64.webkn.dk/banner/index.html. Vejledere: DSK, MORO, FDTA, IWPO

Projekt 2, Bannere. Reklamebanner og landing-page for kulturnatten 2012. http://www.cph64.webkn.dk/banner/index.html. Vejledere: DSK, MORO, FDTA, IWPO Projekt 2, Bannere Reklamebanner og landing-page for kulturnatten 2012 http://www.cph64.webkn.dk/banner/index.html Vejledere: DSK, MORO, FDTA, IWPO CLmul-a12e 1. Semester, 2. projekt Lasse Mathias Bruun

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

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu.

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk. Kenneth Hansen, kenhan@itu. Delaflevering Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, kyd@itu.dk Kenneth Hansen, kenhan@itu.dk 1 Indholdsfortegnelse Problemfelt - Problemformulering... 3 Målgruppe...

Læs mere

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt. Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende

Læs mere

Grafisk 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

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

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

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT

AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT AFSLUTTENDE OPGAVE I KOMMUNIKATION/IT Rikke Ihle & Jeppe Brogaard Roskilde Tekniske Gymnasium Indholdsfortegnelse Indledning... 2 Planlægning... 2 Problem... 3 Målgruppe... 3 Løsning... 3 Produkt... 3

Læs mere

P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B Marie Egeberg

P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B Marie Egeberg P ORTFOLIO 2017 MLTIMEDIA DESIGN M ARIE EGEBERG MUL B 09.01.17 INDHOLD 1 2 Indledning Farver 10 11 Font Brainstorm 9 Design Principper Info. arkitektur 12 3 Negativ brainstorm Mockup 8 4 7 13 15 14 Redesign

Læs mere

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.

Udover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave. Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere

Læs mere

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

Ugeopgave uge 40 Hold A

Ugeopgave uge 40 Hold A Ugeopgave uge 40 Hold A Gruppe: Don Pablos Emil Vollandt, Mathias Smidt, Jacok Kremmer & Alek Modin http://www.fuliktiv.dk/kea/cinnober/landingpage.html Navn: Password: keammd kode2015 Analyse Kommunikation

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

Gruppe 9 Visuel Interface Design, 27/09/2011

Gruppe 9 Visuel Interface Design, 27/09/2011 Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående

Læs mere

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

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

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

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

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

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

Projekt 2, 3. semester WEBPROJEKT

Projekt 2, 3. semester WEBPROJEKT Projekt 2, 3. semester WEBPROJEKT Aflevering d. 11/10-2013 CPH Business URL: www.thorleifbæk.dk/projekt2/index.php Gruppe 2 Shiko, Thorleif, Pernille og Annemette MUL 3A Indholdsfortegnelse s. 3 Factsheet

Læs mere

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding

3. Semester Mul-A PROJEKT 3 FUNDING. Louise Marie Bonke Charlotte Bruhn Stine Dorry Meulengracht Madsen. http://cbruhn.dk/cfunding 3. Semester Mul-A PROJEKT 3 Louise Marie Bonke harlotte Bruhn Stine Dorry Meulengracht Madsen http://cbruhn.dk/cfunding Projekt 3 Indholsfortegnelse Idéudvikling Indledning Målgruppeanalyse Moodboard Funktionalitet

Læs mere

CSS CSS CODEING CODEING COLOUR HTML PORTFOLIO RAPPORT //2016 MARIE EGEBERG MULTIMEDIE DESINER MULB

CSS CSS CODEING CODEING COLOUR HTML PORTFOLIO RAPPORT //2016 MARIE EGEBERG MULTIMEDIE DESINER MULB Id COLOUR HTML CSS Ai CODEING CSS CODEING Ai PORTFOLIO RAPPORT //2016 MARIE EGEBERG MULTIMEDIE DESINER MULB 2016-18 09-01.17 INDHOLD s.01 Indledning s.02 Brainstorm s.03 Negativ brainstorm s.04 PBS s.05

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

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.

KALAS FESTIVAL. Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress. KALAS FESTIVAL Link til hjemmesiden: http://www.kalasfestival.casperragn.com/ Laura Lundby Gravesen http://www.selragadedesign.wordpress.com Casper Ragn http://www.casperragn.wordpress.com Niels Otto Andersen

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

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

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv. Grafisk Design Kunden Mindfullife er en forskningsinvolveret undervisnings- og uddannelsesvirksomhed indenfor mindfulness-baseret intervention. De tilbyder kurser, retreats og uddannelse centreret omkring

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

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

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk

Læs mere

GRAFISK DESIGN LOOKBOOK TIL KLITMØLLER COLLECTIVE

GRAFISK DESIGN LOOKBOOK TIL KLITMØLLER COLLECTIVE GRAFISK DESIGN LOOKBOOK TIL KLITMØLLER COLLECTIVE LOOKBOOK TIL KLITMØLLER COLLECTIVE AFSENDER Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige

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

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

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

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

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

Multimediedesigner. Identitet. Adventuresport

Multimediedesigner. Identitet. Adventuresport Multimediedesigner Identitet Adventuresport Projekt 1 2. sem. feb. 2014 1. Indledning I bliver bedt om at designe forslag til en prototype til et selvstændigt website og den tilhørende visuelle identitet.

Læs mere

Grafisk. Workflow. Side 1

Grafisk. Workflow. Side 1 Grafisk Workflow Side 1 http://mediegrafiker-ats.dk/15gt33med/freja/hotelinger/ Side 2 Kunde: Inger Marie, Hotel Inger Målgruppe: Aldersgruppe mellem 30-50 år. Hvad har jeg bidraget med? Mit bidrag til

Læs mere

Kommunikation/IT C - Afsluttende opgave 2011

Kommunikation/IT C - Afsluttende opgave 2011 Kommunikation/IT C - Afsluttende opgave 2011 Roskilde Tekniske Gymnasie Martin Fabricius & Simon Dein, 1.3 Side 1 af 11 Indholdsfortegnelse: Indledning... s3 Målgruppe (diskussion)... s4 indledende kravfangst...

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

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

Læs mere

Grafisk Workflow. Website til European Blues Challenge

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

Læs mere

Projekt om Københavns Musikteater

Projekt om Københavns Musikteater Projekt om Københavns Musikteater Spørgsmål og områder til første vejledning Vi har tænkt os at lave et redesign af Københavns Musikteaters hjemmeside med følgende undersider: o Forside o Forestillinger

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

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

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 DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11 GRAFISK DESIGN HOVEDFORLØB 1 AARHUS TECH 2013 G H1 H2 H3 H1 SIDE 1 / 11 IDENTITET, LOGO OG WEBSITE Brainstorm 1. Foreningen skal have ny identitet, logo og website. beskæftiger sig med økologi og bæredygtighed.

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

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

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 Design KOM/IT. Kevin, Christoffer & Thor 15-10-2010

Grafisk Design KOM/IT. Kevin, Christoffer & Thor 15-10-2010 Grafisk Design KOM/IT Kevin, Christoffer & Thor 15-10-2010 Indhold Indledning... 2 Skitseteknik... 2 Vores skitser... 2 Komposition... 3 Format... 3 Harmoni... 3 Gestaltreglerne... 3 Ensartethed... 3 Lukkethed...

Læs mere

Grafisk design. Filmblad til tablet

Grafisk design. Filmblad til tablet Grafisk design Filmblad til tablet Lodret cover Opgavebeskrivelse: Mit digitale produkt er et filmblad til tablets over månedens film. Tablet udgaven er mere kompakt og gør at brugeren får et hurtigere

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

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

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET

Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET Vi er ikke som de andre. FARVEOPLÆG OG MOCKUP PÅ IDENTITET 02 Indledning. Dette oplæg indeholder oversigt over farvevalg og -symbolik Fleggaard Leasing samt relaterede forretningsområder, herunder Fleggaard

Læs mere

Bannerprojekt Mul B 2013 Gruppe: 6

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

Læs mere

GRUPPE 5 Line - Nanna - Thea - Sarah

GRUPPE 5 Line - Nanna - Thea - Sarah GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode

Læs mere

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 DESIGN. webdesign af pl.dk

GRAFISK DESIGN. webdesign af pl.dk Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig

Læs mere

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

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

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

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

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt.

OPGAVEBESKRIVELSE. Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. 01. OPGAVEBESKRIVELSE Grafisk design process for Kolding Motion, logo, frontend hjemmeside samt t-shirt og skilt. OPGAVE Re-design Kolding Motions logo, nyt layout til deres hjemmeside samt kodning. Ny

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

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

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

Læs mere

Case: http://www.julius-nielsen.dk/

Case: http://www.julius-nielsen.dk/ Case: http://www.julius-nielsen.dk/ Hjemmesidens formål og målgruppe Formålet med hjemmesiden må være at informere potentielle kunder om firmaet, da hjemmesiden indeholder informationer om firmaets historie,

Læs mere

Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal

Læs mere

# Redesign af copenhagenskatepark.dk

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

Læs mere