Responsive Design. Projektplanlægning. Problemformulering. Målgruppeanalyse. Krav til website. Websitet skal være tilpasset følgende skærmstørrelser:

Størrelse: px
Starte visningen fra side:

Download "Responsive Design. Projektplanlægning. Problemformulering. Målgruppeanalyse. Krav til website. Websitet skal være tilpasset følgende skærmstørrelser:"

Transkript

1 Responsive Design Gruppe 5 Margrethe Hansen, Karina Rossing, Lucas Perch & Niclas Sand Projektplanlægning Som led i planlægning af vores projekt har vi anvendt en række projektplanlægningsværktøjer. Først har vi lavet en PBS til at definere vores produkt og de tilhørende leverancer. Dernæst har vi opdelt og uddelt de forskellige arbejdsopgaver ved hjælp af WBS. Sidst har vi lavet et Gantt-diagram til at disponere vores tid. Gantt-diagram med tilhørende PBS og WBS ses i bilagsmappen. Ligeledes kan de opstillede resource estimater ses i bilagsmappen. Problemformulering Hvordan kan vi tilpasse et eksisterende website til forskellige mobile devices ved hjælp af responsivt design? Krav til website Websitet skal formidle den nødvendige information til målgruppen ved udvikling af responsive design. Websitet skal indeholde en serie piktogrammer der understøtter navigationen. Ved hjælp af et tilmeldingsmodul skal websitet engagere den ledige markedsføringsøkonom til at komme et skridt nærmere videreuddannelse? Websitet skal være tilpasset følgende skærmstørrelser: Desktop: 1200 x 800 Tablet: portrait 768 x 1024 Tablet: landscape 1024 x 768 Smartphone: portrait 240 x 320 Smartphone: landscape 320 x 240 Websitet har til hensigt at formidle den rette information og henvende sig til den konkrete målgruppe. Som en del af formidlingsprocessen vil der på websitet være tilgængelig information om: - Markedsføringsøkonomers muligheder for videreuddannelser - De enkelte uddannelsers indhold og fremtidsmuligheder - Geografisk placering af uddannelsessteder - Ansøgningskrav og vejledning - Beskæftigelsessituationen for færdiguddannede markedsføringsøkonomer Målgruppeanalyse For at afdække forventninger, behov og præferencer hos modtageren af websitet, har vi udarbejdet en målgruppeanalyse. En målgruppeanalyse har til formål at afdække i hvilket omfang, der er behov for produktet og hvordan produktet skal udformes for at få den ønskede modtagelse hos målgruppen/brugeren. Målgruppen er det segment, som vores informationsside henvender sig til. I dette tilfælde ledige markedsføringsøkonomer. En analyse af dette segment er nødvendig for at opnå det ønskede mål med produktet hos modtageren. Analysen af målgruppen er baseret på statistisk materiale Beskæftigelsesundersøgelse for markedsføringsøkonomer af Gitte Damgaard, Erhversakademi Århus. Demografiske og socioøkonomiske kriterier - alder, uddannelse, erhverv/beskæftigelse og personindkomst - danner udgangspunkt for analysen. 1

2 Som resultat af målgruppeanalysen defineres vores målgruppe som unge færdiguddannede markedsføringsøkonomer, der ikke er i job, grundet den finansielle krise med deraf afledt arbejdsløshed. Gruppen dækker nyuddannede ledige markedsføringsøkonomer samt ledige markedsføringsøkonomer, der har været ledige i mere end to år og derfor ikke længere kan modtage dagpenge fra deres A-kasse. I form af flyers og plakater, placeret på relevante uddannelsessteder samt jobcentre, bliver der skabt fokus på informationswebsitet. Ved hjælp af information fra flyers og plakater på uddannelsessteder, der henviser til websitet, kan kommende dimittender imødekomme den stigende ledighed på arbejdsmarkedet og indhente information om videreuddannelse i god tid. Ved hjælp af en qr-kode på flyers og plakater, der linker direkte til websitet, gør det det nemmere for de ledige markedsføringsøkonomer at komme et skridt nærmere videreuddannelse. Implementeringplan Kampagnen skal henvende sig til fastlagte målgruppe via specifikke udvalget medier. De særligt udvalgte medier har til hensigt at øge besøgstallet på websitet. Følgende medier vil blive brugt som led i implementeringen: - Streaming på musiktjenester: lydreklame inkl. banner. - Relevante uddannelssteder: flyers, plakater - Jobcentre: flyers - Uddannelsesinstitutioner: flyers, plakater - Gratisaviser: Reklame - Facebookside: Side - Qr-kode: Link fra flyers og plakater til website Via annoncering i gratisaviser bliver websitet eksistens ligeledes tydeliggjort og tilgængeligt for mange unge. Ved oprrettelse af en side på facebook, kan de ledige udveksle erfaringer og gode oplevelser. De opnår også herigennem en følelse af fællesskab. Facebook er utrolig populært og det er derfor også et godt sted at skabe fokus og håb for de ledige. Vi har valgt at bruge ressourcer på få medier. Dette med formålet om at opnå en høj kvalitet og få det det maksimale udbytte af ressourcer. Via streaming på online musiktjenester kan vi ramme det unge segment, som vores målgruppe er basseret på. Dette kan starte opmærksomheden omkring websitet, og der skabes gennem banneret direkte link til websitet, fra musiktjenestens brugerflade. 2

