Daniella Munck, Julie Hansen & Natalie Kraunsøe Frandsen.

Størrelse: px
Starte visningen fra side:

Download "Daniella Munck, Julie Hansen & Natalie Kraunsøe Frandsen."

Transkript

1 Daniella Munck, Julie Hansen & Natalie Kraunsøe Frandsen 1

2 Indholdsfortegnelse Modul 1 - Content Driven Webdesign start-up... s. 4 Modul 2 - Design Research..... s.7 Modul 3/4 - Motion Graphics/Content First..... s.10 Modul 4/3 - WordPress themes s.13 Modul 5 - Avanceret Web Design.... s.16 Modul 6 - Projekt iteration s. 19 Modul 7 - Socialt Web Design Research.. s. 22 Modul 8 - User Contributions..... s.25 Modul 9 - SoMe Bootcamp......s.28 Modul 10 - APIer og avanceret WP... s.31 2

3 Content Driven Web Design Startup Første uge startede med intro til forløbet og vores case. Vi valgte at arbejde med Refarmed og deres Black to Green case. Vores første udkast til konceptet blev afleveret denne uge samt link til første udkast af vores website. På daværende tidspunkt, så vores løsning sådan her ud: Dette link valgte vi ikke at gå videre med i sidste ende, så det ser stadig ud, som da vi startede. 3

4 Koncept Forma l: Vi har valgt at fokusere på driftsperioden. Vores koncept går ud på at skabe undervisningsmateriale til børn i folkeskolen og samtidig generere et forum med events til undervisere. Idé/kommunikationsløsning: Vi vil lave en hjemmeside henvendt til børn og undervisere. Her skal der være forskellige quizzer som børnene kan tage før og efter besøget hos Black to Green. Der skal derudover være forskellige animationer og videoer, som ba de skal være underholdende og lærerige. Derudover skal der ogsa være en dynamisk side, hvor lærerne kan dele oplysninger og erfaringer med hinanden og samtidig booke en skoleudflugt til Black to Green. Ma lgruppe: Vores ma lgruppe er børn i indskolingen. 4

5 Vi har arbejdet med konceptet på flere forskellige måder gennem hele forløbet. Vi har testet og interviewet for at finde ud af, hvad folk mener om urban farming og deres kendskab til Refarmed og Black to Greens kommende tagterrasse. Kristian Jacobsen Nadia Sørensen Ejer af Østergro Besøgende på Østergro Jeg har faktisk godt hørt om projektet, men troede ikke, at det blev til noget. Det lyder som en god ide, med en have på toppen af Field s. Hvis de skulle fange min opmærksomhed, skulle de lave et åbningsevent og fortsættende arrangementer, der fik mig til at komme igen. Denne uge har skabt hele fundamentet for vores projekt og webløsning. Vi har fundet ud af en masse om målgruppen, og vi er blevet opmærksomme på, at selv folk indenfor faget ikke har været klar over projektet og dets opførelse. 5

6 Design Research I dette modul skulle brugerne involveres i designprocessen, mediestrategi og indholdsstrategi. Informationsarkitektur og design skulle gennemtænkes samt en præcisering af vores målgruppe ved hjælp af udarbejdning af forskellige personaer. Vi blev også præsenteret for interessentanalyse og stakeholders map. Interview: Anabela Munck Vi interviewede skolelæreren Anabela Munck for at få noget viden om vores målgruppe. Ud fra interviewet kan vi udlede disse indsigter: - Undervisningen bliver mere spændende for børnene ved brug af f.eks. film, powerpoints og udflugter. - Vores bedste målgruppe for sådan et koncept vil være indskolingen, da de har bedre tid til at tage på udflugter. Der skal være nogle aktiviteter, som kan fange børnenes opmærksomhed, så udflugten ikke er spild af tid. - Persona: Helle Friis Alder: 56 a r, Job: Skolelærer pa Ørestad skole. Underviser i: Engelsk, Historie, Biologi, Natur/Teknik, Geografi og Idræt. Bopæl: Ta rnby på Amager. Civilstatus: Gift med Søren og har en datter pa 28 a r. Fritid: Hun har grønne fingre og elsker at rode i sin have. Hun elsker at ga lange ture med sin hund Pluto, og nyder en god kop kaffe ude pa terrassen. Helle ga r op i naturen og bæredygtighed. Der er ikke altid råd til at købe økologiske varer, så hun går efter det sunde, men billige alternativ. 6

