INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN...
|
|
- Kim Michelsen
- 8 år siden
- Visninger:
Transkript
1 1
2 INTRODUKTION... 3 PROBLEMSTILLING... 3 PROBLEMFORMULERING... 4 METODE... 4 AFGRÆNSNING... 5 ANALYSE... 5 KOMMUNIKATION... 5 SEGMENTERINGSPROCESSEN... 7 GALLUP... 7 Delkonklusion... 9 DESIGN MODERNISME: (VORES EGEN) VORES EGEN STILART: THUMBNAILS SITEMAP WIREFRAME PROTOTYPE FÆRDIGT SITE Delkonklusion INTERAKTION KODEPROGRAMMER SKÆRMOPLØSNING Delkonklusion KONKLUSION LITTERATURLISTE INTERNET-ADRESSER BØGER BILAG BILAG 1 GALLUPS KOMPAS BILAG 2 DIGITALE BUSINESS MODEL BILAG 3 THUMBNAILS BILAG 4 ALIGNMENT BILAG 5 SUBSITES BILAG 6 GANT CHARTT
3 Introduktion Går du og er færdig med en gymnasial uddannelse og ikke helt ved, hvad du skal læse videre til. Syntes du ernæring, mejeri, proces- og fødevareteknologi lyder interessant, så er procesteknolog måske en uddannelse lige for dig. Uddannelsen tager kun 2 år, og det sidste 1½ år vælger du en af de 4 grene som du vil uddanne dig som. Uddannelserne er - Ernæringsteknologi - Mejeriteknologi - Procesteknologi - Fødevareteknologi Det første halve år er grundforløb, hvor du sammen med de andre studerende finder ud af, hvad uddannelsen indebære og du bliver informeret om, hvad de forskellige retningslinjer handler om. Efter det halve år vælger du så den retningslinje, som du gennemføre i løbet af det næste 1,5år Du kan læse meget mere om uddannelsen ved at klikke ind på EAL's hjemmeside og derefter ind under vores helt nye side som indeholder alt, hvad du skal bruge om procesteknolog. God fornøjelse. Problemstilling Hvordan kommer vi frem til bedst mulige løsning, for vores subsites, for at gøre procesteknolog uddannelsen mere attraktiv for unge, som ønsker at gå denne vej. Hvad skal fange de unge, for at vælge denne uddannelse? 3
4 Problemformulering Vi er blevet bedt om at komme med mindst 3 helt konkrete subsites til Procesteknolog uddannelsen, for at gøre det nemmere for studerende, at vælge retning, og gøre denne uddannelse mere attraktiv for unge, samt en brugervenlig hjemmeside. Hvad skal fremhæves? Hvordan laves den mest brugervenlig? Hvordan vedligeholdes siden nemmest? Hvilke feltstudier har vi valgt? Metode Vi har valgt at bruge flow og online flow, for kort at komme ind på, hvordan en side optimalt kommunikerer ud til forbrugerne, når den loader siden osv., for at få en optimal brugeroplevelse. Gallups kompas anvender vi, da vi vil have vores segmenter delt lidt mere op i nogle kasser, for at stille dem op i nogle mere specifikke kriterier. B2C markedet er egentlig ikke en metode, men mere et udtryk for, at processen sker imellem business 2 konsumer, vi vil dog stadig nævne den, fordi det er det marked vi er på i opgaven. Demografisksegmentering deler igen segmenterne op i nogle grupper, men vi ville godt vise, hvordan vores målgruppe, kan kortlægges af den befolkning der er, f.eks. angående køn og alder. Dette bliver også nævnt i vores statistik fra DST. 4
5 Den digitale business model, anvender vi fordi, procesteknolog uddannelsen har brug for en større eksponering, da tilgangen til uddannelsen er meget lille, og derigennem benytter vi sociale assets og web assets til dette i modellen. Vi har skitseret vores ideer i hånden, Photoshop og illustrator, eftersom disse programmer er bedst til at fremvise og illustrere vores ideer, fra hånd til computer. Vi har også benyttet en ideproces og arbejdsprocs metode, for netop at komme frem til vores endelige koncept og målgruppevalg, i forhold til procesteknolog uddannelsen. Afgrænsning Vi er blevet afgrænset, da vi ikke kan få en video til, hver af de fire uddannelser, da en af dem, foregår i vejle. Eftersom vi har kort tid til dette projekt, har vi fravalgt, at få en video til hver, men vil stadig blive erstattet, med et layout, som om der skal være en video. Udformning af et spørgeskema, er fravalgt, da vi først kunne kommer derud torsdag d. 31/5, derfor fravalgte vi dette og ville hellere implementere videoerne. Under udformningen af videoen, vil vi også få svar på nogle spørgsmål, som vi evt. måtte have, i forhold til vores feltstudier. Analyse Kommunikation Vi har valgt at tage en bestemt indgangsvinkel på vores ideproces, for at vores endelige koncept kan blive kommunikeret korrekt, så der opnås en high involvement, fra forbrugerens side. Det vi ønsker at kommunikere bedst, ved hjælp af vores feltstudier og ideproces 5
6 er, at gøre procesteknolog uddannelsen mere attraktiv for de unge, så de få det rigtige afsæt fra starten af, igennem deres karriere. Igennem vores ideproces, diskuterede vi frem og tilbage, vores indgangsvinkel på vores endelige koncept. Vi ville prøve at gøre det så overskueligt og nemt som muligt. Siden skulle kommunikere simpelhed og funktionalitet. Unge som surfer rundt på nettet, for at undersøge deres fremtidige studie, søger også efter noget, som kan give dem nogle stærke forbindelser i fremtiden, som måske bliver skabt igennem deres studieklasse, så derfor vil vi også sætte en lidt mere personlig og social vinkel på vores koncept. Dette gøre vi igennem nogle videoer, som vi optager, hvor en studerende fra hver af de 4 uddannelser, ganske kort siger, hvorfor de valgte den, og hvad de ønsker at få ud af den. Dette gør også at sitet opnår et godt flow, med skrift og noget dynamisk, for at fange forbrugerens interesse, og undersøge sitet yderligere. Når sitet bliver brugt, skal det online flow også tilpasses, så det er en klar og flydende navigation på sitet. Vi har valgt at lave en video sekvens, da vi igennem vores feltstudier, ikke havde den tid der skulle til, for at udforme et evt. Spørgeskema, samt observere brugerne. Vi får et indblik i uddannelsen, når vi skal filme de studerende, og hvad det er der skal fange potentielle studerende, til procesteknologuddannelsen. Herunder ses en wireframe, som kort beskriver den simple opdeling med de fire vinduer til de fire forskellige uddannelser, samt plads til video, og en informationsboks, hvor man f.eks. kan ansøge osv. Illustrer resultaterne af vores ideproces og efterfølgende feltstudier. 6
7 Segmenteringsprocessen For at lave en endelige beskrivelse af vores koncept, og for at vise, hvem vi henvender os til, vil vi gennemgå en segmentering proces, så vi får en homogen brugergruppe, med ensartet præferencer, i relation til uddannelsen og vores site, som foregår på B2C 1 markedet. Dette er for at opnå den optimale målgruppe. Ved denne proces giver vi også virksomheden et grundlag for at optimere tilgangen til netop deres site, igennem vores endelige koncept, plus den deling der sker igennem facebook linket og derved kommunikationen. Gallup Gallups kompas 2 Hjælper os med at inddele segmenterne op i 9 punkter. Moderne Moderne fællesskabsorienterede Traditionelle Fællesskabsorienterede Traditionelle Traditionelle individorienterede Individorienterede Moderne individorienterede Fællesskabsorienterede I Gallups kompas, har man også et center, hvor disse punkter cirkler omkring, men dette er den del af befolkningen, som ikke er indenfor disse dimensioner. 1 B2C: International markedsføring 3 udgave Finn Rolighed side. 150 afsnit Se bilag 1 7
8 Eftersom denne uddannelse er meget fødevare orienteret og miljøbevidst, ligger vi imellem de traditionelle fællesskabsorienterede og de fællesskabsorienterede. Begge disse grupper, går op i miljø, sundhed og natur. Dette er en vigtig del, da det jo ville være det optimale at dele den samme interesse på et studie, hvor det er fire forskellige uddannelser det drejser sig om, når der evt. Er tværfaglige opgaver. Når dette site omhandler B2C markedet, hvor der jo også nogle flere kriterier, som spiller ind, tænker vi på: Køn Alder Familielivscyklus Erhverv Indkomst Disse kriterier på B2C markedet bringer os hen til en demografisk opdeling, for at kunne komme med en nogenlunde optimal målgruppe. I den nedenstående model kan man se, at tilgangen til uddannelserne er størst fra 23 år og frem. Dette kan skyldes, at man måske skal overtage en familiecyklus, tænker på en fremtidig indkomst, eller i det hele taget bliver mere sundhed og miljøorienteret, når man kommer op i en lidt højere alder. I dag er det jo meget op i tiden m ed, hvad man spiser, hvordan vores fødevare er sammensat osv. Derfor er det også vigtig at kommunikere netop disse uddannelser ud til de unge, som stadig sidder og søger efter en potentiel fremtidig uddannelse. Nedenstående model viser også at disse uddannelser har brug for eksponering igennem deres site, da tilgangen er meget lille, mens der er brug for eleverne til disse uddannelser. I den digitale 8
9 business model 3, har man også valgmuligheden for at benytte sig af sociale assets 4, samt web assets 5. Dette viser vi ved at benytte et facebook link, som skal kommunikere uddannelsen gratis ud over de sociale medier, for at opnå en højere eksponering, til vores optimale målgruppe, som er de 23 årige til de 29 årige. Denne målgruppe, er også stærk repræsenteret på de sociale medier, så... Tilgang af elevere Proces- og fødevareteknologi Både mænd og kvinder. 18 år 0 19 år 3 20 år 6 21 år år år år år år 5 27 år år år 22 implementeringen af facebook linket, samt den stilart vi har valgt skal skærpe procesteknolog uddannelsen for fremtidige studerende. Delkonklusion Proces teknolog uddannelsen, skal have en større eksponering, som opnås igennem vores nye site. Dette skal ske igennem hele vores ideproces, med wireframes osv. Vores implementering af en video 3 Se Bilag 2 4 Facebook, twitter, linkedin, youtube, google+ 5 F.eks. Banner ads 6 Danmarks statistik,
10 på sitet, personliggøre oplevelsen af uddannelsen, så der kan skabes langsigtet relationer og netværk igennem de studerende. Den optimale målgruppe for uddannelserne ligger mellem 23 til 29 år, hvor tilgangen er størst. Dette kan skyldes, at man måske skal overtage en familiecyklus, tænker på en fremtidig indkomst, eller i det hele taget bliver mere sundhed og miljøorienteret, når man kommer op i en lidt højere alder. Design 7 Surrealisme: Denne stil art er meget kunstnerisk. Det der betegner surrealisme er nogen billeder som er meget fantasifulde eller overtroiske. Det kunne for eksempel være en person med to hoveder. Eller hvis vi skal befinde os på en hjemmeside kunne et eksempel være billedet til højre. Billedet viser en planet af et æble med byer, træer, mennesker og bygninger på. Dette er noget det ikke kan findes sted i virkeligheden og derfor er det surrealistisk. 8 Modernisme: (vores egen) Karakteristika for modernisme er: Stærke farver, stilfuldt og simpelt. Det billede der ses til højre er blot et eksempel på hvordan en modernistisk hjemmeside kan se ud. 7 DzineBlog, , 8 Taimur Asghar, , 10
11 Vores egen stilart: Vi har valgt at benytte modernisme som vores egen stilart da det er simpelt og giver en god helhed til hjemmesiden. EAL er også en moderne uddannelsesinstitution som underviser inden for det nyeste materiale og derfor fandt vi det relevant at benytte denne stilart. For at komme videre fra feltstudiet til et færdigt design skulle vi finde nogle kendetegn ved uddannelsen som vi kunne bruge til vores hjemmeside. For at få ideer til et tema som siden kunne bruge var vi ude og lave noget research. med hensyn til farver researchede vi på uddannelserne og hvad der gik igen hos dem alle 4. Vi har blandt andet været ude på uddannelsen stedet og interviewe 2 studerende om hvad de syntes om uddannelsen og hvorfor de valgte den. Det vi kom frem til var at uddannelserne havde noget med mad, sundhed, ernæring og proces at gøre. Ud fra dette konkluderede vi at farverne der kunne bruges til hjemmesiden var blandt andet grøn som det endte med at vi ville bruge. Vi valgte farven grøn fordi farven har noget med natur og sundhed at gøre og symbolisere det. Vi gennemførte siden i grøn monokromatisk stil. Monokromatisk er en farve type hvor alle farverne der bruges er inden for den samme genre, fra hvid til sort. 9 Grøn er en farve som symboliserer håb og levende vækst. Grøn er håbets farve og giver optimisme hvilket er godt for den besøgende studerende, som skal have en positiv og optimistisk oplevelse af at besøge hjemmesiden. Repetition bliver brugt på siden da vores undersider har samme banner i toppen og beholder stil arten som findes på forsiden. Selve temaet går igen på alle undersider samt siderne for linksne. Vores kontrast punkt finder sted midt på siden hvor vi har vores 4 uddannelser, i form af billeder. Dette kontrast punkt er lavet ved 9 Visible, , 11
12 hjælp af billeder som retter den besøgendes øjne ind midt på siden hvor det vigtigste er, nemlig uddannelserne. Noget andet som fanger den besøgendes øjne er vores top banner hvor der står procesteknolog som viser den besøgende hvad man kan finde på siden. Ved siden af banneret er EALs logo som man kan klikke på og blive linket direkte til EALs hjemmeside. Selve stilen som vi har brugt til siden, kommunikere gennem EAL s hjemmeside, og derfor er det kun personer inden for vores målgruppe som kommer til at benytte siden. Ud over disse studerende vil siden kunne blive benyttes for unge mennesker der skal til at have en uddannelse og er i tvivl om hvilken retning de skal gå. 10 Inspirations kilden til vores hjemmeside ligger i billedet som ses til højre. Vi blev inspireret af at hjemmesiden var så simpel og lige til. Ikke for meget tekst men samtidig den information som man skal bruge. Fordelene: - En begrænsning for designet. - Er hurtigere at designe. Ulemperne. - En begrænsning for designet. - Tager længere tid at designe. Den surrealistiske stilart: Til vores surrealistiske stilart har vi brugt liquify tool i photoshop, til at give billederne og stilen på siden, et touch a surrealisme. Vi har brugt samme grid og opsætning som siden har fra standard og derefter redigeret siden til surrealistisk stil. Arbejdsproces , Business-jQuery-Slider-p jpg 12
13 Strukturering/skitsering Brainstorm Første del af processen var brainstorm. Brainstormen blev brugt som ide generering til hvad indholdet skulle være, og hvordan hjemmesiden skulle være opbygget. Thumbnails Efter brainstormen begyndte vi at lave thumbnails. Vi lavede en masse thumbnails til hvordan opsætningen af indholdet skulle være på og ikke mindst hvordan designet skulle være. Thumbnailsne ses til højre. Efter vi havde lavet en del thumbnails udvalgte vi vores endelige opsætning, dog var den ikke 100% færdig og rettelser kom efterfølgende. Vi tog højde for at vores thumbnails skulle tilpasses 2 styles som er en del af opgaven. Vores egen og Surrealisme som vi valgte ud af de valg muligheder vi havde. 11 De to sidste thumbnails visser vores færdige resultater til vores forside og vores subsite. Sitemap Efter vi havde fundet vores udsende til hjemmesiden skulle vi bruge et sitemap så vi kunne se hvordan man skal kunne navigere rundt på siden. 11 Se bilag 3 13
14 Wireframe Efter vi var kommet frem til en beslutning om hvilken thumbnails vi skulle bruge og navigeringen er på plads kan vi så småt gå i gang med at få vores wireframe op. Wireframen viser vores side med de rigtige størrelser og hvordan siden ser ud i en mere færdig udgave en thumbnailsne. Denne wireframe brugte vi til at se hvordan tingene fungerede i praktisk og om der skulle yderligere ændringer til for at gøre siden fuldt ud funktionel. Som der kan ses på siden bliver siden delt enkelt op med en titel øverst hvorefter vi kan finde de 4 forskellige uddannelser midt på siden. Disse uddannelser ses som billeder med en lille tekst nederst på billedet. Man kan trykke ind på uddannelserne for at finde flere informationer omkring den enkelte uddannelse. Nederst på siden kan man læse omkring procesteknolog uddannelsen og til højre for det er der links til diverse hjemmesider, som har noget med uddannelsen at gøre. Disse links er bland andet Økonomi under uddannelse, optagelse til uddannelsen, kontakt informationer og så videre. Subsite Forside Prototype Siden er nu næsten færdig og kun enkelte rettelser mangler. En prototype bruges til at finde fejl og rette dem. Man kan også kalde 14
15 det af hjemmesiden kommer ind i sin beta face. En beta face er hvor et produkt er ved den sidste face inden udgivelse. Færdigt site Alignment. 12 Delkonklusion Vi har benyttet diverse metoder til at finde ideer til hjemmesiden, blandt andet brainstorm hvorefter vi afgrænsede materialet og kom frem til en opsætning til siden. Vi har benyttet diverse design til at fange målgruppen bedst muligt. Arbejdsprocessen er gennemført ved hjælp at diverse skitserings metoder som thumbnails, wireframe og prototype. 12 Se bilag 4 og 5 15
16 Interaktion Vi har valgt at benytte HTML og CSS til at konstruere vores side. Desuden benytter vi os af flash i form af vores videoer. Grunden til at vi ikke benytter JavaScript er ren prioritering, da vi ikke er så erfarne med det, og det derfor ville tage for meget af vores i forvejen knappe tid. Vi benytter os ikke af flere interaktive elementer eksempelvis i form af flash da der er relativt meget tekst på siden, som man skal kunne læse uforstyrret. Kodeprogrammer Vi har brugt text editorerne TextWrangler og Sublime Text 2 til kodningen. Grunden til at vi ikke benyttede eksempelvis Dreamweaver, som er en såkaldt What You See Is What You Geteditor, er, at vi gerne ville prøve at udfordre, hvad vi har lært i interaktionsundervisningen så meget som muligt. Derfor faldt valget på text editorerne, selvom der er blandede præferencer i vores grupper i forhold til valg af værktøjer. Skærmopløsning Vores hjemmeside fungerer optimalt til alle skærmopløsninger, som er på 1024x768 pixels eller derover, hvilket dækker over omkring 98% 13. Hvis skærmopløsningen er under 960 pixel bred, vil det kræve, at man scroller horisontalt. Derudover fungerer vores hjemmeside i de gængse browsere som Internet Explorer, Firefox, Safari og Chrome dog er der små afvigelser i placeringen af nogle få elementer i Internet Explorer 8 og tidligere versioner. Dog benytter vi CSS3 til at lave runde hjørner samt skygge på vores side, hvilket ikke vil blive vist i tidligere browserversioner, der ikke understøtter dette. 13 W3schools, d , 16
17 Et kig på koden til vores forside, for at få et indblik i vores fremgangsmåde rent kodemæssigt: Vi starter med at definere, at det er HTML, vi skriver, hvorefter vi åbner vores head. Inde i vores head angiver vi så titlen, der vises i browserens fane. Efterfølgende angiver vi, at vi bruger Unicode Transformation Format-8, således at æ, ø og å vises problemfrit. Derefter henvises der til fire. css-filer. De tre første filer bruges ofte i forbindelse med brug af The 960 Grid System, som vi har valgt at bruge, da det er en stor hjælp til at få layoutet af en hjemmeside på plads, og vi havde en begrænset tidsramme. Systemet går ud på, at man får en side, der er centreret af skærmen og har en bredde på 960 pixels. De 960 pixels er delt ind i et bestemt antal søjler, som har en bestemt bredde samt en bestemt afstand. Den første fil reset bruges til at undgå uoverensstemmelser mellem de forskellige browseres standarder indenfor bl.a. linjehøjder, margener og font-størrelser. Dette betyder, at vi skal angive mere i vores stylesheet, men til gengæld er vi sikre på, at det er de samme værdier i alle browserne. Den anden fil text.css angiver noget basal styling til teksten. Den tredje fil 960_24_col.css angiver, at vi bruger 960 grid med 24 søjler, hvilket vil sige, at hver kolonne har en bredde på 30 pixels samt en afstand på 10 pixels. Den fjerde fil style.css er den fil, hvor vi angiver al vores styling til hjemmesiden. Afslutningsvis lukker vi vores head. 17
18 Vi starter med at åbne vores body, hvorefter vi laver en div kaldet container_24, hvilket angiver, at vi laver en beholder på 24 søjler altså en bredde på 960 pixels. Derefter laver vi to div s, som vi kalder henholdsvis grid_23 banner1forside og grid_23 banner2forside. Begge div s har en bredde på 23 søjler og er altså ikke helt så brede som vores container, således at vi får noget luft på både højre og venstre side. Den sidste del af navnene bruger vi til at style de specifikke elementer i vores stylesheet. Inde i banner1forside har vi to img-tags, som vi bruger til henholdsvis vores logo, der henviser til forsiden, samt vores overskrift. Inde i banner2forside har vi et img-tag, der bruges til vores salgstekst. Vi har en div kaldet grid_5 boxforside, og den er derfor 5 søjler bred. Inde i denne div har vi endnu en div som vi bruger til at style img-tagget samt en overskrift, noget tekst og afslutningsvis en henvisning til den relevante underside. Denne boxforside -div har vi fire af på forsiden, således at vi har én boks til hver linje på uddannelsen. 18
19 Vi starter med at lave en div kaldet grid_17 tekstforside, hvilket vil sige, at vi har en 17 søjler bred boks, som vi så deler op i henholdsvis grid_8 col1forside og grid_8 col2forside, således at vi får 2 kolonner på 8 søjler inde i den store boks. Dette gør vi for at kunne skrives vores tekst i to spalter. Derefter laver vi en div kaldet grid_5 diverseforside, hvilket vil sige, at vi har en 5 søjler bred boks. Inde i boksen laver vi en række henvisninger til vores side med diverse informationer. 19
20 Vi starter med at lave en div kaldet grid_23 footer, hvilket vil sige, at vi har en 23 søjler bred boks. Inde i div en laver vi et paragraftag, som vi udfylder med de vigtigste kontaktoplysninger. I kontaktoplysningerne har vi to forskellige span classes: spacing og linecolor. Disse to classes bruger vi til at justere afstanden mellem tekst og -tegn samt farven og størrelsen af -tegnene. Ved at benytte classes til det, kan man nemt og hurtigt ændre farven samt justere bredden, hvis nogle af oplysningerne skal ændres. Desuden laver vi et img-tag med en henvisning til EAL s Facebookside. Næstsidst laver vi en class til vores knap til at skifte stil på hjemmesiden vi har valgt en løsning med ganske enkelt at lave en henvisning til en anden. html-fil. Afslutningsvis lukker vi vores body og vores HTML. Vi har så vidt muligt opstillet vores kode, således at det er nemt at se, hvor de forskellige div s åbnes og lukkes. Derudover har vi indrykket de forskellige elementer således at det er let at skelne mellem parents og childs samt sat vores stylesheets op alfabetisk. Denne kombination skaber overskuelighed samt gør det nemt at 20
21 Finde rundt i og redigere stylingen. Desuden har vi benyttet os af 960 grid, hvilket gør inddeling, og derved også alignment, let. Delkonklusion Vi vil lave vores side i 960 grid system, da det er mest optimalt for hjemmesidens visning, og den relative korte tid vi havde til dette projekt. Vores skærmopløsning køre på 1024*768, hvilket dækker 98% af alle skærmopløsninger, for at dette også bliver optimalt. Vi benytter HTML og CSS, til kode og design,fordi vores undervisning har været i programmerne, og er de bedste til hjemmeside opbygning. Vi har også benyttet CSS3, men kun til skygger osv. Konklusion Procesteknolog uddannelsen har i dag brug for en større eksponering, da det er et meget lille antal studerende, som starter på disse uddannelser. Igennem vores ideproces og arbejdsproces er vi kommet frem til at siden, skal være så simpel som muligt, for at kommunikere det korrekte budskab ud til nysgerrige studerende, som søger en uddannelse, til deres fremtid. Den mest optimale målgruppe for vores site, er unge imellem 23 0g 29 år, i henhold til vores segmenteringsproces, og har rettet vores site efter dem, men er selvfølgelig også imødekommende til yngre studerende og ældre. Vi forsøger at give den et personligt præ, igennem vores video, hvor nuværende studerende fortæller om uddannelsen. Vi benytter diverse metoder til hjemmesiden, for at komme frem til vores designproces og udforme den igennem vores thumbnails, wireframes og prototyper. Siden er simpel, men har i vores andet style valg, lavet den surrealistisk, for at gøre den lidt mere fraverig og sjov, igen til den lidt mere unge målgruppe. 21
22 Siden er i 960 grid, for optimal visning, samt en skærmopløsning på 1024*768, hvilket dækker de fleste skærme. I vores designproces og sideudvikling, er programmerne HTML,CSS og CSS3 benyttet, far vores undervisning, og man kan bygge siden helt fra bunden selv. Litteraturliste Internet-adresser Danmarks statistik, DzineBlog, , Taimur Asghar, , Visible, , , Bøger International markedsføring 3 udgave: Finn Rolighed Trojka 22
23 Bilag BILAG 1 Gallups kompas BILAG 2 Digitale Business model 23
24 BILAG 3 Thumbnails 24
25 BILAG 4 Alignment 25
26 BILAG 5 Subsites 26
27 BILAG 6 gant chartt 27
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 mereDokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb
Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse
Læs mereGrafisk 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 mereIndhold. 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 mereProgramvalg Dreamweaver CC, html Photoshop CC 2015
Grafisk design Opgaven Opgaven er fiktiv. Denne hjemmeside skal ses som en lille appetitvækker. Hvad er Troldhede og hvad kan man finde i naturen, der er rundt om byen? Jeg har selv stået for design af
Læs mereELEMENTER 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 mereGRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet
GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt
Læs mereProdukt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Læs mereGRAFISK 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 mereDokumentation. 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 mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs mereIndholdsfortegnelse Opret engelsk version af hjemmesiden... 2
Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk
Læs mereGRAFISK 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 mereDisse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.
Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,
Læs mereGRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.
GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity
Læs mereGRAFISK WORKFLOW - RESPONSIV WEBSIDE
GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med
Læs mereBrugervejledning 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 mereGRAFISK 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 mereGrafisk 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 mereNavn: Skole: Anslag: Emne: Klasse: Dato: URL:
Veronicas Portfolio Navn: Veronica Brun Jensen Skole: Erhvervsakademiet Lillebælt Anslag: 9.665 Emne: Obligatorisk Porfolio Klasse: Web B, 2012, 1 sem. Dato: 3/1-13 URL: http://vero0027.mmd.eal.dk/portfolio/index.html
Læs mereHer 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 mereVan, Olaf, Stine & Nicolette Style and Experience 02-12-2011
Vi mener, at vi imødekommer brugergruppens behov og ønsker, da vi har skabt et nyt og anderledes design. Vores målgruppe stræber konstant efter nytænkning og søger events de kan deltage i med deres venner.
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereSabine 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 mereGRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/
GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.
Læs mereActive Builder - Brugermanual
Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...
Læs mereGrafisk workflow 3. Hovedforløb
Grafisk workflow 3. Hovedforløb 3. Hovedforløb Grafisk workflow Dreamweaver Opgavebeskrivelse Højbakkegaard har brug for en hjemmeside, som kan vise hvad gården har at byde på, deres unikke vine og faciliteter
Læs mereGRAFISK 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 mere1. 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 mereHHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg
Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.
Læs mereGrafisk 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 mereMÅ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 mereGRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM
GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides
Læs mereLav en hjemme side der kan sælge fly billetter til en stor i Europa.
EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal
Læs mereActiveBuilder Brugermanual
ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN
Læs mereEt 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 mereWORKFLOW & 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 mereProduktion og workflow STINE D. LAURSEN
Produktion og workflow STINE D. LAURSEN Website til terapeut Stine D. Laursen Stine er nystatet som terapeut og behøvede en hjemmeside for at markedsføre sig selv til omverdenen. Hjemmesiden skulle ikke
Læs merePortfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig
Portfolio Udvikling af min portfolio Link til portfolio: http://dranigdesign.com/ CPH-MD267@CPHBUSINESS.DK ind på en af undersiderne, kom home finde ud af, hvad mit eksamensprojekt Udvikling af min portfolio
Læs mereGrafisk Design. fra idé til visuelt udtryk Benett
fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup
Læs mereTrin 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 mereFRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine
FRISØR VEST Link til hjemmesiden: Frisorvest.github.io Lavet af: Aleksander, Benjamin, Line & Cathrine Case 3: Aleksander, Benjamin, Line & Cathrine. Beskrivelse af gruppens tidsplan Trello: Vi har benyttet
Læs mereGrafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
Læs merekollegiekokkenet.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 mereRedaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel
Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger
Læs mereportfolio GRAFISK WORKFLOW
Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og
Læs mereProjekt - Valgfrit Tema
Projekt - Valgfrit Tema Søren Witek & Christoffer Thor Paulsen 2012 Projektet Valgfrit Tema var et projekt hvor vi nærmest fik frie tøjler til at arbejde med hvad vi ville. Så vi satte os for at arbejde
Læs mereGrafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Læs mereGRAFISK DESIGN. Kenneth Friis Petersen
GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles
Læs mereStyle & Experience project
Style & Experience project Erhvervsakademiet Lillebælt, MMD, Web B, Gruppe 7. Mette Gry Schmidt, Anders Kristian Jepsen, Thomas Sølvbjerg, Jakob Thage og Admira Sehic Anslag 19.606 URL: http://thom441e.mmd.eal.dk/bazar/bazar1.html
Læs mereGRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE
GRAFISK DESIGN DET DIGITALE PRODUKT - DESIGN AF MIN PRIVATE HJEMMESIDE Det var på tide med en ny hjemmeside til privat brug. Jeg valgte at starte helt fra bunden i stedet for at ændre på noget eksisterende.
Læs mereNår man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende.
Sådan opretter du en LinkedIn profil: - Først starter man med at klikke ind på LinkedIn.com På forsiden ser man en boks til højre på skærmen. Her har man mulighed for at oprette sin profil ved hjælp af
Læs mereProjekt 1 Re-design af Odense Bunkermuseum
Erhversakademiet Lillebælt OEAMM18FDA 1.semester d. 08.03.2018 Projekt 1 Re-design af Odense Bunkermuseum prototype: video i ZIP-fil Gruppe 5 medlemmer: Simon Tagge, Sofie Florczak, Mathias Bøgedal, Anne
Læs mereOPGAVE: WELOVEORGANIC.COM WEBSHOP
OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker
Læs meresweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen
sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen Gruppe: MUL A 10 Email: Michell cph-md267@cphbusiness.dk, Emma cph-eb121@cphbusiness.dk,
Læs mereKALAS 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 mere5 ARBEJDE MED EDITOREN
5 ARBEJDE MED EDITOREN Editor (eller Rich Tekst Editor) er et indbygget indholdsredigerings værktøj, hvor man uden nogen kendskab til HTML kodning kan skrive tekst, indsætte billeder, videoer og links.
Læs merePortfolioudvikling. 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 mereGRAFISK DESIGN. webdesign af pl.dk
Webdesign af pl.dk Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldportal, PL.dk. Hjemmesiden skal indeholde mange informationer, og samtidig
Læs mereGRAFISK DESIGN DOTHOST HJEMMESIDE
DOTHOST HJEMMESIDE Opgavebeskrivelse Gammelt design Nyt design Dothost er et nyopkøbt firma af ATZnet. Jeg blev ansat til at lave et redesign af siden og få det mere nutidigt og troværdigt. Jeg har igennem
Læs mereKom godt i gang med I-bogen
Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen
Læs mereOpgaven. 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 mereMit grafiske workflow inkluderer:
GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt
Læs mereGRAFISK 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 mereIndholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt...
Indholdsfortegnelse Valg af opgave... 2 Introduktion... 2 Problem... 2 Målgruppe... 2 Afsender... 2 Budskab... 2 Kodning... 3 Effekt... 3 Information... 3 Programmering... 3 Design... 4 Brochure... 4 Hjemmeside...
Læs mereDenne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot
Denne rapport har til formål at redegøre for tilblivelsen af hjemmesiden beliggende på domænet, http://www.technofil.dk. Der refereres fra nu af blot til hjemmesiden. Mine indledende tanker bag hjemmesiden
Læs mereGenerel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Læs mereWOODKID. The Golden Age. Banner Projekt - 1 Semester, CPH Business, MUL-A13E. Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm
WOODKID The Golden Age Banner Projekt - 1 Semester, CPH Business, MUL-A13E Casper Birch Buchberg, Natahlie Heiden & Sebastian Nyholm Projektbeskrivelse Vi har designet og animeret tre forskellige bannere
Læs mereWORKFLOW. 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 mereOpgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning
Opgaven Opgaven var fiktiv, og gik ud på at lave en side med titlen Husk Hjelmen - hvilket skulle være en underside, til rådet for sikker trafik. I sidens layout skulle vi vise at der var plads til at
Læs mereHjemmeside design til Everyday Health
Graf isk Design Hjemmeside design til Everyday Health Graf isk Design/Dokumentation Opgave Ejen af Everyday Health klinikken i København, kunne godt tænke sig at hendes nuværende hjemmeside blevet lavet
Læs mereGRAFISK WORKFLOW. 1 Grafisk workflow
GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet
Læs mereEn praktisk håndbog om tips til anvendelsen af. som effektivt redskab
En praktisk håndbog om tips til anvendelsen af som effektivt redskab SOCIALE MEDIER 2015 3.300.000 DANSKE BRUGERE PÅ FACEBOOK - svarende til 68% af den danske befolkning i aldersgruppen 13 år eller ældre.
Læs mereJEG 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 mereVejledning. Indhold. Side 1
Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade
Læs mereProduktbeskrivelse - Grafisk workflow
Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.
Læs mereBootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN
2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan
Læs mereI denne manual kan du finde en hurtig introduktion til hvordan du:
VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter
Læs meregrafisk workflow OPGAVE: EMBRACE-IT WEBSITE
grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres
Læs mereGRAFISK WORKFLOW REDESIGN AF HJEMMESIDE
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)
Læs mereGRAFISK WORKFLOW Hjemmesidedesign
GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline
Læs merePortfolio 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 mereOpgavebeskrivelse. Opgaveløsningen
Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet
Læs mereUndervisningsmateriale - Rapport
Kom/IT Undervisningsmateriale - Rapport Klasse 1.7 Mathias Saxe H. Jensen 10-05-2011 Side 1 af 10 Indhold Forside... 1 Indledning... 3 Problemstilling... 3 Målgruppe... 3 Problemformulering... 4 Kommunikationsplan...
Læs mereCecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010
ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.
Læs mereNaja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse
Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen
Læs mereHESTBJERG WEB GRAFISK WORKFLOW
HESTBJERG WEB GRAFISK WORKFLOW OPGAVE BESKRIVELSE Dette er en hjemmeside jeg har udviklet til Hestbjerg Økologi. Siden skal bruges til at sprede deres budskab. Opgaven Hestbjerg økologi søgte en hjemmeside
Læs mereRoskilde Tekniske Gymnasium. Afsluttende opgave Ældre og handicappede Frederik & Peter
Roskilde Tekniske Gymnasium Afsluttende opgave Ældre og handicappede Frederik & Peter Indhold Indledning... 2 Problemformulering... 2 Ressource planlægning... 2 Kommunikationsplanlægning... 3 Case... 3
Læs mereUdover denne simple tidsplan har jeg også lavet et GANTT-kort for at vise den reelle tid jeg har brugt på hver opgave.
Portfolioudvikling Planlægning Da jeg startede på projektet lavede jeg en tidsplan, til at starte med gav jeg de forskellige opgaver lidt ekstra tid eftersom jeg synes man altid formår at bruge lidt mere
Læs mereOutlook 2010 opsætning
Outlook 2010 opsætning Personlig Workflow Nå mere og arbejd mindre Personlig Workflow www.personligworkflow.com kontakt@personligworkflow.com Introduktion til Outlook 2010 guide Microsoft Outlook 2010
Læs merePROJEKTET 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 mereOpstart. I gang med Dreamweaver. Læs mere om...
Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,
Læs mereVejledning 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