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

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

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

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

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

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

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

- 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

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

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

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

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

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

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

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

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

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

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

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

Fredag d. 20. februar 2015 2. semester MUL-B CSR CAMPAIGN

Fredag d. 20. februar 2015 2. semester MUL-B CSR CAMPAIGN CSR CAMPAIGN 1 Corporate Social Responsibility http://b-design.nu/2sem-projekt1/csr.html Kathrine Harder kathrineharder@gmail.com Simone Blachman blachman94@hotmail.com Pernille Sjøgreen - pernille.sjoegreen@gmail.com

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

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

Designmanual for websider

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

Læs mere

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

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

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

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

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

8 tips og tricks der sender din webshop i superligaen

8 tips og tricks der sender din webshop i superligaen 8 tips og tricks der sender din webshop i superligaen Indhold Intro Kend dine besøgende Gør valget simpelt og vind kunder Sådan får du en optimeret kategoriside Eksempler på to gode kategorisider Brug

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

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

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

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

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

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

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

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

Læs mere

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

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

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

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

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

Læs mere

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

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

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

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

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

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

Project 5: Portfolio Remake

Project 5: Portfolio Remake Project 5: Portfolio Remake Art is a tree of life. William Blake December 2014 Januar 2015 1. semester, MulA, Multimediedesigner uddannelse Copenhagen Business Academy, Lyngby annastacy.k@gmail.com Indholdsfortegnelse

Læs mere

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.

Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende

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

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2.

Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. 1 SUMOshop Backend v3 Dette dokument beskriver SUMOshop Backend v3, med fokus på ændringer ift. v2. Backend v3 er primært en visuel opdatering i et mere rent og moderne design. Hertil er der en række helt

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

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE Opgavebeskrivelse Jeg har valgt at gennemgå min egen responsive hjemmeside, hvor jeg vil fokusere på responsivt design. Layout Min hjemmeside har jeg

Læs mere

Offentligt udbud (annoncering): Udvikling af ny hjemmeside, implementering og tilretning

Offentligt udbud (annoncering): Udvikling af ny hjemmeside, implementering og tilretning Offentligt udbud (annoncering): Udvikling af ny hjemmeside, implementering og tilretning Oversigt over udbudsmaterialet: 1. Indledning/beskrivelse 2. Ordregiver 2.1 Kontaktinformationer 3. Den udbudte

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

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

AFGRÆNSNING OPGAVEFORMULERING PROJEKTPLANLÆGNING PROBLEMFORMULERING

AFGRÆNSNING OPGAVEFORMULERING PROJEKTPLANLÆGNING PROBLEMFORMULERING AFGRÆNSNING Modtagergruppen er unge studerende mellem 19-25 år - bosiddende i Storkøbenhavn. (Målgruppebeskrivelser fra conzoom.eu kan findes i bilagsmappen) GRUPPE 5 Margrethe Hansen, Karina Rossing,

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

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

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling. www.mads-pj.dk/clothesly WORKFLOW RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe og kode et koncept til en webshop

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

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

Pixlr - vejledning Udarbejdet februar 2014

Pixlr - vejledning Udarbejdet februar 2014 Pixlr - vejledning Udarbejdet februar 2014 www.skive.dk 2.1 Billedbehandlingsprogrammet Pixlr.com Til redigering af et billede kan du med fordel benytte webtjenesten Pixlr, som du kan tilgå fra hvilken

Læs mere

SkagenBrugtMarked.dk - en service fra SkagensAvis.dk

SkagenBrugtMarked.dk - en service fra SkagensAvis.dk SkagenBrugtMarked.dk - en service fra SkagensAvis.dk Dette er en vejledning i brugen af SkagenBrugtMarked.dk Vælg eventuelt at skrive denne vejledning ud, den er forbredt til udskrift på A4 papir. Generelt

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

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

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

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

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

Få mere succes med email marketing Velkomst flow og drop-basket flow mm. MailPlatform.dk - 2012

Få mere succes med email marketing Velkomst flow og drop-basket flow mm. MailPlatform.dk - 2012 Få mere succes med email marketing Velkomst flow og drop-basket flow mm. MailPlatform.dk - 2012 Ordbog ECP = ecommerce platformen, dvs. shop systemet. EMM eller ESP = E-mail marketing platformen FB = FaceBook

Læs mere

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

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

Læs mere

Af Theis Hansen og Morten Hedetoft, 1.3