7 Customer journey: Vi var ude at undersøge brugerscenarier og har samtidig lavet et customer journey map for at undersøge, hvordan vi kunne ramme vores målgruppe bedst muligt. Læren Helle bliver gjort opmærksom på Black to Greens skoleprojekt i regionalprogrammet Lorry. Samtidig bliver hun også gjort opmærksom på det i lokalavisen. Helle ga r ind pa Black to Greens website og læser om events, skoleudflugter og de andre læreres kommentarer og ra d. Hun booker et besøg til sin egen klasse, hvorefter de kommer ud og får undervisning. Hun bruger efterfølgende materialerne fra hjemmesiden som opfølgning på undervisningen. Farver på hjemmesiden: Fonte: Overskrifter på hjemmesiden: Lato Bold Overskrifter på indskolings siden: Lukiest Guy Brødtekst: Roboto Regular Tekster til tegneserier og banner til events: 7

8 Wireframes: I denne uge fik vi også lavet Wireframes og sitemap for nemmere at kunne planlægge vores websites opbygning, så vi havde en retningslinje, vi kunne følge, når vi skulle opbygge websitet. Her ses vores wireframes for nyhedssiden og forumsiden for lærerne. Til højre ses resultatet af den færdige løsning på vores website. 8

9 Motion Graphic Denne uge handlede om Motion Graphics og videoredigeringsprogrammet After Effects. Vi skulle arbejde med datavisualisering, idéudvikling og animationsprincipper. Ugens opgave lød på at lave en anamatic i After Effects, hvor vi skulle udarbejde en historie, lave moodboard, storyboard og style frames. Link til animatic: Vi har lavet et storyboard over handlingen på vores animatic. Det har hjulpet med at give os et overblik over produceringen. 9

10 Moodboard: Eftersom vores koncept er fokuseret på indhold til børn i indskolingen, har vi valgt at gå efter Cartoon-stilen, som man kan se på vores moodboard nedenfor. Style frame: Dette er vores style frame for animatic en, som skal give et billede af stilen og det færdige udtryk. 10

11 Tegneserie: Vores animatic blev ikke færdiglavet, men vi udviklede i stedet denne tegneserie til venstre, der har det visuelle udtryk, som den endelige video skulle være endt med. Desuden betød denne uge en stor del i forhold til vores endelige løsning. Den gav grobund for hele vores tegnestil og udviklingen af indholdet på indskolingssiden. Derudover blev vores karakter Freddy Frø vækket til live, og han er en stor del af næsten alt, der har med indskolingen at gøre. Tegnestil: Først og fremmest har vi brugt Cartoon-stilen, som er anvendt på hele vores indskolingsside (her det endelige design af Freddy Frø), og derudover Flatdesign til vores sociale medier i form af fredags facts. 11

12 WordPress themes 101 I denne uge skulle vi udarbejde den første udgave af vores website, hvor sidernes struktur skulle være på plads og alle sider skulle indgå i navigationen. Vores website skulle udvikles gennem CMS-systemet WordPress og styles med en kode editor, hvor vi også gjorde brug af Bootstraps gridsystem og PHP. Vores proces: Vi startede ud med at oprette en wordpress side og installerede temaet HTML5 blank. Vi installerede også diverse plugins og fik på den måde noget indhold på vores website. Vi fik stylet indholdet i vores kode editor blandt andet ved brug af Bootstrap systemet. Vi havde dog nogle problemer i denne uge med at forstå, hvordan vi skulle drage fordel af at bruge både WordPress og vores kode editor. På daværende tidspunkt endte vi ud med at kode vores navigationsmenu i editoren ved hjælp af en default Bootstrap menu samt en default Bootstrap footer. Vores indhold på siden satte vi ind via WordPress. Til denne modulopgave afleverede vi et link, som dog ikke er det domæne vi er endt ud med at bruge: 12

13 Sitemap for vores website: Wireframe for vores forside: Vi har linket til Bootstrap i vores header ved at kopiere disse kodestumper fra: tarted/ 13

14 Screenshot af vores forside på daværende tidspunkt: Refleksion: Denne uge var som tidligere nævnt meget frustrerende for os, og vi kom en del bagud fordi, vi ikke forstod at kombinere WordPress og kode editoren med hinanden. Det har dog også været en lærerig uge for os i den forstand, at vi har lært det på den hårde måde ved bare at blive ved med at prøve. 14