3 Designargumentation Responsive design Websites er ofte designet og tilpasset faste rammer, der fungerer i forskellige browsere. Når brugeren benytter sig af andre mobile enheder, som f.eks. smartphones og tablets, kan det ikke-tilpassede design medføre, at brugeren finder sitet uoverskueligt og forlader siden grundet tvungen downloads af større filer og/eller tvungen benyttelse af zoomfunktion og scrolling. Responsivt design giver dermed brugeren et hurtigt og nemt overblik over indholdet på et website. Når en bruger, fra en smartphone eller tablet, besøger vores website, vil det hovedsageligt være fordi, personen søger hurtige oplysninger om muligheder, uddannelser, uddannelsessteder, tilmelding for infomøde og information om ansøgning. Når en bruger derimod besøger websitet fra en pc eller bærbar med høj hastighed, forventer brugeren bla. større billeder og grafer. Disse overvejelser har vi arbejdet med i forbindelse med udviklingen af det responsive design. Den kraftige vækst i antallet af danskere, som har en smartphone sammenholdt med de nyeste tal for brugen af smartphones (trafiktal) viser, at dette er en platform, som står lige foran sit gennembrud som kommerciel medieplatform. Noget som vi ser frem til og er parate til Væksten i antallet af tablets på bare et enkelt år er helt exceptionelt, og vi ser også en tendens til, at flere og flere danskere har deres helt egen personlige tablet Grundet disse undersøgelser, er det vigtigt, at brugeren af vores website opnår den bedste kvalitet i oplevelse af websitet uanset om brugeren benytter PC, bærbar computer, smartphone eller tablet. Websitet er tilpasset til følgende 5 skærmstørrelser: Desktop: 1200 x 800 Smartphone: portrait 240 x 320 Smartphone: landscape 320 x 240 Tablet: portrait 768 x 1024 Tablet: landscape 1024 x 768 Valget af skærmstørrelser er baseret på en stigende udvikling i brug af smartphones og tablets hos den definerede modtagergruppe. (http://danskemedier.dk/wp-content/uploads/2012/05/pm_indexdk_fi- NAL_ pdf) 3

4 Mock-ups De udarbejdede mockups har fungeret som udgangspunkt for vores arbejde med det responsive design. Disse har dannet et godt grundlag og god grundforståelse for hvor meget indhold de enkelte skærmstørrelser kan vise. 4

5 Indhold Det har været et højt prioriteret fokusområde at opnå et så funktionelt site som muligt, gældende på alle skærmstørrelser. Gennemgående for den store skærmstørrelse har vi givet vores tekstboks en bredde på 70% i forhold til vores article tag. Dette er gjort med hensigten at gøre indholdet let overskueligt og fremme læseligheden. Ved de smallere skærmstørrelser ændres tekstboksens bredde til 95%, for at udnytte de mindre skærme. Navigation Der er foretaget nogle ændringer i websitets navigation siden udgangspunket. Menuen var tidligere placeret i øverste højre hjørne, men som led i tilpasningen til de mindre skærmstørrelser, er den erstattet af en gennemgående menubjælke, placeret under headeren. På denne måde kan menubjælken bevare dens placering på tværs af de forskellige skærmstørrelser, hvilket skaber en konsekvent genkendelighed. Samtidig fremstår menuens funktion tydeligt. På mockup-oversigten fremgår det desuden at boks 2 forsvinder ved mindre skærmstørrelser. I dette tilfælde er det fordi indholdet i boks 1 er prioriteret vigtigere end indholdet i boks 2. Indholdet i boks 2 er formularen hvor tilmelding til informationsmøde kan ske. Dette brugerregistreringsmodul er ved de mindre skærmstørrelser tilgængelig fra piktogrammet til information-siden. På statistik-siden hvor beskæftigelsessistuationen for ledige markedsføringsøkonomer kan ses, er ikke tilgængelig på den mindste skærmstørrelse. Dette valg er taget i og med at informationen på denne side er tilegnet den ekstra interesserede læser. Diagramoversigten på denne side er desuden ikke tydelig i så lille visning. På hvor-siden hvor der fremgår et danmarkskort med uddannelsesinstitutionernes placering ændrer sig også indholdsmæssigt ved de mindre skærmstørrelser. Det er vores vurdering at kortet ikke kunne bruges optimalt ved mindre skærmstørrelser. Drop-down oversigten, der ved de mindre skærmstørrelser erstatter kortet, gør det stadig let tilgængeligt at få den ønskede information. På de største skærmstørrelser ses menubjælken blot som en linje, med fire mulige valg. Der fremgår på intet tidspunkt en brødkrummesti, da der på de underliggende sider er en tilbage-funktion. Denne knap er indikeret med teksten Tilbage samt et piktogram. Gennemgående på websitet er der kun et niveau, hvilket også har ligget til baggrund for vores overvejelser om, hvorvidt vi skulle implementere en brødkrummesti. 5

6 Som det ses på billedet med de tre menudesign, er menuen på smartphones indikeret med et piktogram. Dette piktogram kender de fleste, da det går igen på utrolig mange websites. Piktogrammet illustrerer at der ved et touch foldes en menubar ud. I footeren på websitet ses fire piktogrammer. Siderne der kan tilgås via disse piktogrammer er en slags extra features, og indholdet er for den ekstra interesserede bruger. Footeren fungerer altså også som en slags sekundær menu. Animationer I det første projekt på andet semeste fremgik der ingen animationer. Ved udviklingen af det responsive design har vi valgt at tilføje enkelte. Vi har igennem arbejdet med jquery ændret den eksisterende menu og desuden tilføjet en drop-down-funktion på hvor-siden. Menuen på websitet er udarbejdet med jquery-metoden Toggle. Det relevante for Toggle er, at den skifter mellem skjul og vis -information for et valgt element. Piktogrammer Et piktogram er et symbol, som repræsenterer et objekt eller et begreb ved en illustration. Piktogrammer har til formål at indfange det generelle kendskab til visuelle symboler for forskellige kategorier af kommunikationsemner. Piktogrammer kan med fordel anvendes, hvis analfabetisme eller manglende sprogkundskaber gør sig gældende. Vores piktogrammer består af klare hvide tegninger på grøn baggrund. Kontrasten gør risikoen for fejltolkning mindre, idet brugeren ikke bliver forstyrret af for mange farver og detaljer. På den måde bevarer tegningerne en kvalitet, trods størrelsen, der sikrer brugeren en god oplevelse. Da piktogrammer kan tolkes forskelligt fra person til person, har vi valgt at udarbejde en række piktogrammer, som vi mener, at brugeren uden særlig tilvænning eller abstraktionsevne let kan aflæse. Alle piktogrammer vi har haft til overvejelse kan ses i bilagsmappen. Vi har brugt piktogrammer til at tydliggøre andre ting end dem der allerede figurerer i menuen. (facebook, info, kontakt, og statistik) Accordion er ligeledes en jquery-metode. Accordion har ved dette website været brugbart, i og med dets hovedfunktion er at arbejde med sammenklappende indholdspaneler til at præsentere information på en begrænset mængde plads. På hvor-siden har vi ændret listevisningen til et indholdspanel med fire oversigtsvalg. De fire valgmuligheder kan med drop-down-funktionen rulle ned ved specifikt valg. Ændringen på denne side har til hensigt at gøre den aktuelle side mere overskuelig og let tilgængelig på små skærmstørrelser. Information Symbolet - i et - repræsenterer begrebet information, som hyppigt bruges i denne sammenhæng, hvad end det er online/offline medier eller fysiske informationsstande. Statistik Statistik illustreres hyppigst med en graf eller et diagram. Piktogrammet er en illustration af et søjlediagram, som vi antager, at brugeren har kendskab til og genkender, da dette diagram ofte ses og anvendes i forbindelse med sammenligninger og præsentationer. 6

7 Argumentation for tilmeldings-modul Kontakt Symbolet - brevet - repræsenterer begrebet kontakt. I forbindelse med dette begreb er piktogrammer oftest illustreret som enten et brev, en telefon eller et snabel a. Trods den forældede form for kommunikation (brevet) og illustrationen af et gammeldags telefonrør, er de tre symboler alle lette at tolke for brugeren. Facebook Er brugeren bekendt med det sociale medie Facebook, er der ingen problemer i tolkningen af piktogrammet. Piktogrammet repræsenterer Facebook-ikonet ved illustration, som brugeren allerede har kendskab til. Tilmeldingsmodulet på websitet kan ved stor skærmstørelse tilgås via forsiden samt under piktogrammet der henviser til tilmeldings-siden. Ved de mindre skærmstørrelser kan modulet udelukkende tilgås via piktogrammet i footeren. Designet af modulet er udarbejdet med henblik på at virke troværdigt. Troværdigheden underbygges ligeledes af websitets design som helhed. Modulet på websitet er et tilmeldingsmodul. Vi har valgt ikke at lave et brugerregistreringsmodul, da websitet som udgangspunkt er et informationsgivende website. Via tilmeldingsmodulet kan brugeren tilmelde sig et informationsmøde omhandlende en specifik uddannelse. De indtastede data vil efter registrering blive behandlet, og brugeren vil modtage en mail med bekræftelse på deltagelse til informationsmøde. Brugertest Menu Symbolet for menu, der gør sig gældende i skærmstørrelsen for smartphones, er illustreret ved tre vandrette streger. Dette symbol er standardsymbol i forbindelse med navigationsmenuer på websites, der er tilpasset forskellige mobile enheder. Navigation Symbolerne - Pilene - understøtter henholdsvis forståelse af begreberne læs mere og tilbage. Disse symboler er standardsymboler i forbindelse med navigation på websites. Ganstertest Ved et hvert projekt, der berører optimering af brugervenlighed, er det ideelt at lave en afsluttende brugertest. En Gangstertest er en simpel metode til at teste websitets informationsarkitektur herunder den samlede struktur, værktøjer til at bevæge sig rundt i strukturen samt navngivning og sprog. For at sikre at websitet overholder de mest almindelige konventioner, har vi testet websitet på to forskellige skærmstørrelser - Desktop: 1200 x 800 og Smartphone - portrait: 240 x Brugertestne er udført på fire testpersoner, der delvist dækker målgruppen i form af alder. Pointresultat kan ses bilagsmappen 7

8 Testene viser, at et fælles problem, for de fire testpersoner, er den manglende placeringsindikator, der har til formål at fortælle brugeren, hvordan personen er kommet til den pågældende underside. Dette er tilfældet for begge skærmstørrelser. Vi har i gruppen ikke fundet det nødvendigt at integrere en brømkrummesti, da websitets struktur er meget simpel med få menupunkter, der går igen med samme placering på hver underside. Dette underbygges yderligere ved, at testperson 2 og 3 nævnte, at websitets brugervenlighed ikke blev forringet, på trods af den ikke-eksisterende placeringsindikator, der medfører de 0 point i testene. Resultatet af Gangstertesten er alt i alt tilfredsstillende. Løbende igennem designprocessen har testning af websitet været utrolig relevant. Vi har meget ofte testet løsninger på forskellige devices. Vi har ligeledes brugt responsinator.com til at se endelige løsninger i forskellige skærmløsninger. FURPS FURPS repræsenterer en model til klassificering af kvalitetsegenskaber - funktionelle og non-funktionelle krav. Funktionalitet Websitet skal fungere som en færdigudviklet informationside for ledige markedsføringsøkonomer. Websitet skal fungere i de nyeste versioner af alle browsere; Chrome, Opera, Safari, Firefox og internet Explorer. Websitet skal give brugeren kort og præcis information om videreuddannelse og skal være tilgængeligt og fungere på alle mobile enheder - Ingen flash-filer eller effekter, der er afgørende for visning af information. Websitet skal fortsat påvirke ledige markedsføringsøkonomer til at tage videreuddannelse. Websitets information har til formål at mindske arbejdsløsheden og forøge markedsføringsøkonomers muligheder på arbejdsmarkedet i form af en professionsbachelor. Brugervenlighed Websitets navigation skal være let og overskuelig. Websitets informationsarkitektur skal være logisk. Websitets design skal være simpelt og klart med fokus på sitets indhold, der underbygger budskabet. Webjournalistik - Alt tekst på websitet skal være tilpasset webmediet. Statistiske modeller skal fremstå interessante, klare og let forstålige for brugeren. Modellerne må ikke overses. Målgruppen skal være tydelig. Websitet skal henvende sig til og tilpasse sig målgruppen æstetisk og funktionelt. Websitet skal være tilgængeligt fra og tilpasset til flere mobile enheder. Pålidelighed Statistisk indhold skal fremstå troværdigt - Statistiske modeller skal bygges på pålidelige kilder. Statistisk indhold og øvrig information kræver vedligeholdelse/opdater- 8

9 ing, så brugeren finder informationen relevant/nyttig. Forældet data og forkert information skaber upålidelighed. Designet skal fremstå troværdigt.hvis serveren på websitet går ned, vil det blive behandlet omgående. Ydelse Websitet skal være tilgængeligt 24 timer i døgnet, således at brugeren ikke får problemer med at finde eller genfinde information opdateringer sker offline. Vedligeholdelse Websites statistiske indhold skal opdateres, så snart nyt data er beregnet og tilgængeligt. Websitet skal opdateres løbende med nye informationer, såsom nye uddannelser, muligheder og eventuelle ændringer i uddannelser. Med fokus på målgruppen, bør den æstetiske del af websitet opdateres løbende sådan, at målgruppen fortsat rammes bedst muligt. 9

10 Kilder Bøger Jacobsen, J. K. (2011). 29 spørgsmål (2. udgave). Samfundslitteratur Gregersen, O. & Wislet-Poulsen, I. (2009). Usability (1. udgave). Grafisk Litteratur Wisler-Poulsen, I. (2012). 20 Designprincipper (1. udgave). Grafisk Litteratur Fischer, L. H. (2010). Digital Media Management (3. udgave). Nyt Teknisk Forlag Links NAL_ pdf

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk

Website projekt 3, 2. semester. Responsive design. Lasse M. Bruun Overgaard www.lbodesign.dk. Mark Halding www.markhalding.dk Website projekt 3, 2. semester. Lasse M. Bruun Overgaard www.lbodesign.dk Mark Halding www.markhalding.dk Peter Konrad http://cph54.webkn.dk/ Anders Rein www.andersrein.dk Responsive design Projekt: www.andersrein.dk/projekter/hjemmesider/responsiv

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

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

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

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

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

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

Gruppe 6. MulA, 2015 Frederik FDTA Jesper JHI Morten MORO Ditlev DSK Marc KLU. Anders Wetterstein www.anderswetterstein.dk - a.wetterstein@gmail.

Gruppe 6. MulA, 2015 Frederik FDTA Jesper JHI Morten MORO Ditlev DSK Marc KLU. Anders Wetterstein www.anderswetterstein.dk - a.wetterstein@gmail. CSR Arla Foods 1 Gruppe 6 MulA, 2015 Frederik FDTA Jesper JHI Morten MORO Ditlev DSK Marc KLU Anders Wetterstein www.anderswetterstein.dk - a.wetterstein@gmail.com Mathilde Helslev Rasmussen www.simonesnedker.dk/mathilde/home.html

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

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

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

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

Læs mere

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

Afsluttende opgave - Kommunikation/IT C Klasse 1.1

Afsluttende opgave - Kommunikation/IT C Klasse 1.1 11-05-2015 Affaldshåndtering Afsluttende opgave - Kommunikation/IT C Klasse 1.1 Hans Rasmussen & Kevin Kumar ROSKILDE TEKNISKE GYMNASIUM Indhold Affaldshåndtering i Grønsted kommune... 2 Krav... 2 Design...

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

Se hjemmesiden på:

Se hjemmesiden på: Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed

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

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

GRAFISK 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

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

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave

Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Manual til Den Elektroniske Portefølje i Almen Medicin Tutorlægens udgave Til Tutorlægen Velkommen til den elektroniske portefølje. Den er blevet til i dialog mellem Dansk selskab for almen medicin og

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

Vejledning til brug af det nye SiteImprove

Vejledning til brug af det nye SiteImprove Vejledning til brug af det nye SiteImprove Sidst opdateret 12. nov. 2012 Introduktion Log-in og oversigt Quality Assurance Analytics Statistik til enkelte sider Case: Job hos os Spørgsmål Introduktion

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

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

Rapport Studiemad Fase 2

Rapport Studiemad Fase 2 Rapport Studiemad Fase 2 Gruppe 6 Morten Møller Nielsen Mikael Lund Kristensen Ian Mika Sahlertz Indholdsfortegnelse........ Problemformulering.... s. 1 Afgrænsning... s. 1 Indledning.... s. 1 Projektplan....

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

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

Vejledning til brug af det nye SiteImprove

Vejledning til brug af det nye SiteImprove Vejledning til brug af det nye SiteImprove Sidst opdateret 9. feb. 2012 Introduktion Log-in og oversigt Quality Assurance Analytics Statistik til enkelte sider Case: Job hos os Spørgsmål Introduktion SiteImprove

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

Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed.

Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed. 1. Indledning Alle ved, at der har været og fortsat er en Worldwide finansiel krise med deraf afledt stor arbejdsløshed. I 2013 vil en del af de, der er ramt af arbejdsløshed ikke kunne modtage dagpenge

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

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING

2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING 2. SEMESTER PROJEKT 3 INTERAKTIONSUDVIKLING Baggrund Udgangspunktet er projekt 2, dvs. en blog om cupcakes, hvor målgruppe, afsender og modtager allerede er defineret. Du bliver nu bedt om at udvikle et

Læs mere

Oversigt over kriterier for klarmelding af bølge 2-løsninger i 2013

Oversigt over kriterier for klarmelding af bølge 2-løsninger i 2013 Notat Oversigt over kriterier for klarmelding af bølge 2-løsninger i 2013 Baggrund Frem mod 1. december 2013 gennemføresen klarmeldingsproces med tre statusrapporteringer i hhv. maj, oktober og november.

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

App-strategi for Randers Kommune December 2012. Bilag 2: Procesvejledning for app-udvikling i Randers Kommune

App-strategi for Randers Kommune December 2012. Bilag 2: Procesvejledning for app-udvikling i Randers Kommune Bilag 2: Procesvejledning for app-udvikling i Randers Kommune Procesvejledningen har til formål, at skabe overblik over app-udviklingsprocessen, og skal sikre kvalitet og genkendelighed blandt apps ene

Læs mere

Release notes Januar 2014

Release notes Januar 2014 Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører

Læs mere

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015 1. Semester afsluttende Projekt Charlotte Bruhn MUL A December 2014 - Januar 2015 Redesign af online portfolio www.cbruhn.dk Side 1 Indholdsfortegnelse Formål 3 Planlægning 4 Designvalg 5 Moodboard 6 Informationsarkitektur

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

- 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

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015

CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Crowdfunding Modul 3 CPH Business Academy. Lærere: JHI & TUJE www.ysy.dk/cfunding-it/index.html 04-10-2015 Josephine Lorentzen Camilla Norqvist Hansen Shiya Yang Michella Serritzlew Jacobsen Kamilla Melnyczok

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

Vejledning i anvendelse af

Vejledning i anvendelse af Vejledning i anvendelse af 1 Indholdsfortegnelse 1. Platforme og tilgang 3 2. Hvordan kommer jeg i gang? 3 2.1. Log ind 3 2.2. Log ind med UNI-Login 4 2.3. Log ind med lånernummer til biblioteket 4 2.4.

Læs mere

Visuel ID. 2. projekt 2. sem. marts 2012. og kommunikation. Multimediedesigner

Visuel ID. 2. projekt 2. sem. marts 2012. og kommunikation. Multimediedesigner Multimediedesigner Visuel ID og kommunikation 2. projekt 2. sem marts 2012 www.knord.dk Trongårdsvej 44 DK 2800 Kgs. Lyngby > Så tager vi cyklerne frem.. Kampagne for mere cyklisme 1. Indledning I bliver

Læs mere

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2 GRAFISK WORKFLOW Kasper Staal - Portfolio - H2 Opgaven Denne opgave bestod i at design et website til min egen virksomed 3DService.dk. Websitet skulle være responsivt, og indeholde de mest gængse informationer

Læs mere

JB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2

JB Plastic A/S. 3.Projekt - Rapport. MUL B - Gruppe E1 & E2 JB Plastic A/S 3.Projekt - Rapport MUL B - Gruppe E1 & E2 Indholdsfortegnelse JB PLASTIC A/S... 3 WBS... 3 TANKER VEDRØRENDE DESIGN AF LOGO... FEJL! BOGMÆRKE ER IKKE DEFINERET. LETTERHEAD... 5 ANDRE IDÉER

Læs mere

KODNING AF RESPONSIV DESIGN

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

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

Den fælleskommunale digitaliseringsstrategi består af projekter på følgende fire fagområder:

Den fælleskommunale digitaliseringsstrategi består af projekter på følgende fire fagområder: Webstrategi Rammen Dette er Faaborg-Midtfyn Kommunes første udgave af en webstrategi, version 1.0, der gælder for 2013 og har fokus på den umiddelbare opgave at understøtte kerneydelser på nettet. Webstrategien

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

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

Sådan bruger du ereolens app på en Android tablet eller smartphone

Sådan bruger du ereolens app på en Android tablet eller smartphone Sådan bruger du ereolens app på en Android tablet eller smartphone Med ereolens app har du mulighed for at læse bøger online (via stream) og at hente bøger ned til din tablet eller smartphone til offline

Læs mere

Making the world smile

Making the world smile Making the world smile http://www.somethingsimple.dk/projects/hasbrocsr/index.html Hasbro-gruppen - MulB 2.sem: Ivan Christensen, Jonas Falk & Augusta Naundrup Problemformulering 3 PBS 4 WBS 4 Gantt chart

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

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion...

Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... Indhold Formål:... 3 De 6 faser:... 3 Fase 1: Problemanalyse... 3 Fase 2: K-strategi... 3 Fase 3: Idéudvikling... 4 Fase 4: Medieproduktion... 4 Fase 5: Test... 5 Fase 6: Offentliggørelse... 5 Kanyle-modellen:...

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

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

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

Multimediedesigner. Vedvarende. energi

Multimediedesigner. Vedvarende. energi Multimediedesigner Vedvarende energi Eksamensprojekt 2. sem. maj. 2014 - jun. 2014 Problemstilling Vedvarende energi er en samlebetegnelse for bioenergi, vindenergi, solenergi og andre teknologier, der

Læs mere

FULD DIGITAL KOMMUNIKATION I 2015

FULD DIGITAL KOMMUNIKATION I 2015 FULD DIGITAL KOMMUNIKATION I 2015 Regeringen, kommunerne og regionerne arbejder sammen om at skabe et digitalt Danmark, som frigør resurser til bedre kernevelfærd samtidig med at servicen moderniseres

Læs mere

INDHOLDSFORTEGNELSE FURPS... 11. Beskrivelse af processen for brugere der vil deltage i konkurrencen... 12. Faktaark... 2

INDHOLDSFORTEGNELSE FURPS... 11. Beskrivelse af processen for brugere der vil deltage i konkurrencen... 12. Faktaark... 2 1 FAKTAARK Projekttitel: Sommerens store dille 2014 Projekt url adresse: http://ulvi.dk/eksamen Fulde navn: Ulvi Imanov E-mail adresse: ulvi@azweb.dk Link til portfolie: http://ulvi.dk Direkte link til

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1 GRAFISK WORKFLOW DOKUMENTATION OPGAVEN Denne opgave er lavet som en fiktiv opgave. Opgaven er lavet for et fiktivt firma, som tilbyder personlig fitness træning.

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

kollegiekokkenet.tmpdesign.dk Side 1

kollegiekokkenet.tmpdesign.dk Side 1 kollegiekokkenet.tmpdesign.dk Side 1 Indholdsfortegnelse Forord 3 Problemformulering 4 Udviklingsmetode 5 Tidsplan 6 Målgruppe 7 Design brief 8 Logo 10 Typografi og farve 11 Navigationsdiagram 12 Usecase

Læs mere

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

Download af logfiler. For at få adgang til BioCover data skal du benytte følgende login oplysninger: Webadresse:

Download af logfiler. For at få adgang til BioCover data skal du benytte følgende login oplysninger: Webadresse: Generelt. Følgende vejledning beskriver hvordan man udarbejder BioCover SyreN kort i Næsgaard Markkort. Opgaven tager udgangspunkt at Næsgaard Markkort er installeret på din PC og klar til brug, og at

Læs mere

Vejledning til prækvalifikation. Rev.: 2015-05-27 / LW. Side 1

Vejledning til prækvalifikation. Rev.: 2015-05-27 / LW. Side 1 Vejledning til prækvalifikation Rev.: 2015-05-27 / LW Side 1 Indhold Indhold... 2 Indledning... 3 Log på... 4 Opret din bruger... 4 Personlige informationer... 4 Gem login... 5 Glemt password... 5 Brugerfladen

Læs mere

Responsiv hjemmeside

Responsiv hjemmeside Kom/it niv.a 3.år Responsiv hjemmeside Hospidana Carina Aa Hansen, Mathias Larsen, Peter Lærke 2014 Forord I vores rapport vil man kunne gå ind og læse omkring hvorfor vi har valgt at opbygge vores hjemmeside

Læs mere

Brugervejledning til Design Manager Version 1.02

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

Læs mere

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

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

Læs mere

Sådan bruger du ereolens app på ipad eller iphone

Sådan bruger du ereolens app på ipad eller iphone Sådan bruger du ereolens app på ipad eller iphone Med ereolens app har du mulighed for at læse bøger online (via stream) og at hente bøger ned til din tablet eller smartphone til offline læsning. Her får

Læs mere

10 gode grunde. - derfor skal du vælge Office365

10 gode grunde. - derfor skal du vælge Office365 10 gode grunde - derfor skal du vælge Office365 1. Bedre samarbejde på tværs af lokationer En stor del af arbejdsstyrken tilbringer i dag langt mere tid væk fra deres kontor end hidtil. Dine ansatte kan

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05

Læs mere

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE

GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE GRAFISK WORKFLOW WEBSHOP TIL KLITMØLLER COLLECTIVE WEBSHOP TIL KLITMØLLER COLLECTIVE Klitmøller Collective er et nyt lifestyle brand, som udspringer fra fiskerlejet Klitmøller i det nordvestlige Jylland.

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

Mobile Engagement Platforms

Mobile Engagement Platforms KUPONER, VOUCHERS Mobile Engagement Platforms Brand Video Mobil kupon Tip en ven via sms Tilmeld nyhedsbrev Desktop ikon Nærmeste forhandler Del på Facebook Database Social & Mobile Coupons MOBIL INTERNET

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Gruppe 15 Redesign af bageriet FeelGood Bakery s website Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt Link til redesignet website: www.feelgoodbakery.thorsoe.dk

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

Grafisk workflow. bl.udbudsnet.dk

Grafisk workflow. bl.udbudsnet.dk Grafisk workflow. bl.udbudsnet.dk Hvad går opgaven ud på? Opgaven gik ud på at lavet et præsentations website for Udbudsnet. Hjemmesiden skulle bruges til at sælge Udbudsnet, på en messe som hedder BL.

Læs mere

Europcar vil altid levere den bedste transportløsning med venlighed, kompetence & troværdighed.

Europcar vil altid levere den bedste transportløsning med venlighed, kompetence & troværdighed. Europcar vil altid levere den bedste transportløsning med venlighed, kompetence & troværdighed. Trongårdsvej - 26. februar 2010 2. Semester multimediedesignere - Projekt 1: Kend dine brugere Gruppe Maria

Læs mere

Vejman.dk mobile løsninger. Ved. Paul Stühler

Vejman.dk mobile løsninger. Ved. Paul Stühler Vejman.dk mobile løsninger Ved. Paul Stühler Baggrund for opgaven Generelt er der ønsker fra vores brugere om. Øget fleksibilitet gennem adgang til vejman.dk på mobile enheder. Behov for at arbejde målrettet

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

Kvikguide til Navision Stat 7.0

Kvikguide til Navision Stat 7.0 Side 1 af 12 Kvikguide til Navision Stat 7.0 ØSY/STO 26. maj 2015 Konceptet bag den nye brugergrænseflade Overblik Formål Denne kvikguide omhandler konceptet for brugergrænsefladen, som Navision Stat 7.0

Læs mere

Dalux Field Brugermanual Registrering og oprette opgaver

Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Side 1 af 14 Indholdsfortegnelse Om denne brugermanual... 3 Registrering af bruger... Error!

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

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

grafisk workflow Frank winding

grafisk workflow Frank winding grafisk workflow Frank winding redegørelse Opgaven Byg & Bo stod foran årets byggeudstilling 2015, og min arbejdsgiver JUGEL&CO skulle stå for alt markedsføring, medieplanlægning og kommunikation. Mit

Læs mere

PROCESSUM DESIGNMANUAL 1.0 2013

PROCESSUM DESIGNMANUAL 1.0 2013 PROCESSUM DESIGNMANUAL 1.0 2013 1 INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE FORORD RETNINGSLINJER LOGO PLACERING OG BRUG FRIZONE: PLACERING: TYPOGRAFI PRIMÆR TYPOGRAFI SEKUNDÆR TYPOGRAFI KOMMUNIKATION GRUNDPAPIR

Læs mere

DAGSORDEN. 1. Mobil prototype. 2. Service i forhold til OOOJA. 3. Slut.

DAGSORDEN. 1. Mobil prototype. 2. Service i forhold til OOOJA. 3. Slut. DAGSORDEN 1. Mobil prototype. Den mobile prototype Heuristisk inspektion af prototypen Tænke højt test af prototypen 2. Service i forhold til OOOJA 3. Slut. Service Gap-servicemodellen Fokus interview

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

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

Konventioner i mobil e-handel

Konventioner i mobil e-handel Konventioner i mobil e-handel J Boye Erfa 17. juni 2014 JENS HOFMAN HANSEN DIGITAL FORRETNINGSUDVIKLER, VERTICA 40 MOBILE NETBUTIKKER 40 MOBILE NETBUTIKKER 1800contacts.com m.autozone.com m.nike.com amazon.com

Læs mere

Brugervejledning for TrivselsRADAR Version 1.5 revideret 30. november 2012

Brugervejledning for TrivselsRADAR Version 1.5 revideret 30. november 2012 Brugervejledning for TrivselsRADAR Version 1.5 revideret 30. november 2012 Udarbejdet af ASPEKT R&D A/S for Uddannelsesbenchmark.dk Hvad er TrivselsRADAR TrivselsRADAR er et interaktivt web-baseret værktøj,

Læs mere

Overenskomsten som e-bog

Overenskomsten som e-bog Overenskomsten som e-bog Som noget nyt har CO-industri og Dansk Industri (DI) udgivet industriens overenskomster samt Industriens Organisationsaftaler som e-bog. Det betyder, at du kan læse de nye overenskomster

Læs mere