Af Theis Hansen og Morten Hedetoft, 1.3 Af Theis Hansen og Morten Hedetoft, 1.3 Typografier: Typografier er er punkt inden for design, som omfatter skrifttyper, linjeafstand/opsætning og linjeafstand altså en hel masse inden for skrift eller

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

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

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST Hjemmesidedesign og udvikling www.mads-pj.dk/clothesly MADS PADKÆR JØRGENSEN - GRAFISK DESIGN Side 1 af 13 DOKUMENTATION OPGAVE Opgaven jeg stillede mig

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

INTRODUKTION TIL VIA STUDIENET

INTRODUKTION TIL VIA STUDIENET VIA University College Sygeplejerskeuddannelsen i Randers INTRODUKTION TIL VIA STUDIENET For studerende INDHOLD Tekniske forudsætninger... 2 Login til Studienet studienet.viauc.dk... 2 Hold-, modul- og

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

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

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

Løsningen garanterer at finde alle de cookies, som et nationalt tilsyn kan finde. Løsningen er valideret af Audit Bureau of Circulation i England.

Løsningen garanterer at finde alle de cookies, som et nationalt tilsyn kan finde. Løsningen er valideret af Audit Bureau of Circulation i England. Cookievejledningens Tekniske Guide Den tekniske guide beskriver fem skridt til overholdelse af cookiereglerne: 1. Fastlæggelse af webejendom 2. Undersøgelse af om der sættes cookies på hjemmesiden 3. Afgivelse

Læs mere

Silkeborg Review Mine sider

Silkeborg Review Mine sider Silkeborg Review Mine sider Datagrundlag Det er vigtigt, at de informationer man viser kan hentes let (hurtigt) fra bibliotekssystemet eller Brønden. Det vil betyde rigtig meget for hastighed i præsentationen

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

Diagrammer visualiser dine tal

Diagrammer visualiser dine tal Diagrammer visualiser dine tal Indledning På de efterfølgende sider vil du blive præsenteret for nye måder at arbejde med Diagrammer på i Excel. Vejledningen herunder er vist i Excel 2007 versionen, og

Læs mere

komulus i digital udvikling DANIEL WIKLUND MOBILE LØSNINGER UDFORDRINGER OG MULIGHEDER komulus komulus kommuner i digital udvikling

komulus i digital udvikling DANIEL WIKLUND MOBILE LØSNINGER UDFORDRINGER OG MULIGHEDER komulus komulus kommuner i digital udvikling DANIEL WIKLUND MOBILE LØSNINGER UDFORDRINGER OG MULIGHEDER kommuner i digital udvikling ko mu lu s APP ELLER HJEMMESIDE Hvilken løsning passer bedst til vores behov? APP ELLER HJEMMESIDE MOBIL HJEMMSIDE

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development

Get Skeleton. Boilerplate for Responsive, Mobile-Friendly Development Get Skeleton Boilerplate for Responsive, Mobile-Friendly Development Hvad er Get Skeleton?!? Get Skeleton er en lille samling af små CSS og JS filer, som giver dig adgang til ultra hurtig udvikling af

Læs mere

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

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

Læs mere

Borgerrettet kampagne for digital post. Erfaring fra Favrskov Kommune

Borgerrettet kampagne for digital post. Erfaring fra Favrskov Kommune Borgerrettet kampagne for digital post Erfaring fra Favrskov Kommune Indhold Kampagne for digital post Favrskov Kommune... 2 Målgruppe - at ramme bredt... 2 Konkurrencen... 2 ipad eller anden tablet...

Læs mere

eksamensprojekt 2. sem

eksamensprojekt 2. sem Multimediedesigner Klima 2009 Virksomheder i en klimakontekst eksamensprojekt 2. sem maj - juni 2009 www.cphnorth.dk Trongårdsvej 44 DK 2800 Kgs. Lyngby 1. Opgaven Indledning: I december 2009 skal Danmark

Læs mere

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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

Læs mere

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

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

Læs mere

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

Brugerguide til FlexCMS

Brugerguide til FlexCMS Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...

Læs mere

Rejsekort A/S idekonkurence Glemt check ud

Rejsekort A/S idekonkurence Glemt check ud Rejsekort A/S idekonkurence Glemt check ud 9. marts 2015 1 Indhold 1 Introduktion 4 1.1 Problembeskrivelse........................ 4 1.2 Rapportens opbygning...................... 4 2 Ordliste 5 3 Løsning

Læs mere

Dan Rolsted PIT. Side 1

Dan Rolsted PIT. Side 1 Side 1 Side 2 Indledning I denne vejledning vil der vises hvordan Office 365 opsættes på de forskellige platforme, herunder IOS (ipad) og Android (HTC One). Derudover vil der også være vejledning til Windows

Læs mere