15 Avanceret webdesign Navigationsmenuens kode: I dette modul er vi blevet introduceret til avanceret Design-in-browser metode, hvor HTML, CSS, JavaScript og WordPress er blevet kombineret. Vi har arbejdet videre med vores løsning og arbejdet hen imod et website uden tomme sider. Hele websitet skulle have struktur og et sammenhængende layout. Vi brugte denne uge på at gøre brug af templates til at style vores sider i WordPress. Vi fik lavet en navigationsmenu som var linket til vores WordPress i stedet for en default Bootstrap menu. Billedet til højre viser, hvordan vi har kodet den op. Den nye menu kunne ændres via WordPress, hvor vi før havde gjort brug af en Bootstrap menu, som ikke kunne redigeres via WordPress. Vi fik noget mere indhold ind på vores sider og gjorde fortsat brug af diverse plugins -blandt andet Google Map til at vise et kort på vores kontaktside og Youtube til at implementere vores Youtube animatic video på forsiden. 15

16 Kodestumper Vi har sat vores Youtube video ind via Pluginet Youtube Embed Wp DevArt i WordPress på denne måde: Vi har indsat vores google map via pluginet Huge IT Google Map i WordPress på denne måde: Vi har indsat vores slider på vores Black to Green side via plugin et Slider Huge-IT i WordPress på denne måde: 16

17 Refleksion: Vi fik i denne uge langt mere styr på teorien bag brugen af templates samt fordelene ved at bruge WordPress sammen med en kode editor. Vi fik styr på vores navigationsmenu og sidens indhold, og layout begyndte for alvor at tage form. Til denne modulopgave afleverede vi igen dette link, som dog ikke er det endelige domæne: 17

18 Projekt Iteration Screenshot af vores landingpage: I denne uge skulle vi aflevere en færdig første version af vores website. Websitet skulle outputte indhold gennem WordPress og på den måde gøre det let tilgængeligt for brugerne selv at tilføje indhold. Vi valgte at implementere en SEO/landingpage til vores website. Landingpagen skulle være målrettet skolelærere og give dem lyst til at tilmelde deres skoleklasser et besøg hos Black to Green. Vi valgte at bruge disse nøgleord på vores landingpage: Undervisning, skoleudflugt, bæredygtighed, grøn energi og Field s. Link til landingpage: 18

19 Teknisk dokumentation for landingpage: Vi har kodet vores landingpage op i Brackets og har gjort brug af denne Bootstrap template: Vi indsatte HTML og CSS koden fra Bootstrap-templaten i vores egen template kaldet Skoleudflugt.php. Vi tilføjede derefter denne template til vores WordPress-side af samme navn. Dermed har vi sat alt indhold ind i koden i Brackets frem for i WordPress.Vi har i denne opgave derfor ikke gjort brug af WordPress. Vi har sat vores billeder ind på denne måde og så stylet dem via vores CSS. Vi har derefter stylet vores tekst og billeder i CSS-dokumentet kaldet Style.css. Vi brugte derudover JavaScript til at få teksten på vores knapper til at skifte. 19

20 Personality map: BERTtest: På vores personality map er vi placeret mellem informerende og stilrent. Tænke-højt-test: Vi udførte tre tænke-højt-tests og ud fra dem, kan vi udlede disse indsigter: Siden mangler en tydelig afsender samt modtager. Siden er for mørk i farven og det giver den et dystert udtryk. Vores knapper med skiftende tekst er forvirrende. Ud fra denne BERT-test kan vi konkludere at vores landingpage i høj grad er stilren, men på kanten til kedelig. Samtidig finder flere af vores respondenter siden uinspirerende og uinteressant. Siden har dog et professionelt og enkelt udtryk. Svarene fra tænke-højt-testen og BERT-testen gav os stof til eftertanke og vi har efterfølgende tilpasset vores landingpage. 20

21 Socialt webdesign Brugerroller: I første omgang ville vi have to forskellige brugerroller: subscriber og author. I dette modul har der været fokus på udvidelse af vores website. Det skulle gøres til en webprofil med involvering fra brugerne. Hertil skulle vi planlægge et brugerrollesystem og finde ud af, hvem, der skulle kunne bidrage til vores website og hvordan det skulle fungere. Derudover skulle brugerne involveres gennem event marketing, og vi skulle finde på et event, der passede til vores koncept og målgruppe. Samtidig skulle vi også tage stilling til sociale medier og anvending af disse. Vi fandt dog ud af, at det ville ødelægge en del af vores koncept, hvis lærerne ikke ville kunne skrive og udgive deres anmeldelse med det samme. Derfor endte vi med, at alle der opretter en bruger automatisk bliver author, men at vi skal godkende opslaget først. 21

22 Event: Da vores koncept bygger på undervisning, og vores fokus er på lærere og indskolingselever, har vi lavet et påskeevent. På forsiden outputter vi fire nyheder fra vores nyhedsside, hvor vi blandt andet reklamerer for vores påskeevent. Eksempel på event: Når man trykker på linket åbner eventet derefter op i en ny fane, hvor man kan læse alle informationer uden at blive dirigeret væk fra hjemmesiden. 22

23 Mock ups: Vi lavede en masse mock ups for at visualisere, hvordan vi ville have at brugerrollerne skulle fungere. Eksempel på forum-side for lærere: Vi har lavet disse mock ups ud fra egen mening og inspiration fra andre sider, men ikke vidst eller taget højde for, om det var muligt at implementere. Eksempel på oprettelse af ny bruger: Refleksion: Vores mock ups har dog stadig betydet for vores projekt, at vi har haft et meget større overblik i forhold til implementering af elementerne på vores website fordi, vi har haft et billede af og en ide om, hvordan det skulle ende med at se ud. 23

24 User contributions I dette modul har vi fokuseret på teknikken bag vores brugerroller og webprofil. Vi skulle ved hjælp af forskellige formularer og plugins så vidt muligt få vores mock ups til at virke, og dermed skabe grundlaget for at brugere kunne bidrage med indhold på vores site. Brugerprofilerne skulle ligeledes implementeres, og der skulle overvejes et flow for publicering af brugergenereret indhold. Log ind: Vi har anvendt plugin et theme-my-login til at fa vores webprofil op at køre. Her har vi valgt at implementere login siderne i vores originale menu, for at fa det til at passe med vores design. Dermed er det også tilgængeligt for brugerne på alle sider. Vi oprettede et nyt menupunkt med to forskellige menuer; Et der vises når man er logget ind med undersiderne Min profil, Log ud og Nulstil kodeord samt en en menu, der vises når man kommer som gæst med undersiderne Log ind, Registrer og Glemt kodeord. Formular på forum-siden: 24

25 Screenshots fra page-forum.php: Dette screenshot er fra page-forum.php og viser, hvordan formlen på siden er kodet op. På vores site har vi en page-forum.php, der skal fungere som vores brugerbidragsside, hvor lærerne skal kunne gå ind og anmelde deres besøg hos Black to Green. Her skriver de en kommentar, som derefter bliver postet og vist på samme side med det samme. Det sker ved hjælp af denne kode. 25

26 Implementeringen af dette pluginet theme-my-login har været altafgørende for vores koncept og projekt. Vores ide har fra start været, at lærere skulle kunne dele oplevelser fra besøget med hinanden. Hvis vi ikke havde kunne implementere dette i vores løsning, havde der været et stort hul i vores koncept. Her ses et eksempel af det færdige resultat af brugerbidrag på vores side: Menuer: Den ovenstående kodestump tilkalder de forskellige menuer, og hvad der skal ske med dem. Som man ser i toppen står der, at hvis brugeren er logget ind, bliver det vist som logget ind og hvis man er logget ud, vises den som logget ud. Det vil sige, at den tilkalder to forskellige menuer alt efter om man er logget ind eller ud. 26

27 SoMe Bootcamp Vi har brugt Facebook og Instagram som vores to Sociale Medie-platforme: Dette modul har omhandlet sociale medier. Der er blevet arbejdet med strategier, publiceringsplan for indhold og selvfølgelig udviklet en masse indhold, som er blevet overvåget og effektmålt. Endvidere er der blevet undervist i opbygning af nyheder og posts samt kortlægning af influenter. Vi har implementeret de to sociale medie-ikoner i vores footer, som er outputtet på alle vores sider: 27

28 Nyhedstrekanten: Vi har arbejdet med nyhedstrekanten i forhold til opbygningen af nyhederne på vores nyhedsside til lærerne. Auto-publish: Vi har desuden benyttet et WordPress plugin, som hedder Facebook auto publish, som er knyttet til vores Facebookside. Hermed bliver vores nyheder slået direkte op på Facebook, så vi er fri for at lave samme oplæg på alle platforme og samtidig får mere trafik på vores website. 28

29 Publiceringsplan: Vi har her givet et bud på, hvordan en publiceringsplan over fire uger kunne se ud. Der er taget højde for indhold til både børn og voksne. F.eks. fun facts, memes og flotte tegninger til børn, hvor nyheder og generelle informationer er mere henvendt til voksne. Refleksion: Tilføjelsen af sociale medier til vores løsning har givet en større sammenhæng mellem vores platforme og i vores koncept. Det kunne have været spændende at dykke endnu mere ned i emnet og se, hvordan det kunne have udviklet sig over længere tid. Vi er dog blevet bevidste om, hvor meget det betyder, at få fortalt sit budskab på flere forskellige platforme for at nå flest mulige modtagere. 29

30 API er og avanceret WordPress Dette modul har været fokuseret på Integration mellem de sociale medier og vores egen webløsning gennem API er og plugins. Der er også blevet arbejdet med optimering af websitet samt sikkerhed i webproduktioner. Screenshot af indskolingssiden: Optimerende plugins Vores indskolingsside er proppet med animationer og illustrationer, og derfor har vi brugt nogle forskellige plugins til at optimere siden. Indhold bliver cachet ved hjælp af WP-total cache plugin Derudover bruger vi plugin et BJ lazy load, som loader indholdet i takt med at man scroller på siden, hvilket er helt oplagt på denne side, hvor der er så meget content. 30

31 Facebook-login: For at gøre login, oprettelse af bruger og selve brugeroplevelsen nemmere, har vi brugt et plugin der hedder WordPress social login, som gør det muligt at oprette en bruger på websitet via ens private Facebookprofil. Like og kommenter: Som det ovenstående billede viser har vi brugt plugin et WP like button og Facebook comments plugin som gør det muligt at like og kommentere indhold via ens Facebook Profil. 31

32 Instagram-feed: Vi har implementeret et Instagram Feed via plugin et Instagram feed. Her kan folk uden Instagram følge med i vores Sociale Medier og dem, der ikke følger os endnu, kan gøre det ved hjælp af knappen nederst på siden. Refleksion: Denne uge har været med til at sætte prikken over i et for hele vores løsning. Der er blevet kigget på detaljer og det er gjort brugervenligt og professionelt ved hjælp af de mange social media plugins. Vi fik installeret nogle få sikkerheds plugins, men kunne måske godt have brugt mere tid på at sætte os ind i dem og forstå deres funktion i forhold til vores løsning. 32

Content Driven Web Design - Et tværfagligt forløb med fokus på UX, UI og Development

Content Driven Web Design - Et tværfagligt forløb med fokus på UX, UI og Development Content Driven Web Design - Et tværfagligt forløb med fokus på UX, UI og Development 22.08.2016-11.11-2016 Fra webmaster til UX, UI og Development Webdesign- og udvikling er en tværfaglig disciplin, og

Læs mere

3) Først og fremmest kan du vælge hvilket tema din side skal have.

3) Først og fremmest kan du vælge hvilket tema din side skal have. Wordpress er et open source software du kan bruge til at oprette blogs og hjemmesider i. Du har mulighed for at vælge forskellig temaer og designe din side som du har lyst. Blogs og hjemmesider kan blandt

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

FRISØ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 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 mere

Dokumentation. Udbyder : sms1919.dk Service : sms-grupper Applikationer Facebook. : Facebook Integration med sms-grupper.

Dokumentation. Udbyder : sms1919.dk Service : sms-grupper Applikationer Facebook. : Facebook Integration med sms-grupper. Dokumentation Udbyder : sms1919.dk Service : sms-grupper Applikationer Facebook Moduler Påkrævet : Facebook Integration med sms-grupper Version : v1.00 Indholdsfortegnelse Versionshistorik... 3 Målet med

Læs mere

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

Grafisk Workflow HOVEDFORLØB 02/ ELISABETH GÅRDBO NIELSEN

Grafisk Workflow HOVEDFORLØB 02/ ELISABETH GÅRDBO NIELSEN Grafisk Workflow HOVEDFORLØB 02/ ELISABETH GÅRDBO NIELSEN Aslakgottlieb.dk OPGAVE Udarbejdelse og design af wordpress-website for Aslak Gottlieb. Aslak ville have en side der var let at overskue, og som

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

NY IDENTITET TIL SCHWARZ

NY IDENTITET TIL SCHWARZ GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker

Læs mere

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.

Læs mere

Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen

Guide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt

Læs mere

HESTBJERG WEB GRAFISK WORKFLOW

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

Inspiration, tips og tricks

Inspiration, tips og tricks Køb et helt bibliotek om WordPress ebogen om WordPress 3 er mere omfattende end nogen anden dansk vejledning om WordPress. Køber du ebogen, får du fri adgang til alle kommende versioner. Du køber altså

Læs mere

GRAFISK DESIGN. webdesign af pl.dk

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

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

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

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

Læs mere

Se hjemmesiden på:

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

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet GRAFISK DESIGN Diner no. 34 Hjemmeside + Visuel identitet Diner no. 34 9 Opgavebeskrivelse Fiktive opgave. Redesign af visuel identitet og design af ny hjemmeside. Materialet skal skabe et genkendeligt

Læs mere

GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE

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

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

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

GRAFISK DESIGN. Webdesign til fodboldportal

GRAFISK DESIGN. Webdesign til fodboldportal Webdesign til fodboldportal REDEGØRELSE Opgavebeskrivelse Bold.dk og 6 eren har slået sig sammen for at skabe Danmarks største Premier League fodboldporta, pl.dk. Hjemmesiden skal indeholde rigtig mange

Læs mere

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

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

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag 2 Case: Galleri Christoffer Egelund September 2012 Scan QR-koden for at hente app en Galleriet på mobilen udvider rammerne

Læs mere

Miniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk

Miniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk Miniguide for redaktører Miniguide for redaktører Leveret af DFF-EDB.dk 1 INDHOLD Hjemmesider i Umbraco... 2 1. Kom i gang med Umbraco... 2 1.1 Login... 2 1.2. Når du arbejder på siden, inden den er udgivet...

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

# Redesign af copenhagenskatepark.dk

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

Læs mere

WORKFLOW & PRODUKTION

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

Læs mere

Afsluttende Projekt - Kom/IT

Afsluttende Projekt - Kom/IT 1 Afsluttende Projekt - Kom/IT Rasmus H. Plaep 1 Billedkilde: http://blog.snelling.com/files/2015/01/business-107.jpg Indhold... 0 Indledning... 2 Problemafgrænsning... 2 Problemformulering... 2 Teori...

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

Nyt system til lokalhjemmesider i Enhedslisten

Nyt system til lokalhjemmesider i Enhedslisten Nyt system til lokalhjemmesider i Enhedslisten FRA NU AF HAR AFDELINGER MULIGHED FOR AT SKIFTE LOKALHJEMMESIDE TIL ET NYT OG MERE TIDSSVARENDE SYSTEM. DET EKSISTERENDE SYSTEM FORTSÆTTER TIL STARTEN AF

Læs mere

Grafisk produktion & workflow

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

Læs mere

Redsign af SF-Film. Link til orginale side: sf-film.dk. Link til vores redesign:

Redsign af SF-Film. Link til orginale side: sf-film.dk. Link til vores redesign: Redsign af SF-Film Link til orginale side: sf-film.dk Link til vores redesign: http://tanalie.dk/sffilm/kontakt.html Hold A Daniella de Lopes, Natalie Frandsen og Sara Klausen Kort beskrivelse af projektet:

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,

Læs mere

Ritzau Livewire user guide

Ritzau Livewire user guide Ritzau Livewire user guide Events-menu Events-menuen ser således ud, når man er logget ind med sit medies specifikke login. Menuens forside viser en liste med alle de oprettede events. (Lange fortløbende

Læs mere

Grafisk produktionsforståelse

Grafisk produktionsforståelse 04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere

Læs mere

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag

Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag Galleriet på mobilen Formidling af udstillinger, kunstværker og kunstnerne bag 2 Case: Galleri Christoffer Egelund September 2012 Scan QR-koden for at hente app en Galleriet på mobilen udvider rammerne

Læs mere

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen

PPHansen.dk. Introduktion til websiden. En fag præsentationsside af Palle Preben Hansen Introduktion til websiden PPHansen.dk En fag præsentationsside af Palle Preben Hansen Eksamensopgave i Webdesign og Grafiske værktøjer, 5. semester SIV. Indholdsfortegnelse Indledning... 2 Udviklingsprocessen...

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

GRAFISK DESIGN G H1 H2 H3 HOVEDFORLØB 1 AARHUS TECH 2013 H1 SIDE 1 / 11

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

Læs mere

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

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

Indholdsfortegnelse Idéen bag logo Idéen bag website Farveversioner af logo Webdesign Videoen: Visuelle tanker Stil Speciel effects Motion Design

Indholdsfortegnelse Idéen bag logo Idéen bag website Farveversioner af logo Webdesign Videoen: Visuelle tanker Stil Speciel effects Motion Design 1 Indholdsfortegnelse Idéen bag logo 3 Idéen bag website 4 Farveversioner af logo 5 Webdesign 6 Videoen: 7 Visuelle tanker 7 Stil 7 Speciel effects 8 3D 8 Motion Design 9-10 2 Introduktion Hoved idéen

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

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

Læs mere

Projekt - Valgfrit Tema

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

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

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

Læs mere

GRAFISK WORKFLOW. Proces. Kodning. Fonts:

GRAFISK WORKFLOW. Proces. Kodning. Fonts: P f t r o o i l o 1 H GRAFISK WORKFLOW»Vi skal bruge en hjemmeside, så vi kan få fat i patienterne til vores botilbud. Ellers risikerer vi at de vælger noget andet. Der skal laves logo, samt lærringsvideoer«proces

Læs mere

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk

1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,

Læs mere

afsender Aarhus Folk Festival

afsender Aarhus Folk Festival GRAFISK DESIGN Hjemmeside Redegørelse Hvad går opgaven ud på? Design af hjemmeside i wordpress fra start til slut til mindre festival i Aarhus område. En stor udfordring var at lave programmeringen så

Læs mere

Active Builder - Brugermanual

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

Vejledning. Indhold. Side 1

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

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m.

Tillæg til Libris-hæftet: WordPress. Temaredigering og sikkerhed m.m. Tillæg til Libris-hæftet: WordPress Temaredigering og sikkerhed m.m. 1. Temaopbygning og -redigering I det trykte hæfte gennemgår jeg, hvordan du installerer temaer i WordPress. Der findes tusindvis af

Læs mere

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg

HHBR. Design. Kvalitets vurdering. Opgaven. Målgruppe og Budskab. De Grafiske valg Opgaven Der skal designes en hjemmeside til en pensioneret revisor, som ønsker at starte en fritids beskæftigelse op, som privat revisor. Han Ønsker en hjemmeside der skal kort fortælle om hans forretning.

Læs mere

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

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

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

Læs mere

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010

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

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating GRAFISK WORKFLOW Hjemmeside design til Chem-Tec Plating REDEGØRELSE Hvad går opgaven ud på Virksomheden Chem-Tec Plating, som specialisere sig i metallisk overfladebehandling, havde været igennem et generationsskiftet

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

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Projekt 1 Re-design af Odense Bunkermuseum

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

Strategirapport for Bloggen alletidersslankekur.dk

Strategirapport for Bloggen alletidersslankekur.dk Kan du heller ikke finde rundt i alle de slankekure, du bliver bombaderet med i ugeblade, aviser og tv så se med på min blog, hvor jeg foreløbig har samlet 23 slankekure her kan du finde lige den, der

Læs mere

Hvad skal vi have ud af dagen: Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS.

Hvad skal vi have ud af dagen: Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS. Logbog 28/10-14 Første møde. Desk Research omkring Spicy Køkken, evt. muligheder for Spicy Køkken, til vores SWOT/TOWS. Vi fandt en masse artikler, vi kunne bruge, og begyndte på at arbejde på vores SWOT/TOWS

Læs mere

Vi har opdateret nogen settings, så tjek lige din egen brugerprofil og tjek om du har billede og titel.

Vi har opdateret nogen settings, så tjek lige din egen brugerprofil og tjek om du har billede og titel. OPSAMLING JUNI Bruger https://videnscenterportalen.dk/opret-bruger Indtil nu har brugerne været oprettet af os, men nu har vi slået brugeroprettelsen til, så brugerne kan oprette sig selv. Det generer

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

Alternativ markedsføring

Alternativ markedsføring Alternativ markedsføring Kom/IT Projekt HTX Roskilde Joachim K. Bodholdt 05-05-2009 Indholdsfortegnelse Alternativ markedsføring online.... 3 Projekt beskrivelse:... 3 Case: Projekt 'Mørk & Juhl'... 4

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

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

Grafisk Design. fra idé til visuelt udtryk Benett

Grafisk Design. fra idé til visuelt udtryk Benett fra idé til visuelt udtryk Benett Indholdsfortegnelse Brief...5 Idé og skitsering....6 Værktøjer....6 Farvevalg....7 Flowchart eksisterende site...7 Design i Photoshop....9 Ikoner i Illustrator...11 Setup

Læs mere

Medvind en vejrapp for cyklister

Medvind en vejrapp for cyklister Medvind en vejrapp for cyklister Jeg har valgt at lave en vejrapp, der primært er til cyklister, som gerne vil vide om de får modvind eller medvind på deres tur. Den mere præcise målgruppe er tiltænkt

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

Giv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt.

Giv tid Alle former for volontør arbejde penge indsamling, rejser mm. Søg Søg felt. Above the fold analyser For at evaluere placering af de vigtigste links og elementer på forsiden, har jeg analyseret 18 tilfældige hjælpeorganisationers hjemmesider inklusiv Red Barnet Danmark. Jeg analyserede

Læs mere

Professionshøjskolen Metropol, NCE. Blog om læreproces. Med WordPress.com

Professionshøjskolen Metropol, NCE. Blog om læreproces. Med WordPress.com Professionshøjskolen Metropol, NCE Blog om læreproces Med WordPress.com For særligt tilrettelagt diplommodul / v. lektor Hanne Søgaard 23-01-2017 Indhold Blog om læreproces... 2 Hvad er en blog... 2 Din

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

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

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

Læs mere

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets. Dagens program Har alle fået? Har nogen betalt for meget? Hav jeres koder klar Domæner change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog Hvad er widgets Hvad er

Læs mere

UMS Velkomst Byder nye brugere velkommen til skolen

UMS Velkomst Byder nye brugere velkommen til skolen Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består

Læs mere

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

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

Læs mere

Social medie strategi

Social medie strategi Social medie strategi Jeg har taget udgangspunkt i at promovere min blog inde på min hjemmeside og skal derfor finde ud af hvilke sociale medier jeg vil befinde mig på, for at reklamere min blog bedst

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

FACEBOOK. For at finde disse indstillinger, skal du gå til Indstillinger på Facebook og derefteer til underkategorien Apps.

FACEBOOK. For at finde disse indstillinger, skal du gå til Indstillinger på Facebook og derefteer til underkategorien Apps. Facebook indsamler information om dig blandt andet gennem din Facebookprofil. Hvem kan se dine oplysninger, og hvordan beskytteer du selv dine data? I forbindelse med den nylige skandale omkring Facebooks

Læs mere

JAN MØLLER JD DESIGN CMK

JAN MØLLER JD DESIGN CMK JAN MØLLER JD DESIGN CMK INDHOLDSFORTEGNELSE Sitemap:... 3 Valg af farver:... 3 Skitser:... 4 Forside:... 4 Produkter:... 5 Kontakt/Bestil:... 6 Galleri:... 7 Info:... 8 Målgruppe:... 9 Persona:... 9 Produkter:...

Læs mere

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

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

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

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

Læs mere

Undervisningsmateriale - Rapport

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

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

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

Læs mere

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

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT

Afsluttende opgave. Navn: Lykke Laura Hansen. Klasse: 1.2. Skole: Roskilde Tekniske Gymnasium. Fag: Kommunikation/IT Afsluttende opgave Navn: Lykke Laura Hansen Klasse: 1.2 Skole: Roskilde Tekniske Gymnasium Fag: Kommunikation/IT Opgave: Nr. 2: Undervisningsmateriale Afleveres: den 30. april 2010 Indholdsfortegnelse

Læs mere

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

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

Læs mere

Når begivenheden går online

Når begivenheden går online Når begivenheden går online Agenda Formål og set-up Facebook cases Brugerdrevne blogs og twitter Målemuligheder Next step Bilag blandet info Formål Opbygning af ambassadørnetværk Øget produktion af indhold

Læs mere

GOOGLE DOCS. Eksempel på instruktion til studerende der skal give feedback til medstuderende:

GOOGLE DOCS. Eksempel på instruktion til studerende der skal give feedback til medstuderende: Peer-feedback og samarbejde GOOGLE DOCS GUIDE TIL GOOGLE DOCS 1 Google Docs kan fungere som et interaktionsredskab, eftersom de studerende har mulighed for at skrive i det samme dokument, herunder skrive

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

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb

Bettina Andersen M ED I E G RA F I K ER. 2. Hovedforløb Bettina Andersen M ED I E G RA F I K ER 2. Hovedforløb Indholdsfortegnelse Grafisk design...3 Proces... 4 Inspirationssøgning... 4 Skitsering... 5 Rentegning.... 6 Typografi & Ombrydning..........................................

Læs mere