Op gaven ı 2. O pgave n. a fsend er

Størrelse: px
Starte visningen fra side:

Download "Op gaven ı 2. O pgave n. a fsend er"

Transkript

1

2 O pgave n Opgaven gik ud på at designe logo og lave et redigerbart, responsivt website som skulle være en slags udvidet visitkort til Henrik Libak, ejer af Libak Retail, som er et nyoprettet konsulentfirma. M i t b i drag t il op gav e n a fsend er Jeg designede logoet lavede layout af websitet, lavede billedbehandling af fotos og tegnede grafikker til sitet. Jeg stylede, opsatte sitet i wordpress admin hvor jeg kodede direkte i php en via en browser. Jeg testede websitet på forskellige platforme: smartphone, tablet, bærbar og stationær desktop. Jeg testede sitet i forskellige browsere: Chrome, Safari, Opera Firefox og Explorer 11, hvor det fungerede rigtig fint. Samt finde ud af at følge og udtrække statistikkerne for hans site, da jeg har implementeret Google Analytics. Henrik Libak har en baggrund som direktør i Dansk Supermarked, og 28 års erfaring med at skabe resultater inden for bl.a. forretningsudvikling, ledelse og salg. Han har siddet i stillinger som: varehuschef, indkøbschef, salgsdirektør, stormagasinchef, kædedirektør og direktør. Nu har han oprettet en selvstændig konsulentvirksomhed, hvor igennem han tilbyder forskellige konsulentydelser og foredrag til større og mindre virksomheder og kæder. Op gaven ı 2

3 Modtager opgaven Leverer logo Overdrager site Vores kundeansvarlige modtager opgaven fra kunden Jeg bliver bliver briefet på opgaven Vores kundeansvarlige skriver i samarbejde med kunden det tekst som skal indgå på sitet Vi modtager godkendelse på logo og laver filpakke med eps, ai, png og jpg, som vi leverer til ham Vi får oplyst hvilke emner der skal indgå på websitet. Jeg køber domæne og opretter hosting hos udbyder Jeg bliver briefet på sitet og laver lidt skitser og noter til mig selv ikke bruger for meget tid på de enkelte dele af opgaven Jeg flytter sitet over på den rigtige url og laver overdragelse, hvor vi forklarer kunden hvordan han bruger sit nye site Jeg finder en template som indeholder nogle af de funktioner vi har behov for, jeg køber og downloader den Vi modtager rettelser og jeg korrigerer dem Jeg tegner en skitse af sitet og skriver hvilke funktioner de forskellige sections skal have Jeg layer layout af sitet i Photoshop, hvor billedbehandling og udarbejdelse af grafikker i illustrator, er en del af opgaven filerne ud på roden. Jeg tilgår sitet via en browser og styler det direkte i php en ved hjælp af CSS, HTML og javascript Vi laver en estimeret tidsplan, så vi kan give en mere præcis overleverings dato til kunden, og for at jeg kan sørge for at jeg Vi læser korrektur på layoutet og jeg laver en præsentation af weblayoutet som sendes i korrektur hos kunden Jeg downloader den nyeste version af wordpress og opretter forbindelse til hostserveren, hvor jeg ligger wordpress Jeg laver et hurtigt mindmap udfra Libak Retail. Jeg laver skitser og udkast til til logo og udvælger et logo, som sendes i korrektur hos kunden Vores kundeansvarlige og chefen for teknologiafdelingen afholder møde med kunden, hvor viser sitet som ligger i vores test area. Kunden godkender. Jeg tester løbende sitet på forskellige platforme, for at få tilpasset designet. Jeg tester også i forskellige browsere, for at kunne nå ud til flest muligt arbejdsproces ı 3

4 Mindmap ı 4

5 Skitser lo g o Jeg lavede nogle skitser til logo inden jeg gik igang med at videreudvikle på computeren Her er jeg ved at finde formen, det tydelige Libak foroven, og retail i en kompakt lidt kantet font med masser af luft mellem bogstaverne for at give det et moderne pust og som kontrast til det fede Libak foroven, sådan at logoet ikke bliver for tungt at se på. Evt. med en skillestreg mellem de to For svær at læse, men måske den blå farve ville være god, da den symboliserer troværdighed Godt med en lidt kompakt firkantet font til retail To tynde sammen bliver ikke tydelige nok Denne nærmer sig Retail vil blive for småt i forhold til Libak, hvis det skrives på denne måde og dermed ikke læsbart i små størrelser Bliver måske for langt For street og for naivt For enkelt S ki tser logo ı 5

6 Step 1 Step 2 Step 3 Step 4 Jeg prøvede nogle forskellige fonte af, og legede med luft mellem bogstaverne. Jeg prøvede nogle forskellige fonte af til retail, og jeg pudsede detaljer af på de fonte jeg syntes bedst om til Libak. Nu havde jeg fundet frem til de 2 fonte jeg ville bruge til logoet, så nu skulle det fin-pudses Det færdige logo. Jeg brød mig ikke om afslutningen på hullet i A'et, så jeg ændrede det til nedenstående. Alt for rund og svær at læse når der kommer meget luft mellem bogstaverne Libak i henholdsvis bold og black. Med skillestreg i blå. Afstanden imellem de to ord = e'et. Stregen ligger midt i tværstregen på e et. Jeg synes at denne afslutning er mere ren og passer også bedre til K'et. Bedre men for høj......her jeg trykket den lidt men så bliver den for uens Jeg brugte e'et som afstand mellem de to ord da det giver ro for øjet. Jeg valgte den tykkeste af dem og lavede stregen om til grå, da en tynd blå sterg kan blive svær at trykke, hvis der bare er en smule mispas, vil stregen hurtigt få et rødligt skær. Da jeg sad med det blå logo til sidst, syntes jeg måske alligevel at der var lidt for megt bank over det, så jeg prøvede at gøre det sort, og det gav faktisk logoet en lidt mere moderne udtryk. Den her er god fordi, den er bred i bogstaverne så den fylder pladsen ud, og ikke for høj. Den er lidt kantet så den danner en slags linje under Libak, som er god for øjet. Desuden er den ret moderne i udtrykket. Da jeg var bange for at man ikke helt ville kunne se at a'et var et a, prøvede jeg at lægge lidt til forneden, men besluttede at det trods alt var bedre uden, da de blev en lidt irriterende detalje for mit øje Libak i henholdsvis bold og black. Uden skillestreg. skitser logo ı 6

7 1 skitser & not e r u nde r b ri e f 2 l ayou t i p hotosho p Proc es Da sitet er en one-pager, har jeg ikke lavet flowchart, da detikke giver mening at lave et flowchart over et site, som ikke har et flow. Jeg har her istedet vist de skitser og noter + layout jeg lavede inden jeg gik igang med at opsætte sitet. På næste side ses det layout, vi sendte i korrektur hos kunden. Usa b ili ty For at man kan tale om god Usability er der tre punkter som gerne skal opfyldes: funktionalitet, effektivitet samt give en god brugsoplevelse til sin målgruppe. Derfor er det også vigtigt at kende sin målgruppe inden man går i gang. Må lgru ppe Målgruppen ligger i det blå og violette segment i følge Minervamodellen. Det er både mænd og kvinder, de er ca år og ofte selvstændige. De er typisk uddannede indenfor detail og er måske franchisetagere i en detailkæde eller har en leverandørvirksomhed til detail industrien. De er konstant på udkig efter at lave en god handel og øge væksten i den virksomhed de arbejder for. Rent politisk ligger de til højre for midten og sætter gerne krydset ud for Venstre, Konservative eller Liberal Alliance. Funktiona li tet Da kunden ønskede at hans website blot skulle være en slags udvidet visitkort valgte jeg at lave sitet som en one-pager, da sitet dermed ikke skulle have så meget indhold, men blot være i stand til at oplyse brugeren om Henrik Libak og hans firma Libak Retail og hvilke ydelser han tilbyder. En simplificeret udgave af Minervamodellen, som er et godt stykke værktøj, når man skal segmentere. Effektiv itet Hvis et site skal have en god effektivitet må der ikke skulle klikkes for mange gange, før brugeren finder de oplysninger han/hun har brug for at finde. Derfor er netop one-pageren en gød løsning i dette tilfælde, da sitet ikke har så meget indhold, så al informationen sagtens kan være på en side. Samtidig har jeg lavet en fixed menu, som har deep links, der flytter brugeren lige derhen på sitet hvor han/hun har brug for. God b rugsoplev els e For at brugeren skulle få en god brugsoplevelse tænkte jeg på målgruppen, som er moderne men også traditionelle. Jeg ville gerne kombinere disse to ting. Jeg lavede derfor websitet som en moderne one-pager med parallax scrolling og brugte beton og ridser for at give det et moderne udtryk med kant. Samtidig blev opbygningen meget taditionel og genkendelig, med en menu i toppen, et logo som linker til home, kontakt nederst, link til sociale medier i footeren og let genkendelige ikoner hele sitet igennem. Det er vigtigt for brugeren i denne målgruppe, at kunne genkende strukturen i sitet, så de ikke bliver frustrerede over ikke at kunne finde de oplysninger de søger, det må ikke blive for indviklet. ski tser w ebsit e ı 7

8 På denne side har jeg vist det præsentations layout, jeg sendte til godkendelse hos kunden index section 1 statement section 2 Consult section 3 consult/process section 3-4 process section 4 talks section 5 About section 6 About section 6 contact section 7 layou t p ræsentat io n ı 8

9 Fø r - layou t Kortet gik hele vejen over skærmen logoet var ret lille og ikonerne var små og mørke. I footeren havde jeg sat plads af til forskellige social media links, da jeg ikke vidste hvormange kunden var på. Nu - det e nde lig e sit e Kortet fylder kun halvdelen af bredden nu, på desktop. På tablet og smartphone ryger den hvide kasse ind under kortet og begge dele fylder bredden ud. Logoet er blevet større og ikonerne ligner mere dem på de foregående sider. I footeren var det kun LinkedIn der fik lov at blive, resten bruger han ikke. layou t ı 9 korrektur R et t e lse r O psæt n i n g a f site Da kunden havde set layoutet var der nogle få rettelser jeg skulle have med på det endelige site. Der var et par ekstra sektioner, nogle tekst rettelser, og lidt udseende. Han ville f.eks. gerne have at kortet på kontakt-siden skulle være mindre, så det lavede jeg en skitse på, men lavede ikke et nyt layout, vi var nemlig enige om at de rettelser, som skulle laves sagtens kunne vente til det endelige site, da kunden gerne ville have sit site ret hurtigt. Jeg lavede først en skitset over hele sitet - en slags wireframe, hvor jeg gik ind og fik overblik over hvilke funktioner de enkelte sections skulle have, så lavede jeg en skitse på en portfolio section hvor jeg skrev nogle få noter undervejs. De fleste noter lavede jeg i TextEdit, for på den måde kunne jeg gemme små stykker kode, passwords og ligende ned sammen med noterne. Undervejs lavede jeg også en need to have / nice to have liste, med en estimeret tidsplan, da jeg skulle se om jeg kunne overholde min deadline. Den gik jeg løbende ind og tjekkede af på efterhånden som jeg fik løst opgaverne. Jeg nedskrev også den faktiske tid jeg brugte på de enkelte opgaver, så jeg kunne følge med i, om jeg fik brugt for meget tid.

10 R esp onsi vt w e b desi g n Jeg har lavet sitet responsivt ved hjælp af media queries i CSS'en, hvor jeg har skrevet de ændringer ind der skal ske for hvert trin nedefter. Så når sitet bliver mindre tilpasses det til den skærmstørrelse der er relevant. Her på siden har jeg vist et par eksempler på nogle af de ting jeg har justeret så de passer til de forskellige skærmstørrelser. ta b let Da skærmbredden er betydeligt mindre end på en desktop, har jeg sparet noget plads ved at lave en knap med et ikon på til menuen istedet, når man trykker på den, ruller menuen ud nedenfor og man kan herfra navigere til de andre sections. D eskto p ta b let sma rtpho ne Her fylder teksten 66,666% af bredden, da det ville give for lange linjer at læse hvis den fyldte hele bredden, da man som tommelfingerregel ikke bør have tekstlinjer på mere en 70 tegn. Karriereoversigten er delt i to kolonner, da det helt klart er pænest ikke at fylde skærmen hele vejen over. Her fylder teksten hele bredden, da linjerne har en fin læsbar længde. Karriereoversigten er nu i en kolonne, da det ville blive for korte spalter ved to kolonner. Når skærmen bliver så lille som på en smartphone, flytter ikonet op over tekstboksen og giver dermed mere plads til teksten, så den kan få lov at fylde hele bredden. R esp onsivt w eb d esign ı 10

11 one pager cms - hvor da n? På et one page website, laver man ikke flere forskellige html-sider men istedet flere forskellige sections, som man ligger ind på samme side. Jeg har på de følgende sider vist hvordan jeg oprettede de forskellige sections og hvordan jeg fik dem kædet sammen med brugerfladen på wordpress, så kunden selv kan redigere i indholdet af sit website, uden at være istand til at kode. Da det hele hænger sammen på kryds og tværs, er der nogen af tingene som sagtens kan gøres i en anden rækkefølge, men jeg har prøvet at redegøre for det, på den måde jeg syntes var lettest at forstå. Jeg startede med at lave tre nye php filer som jeg kaldte consult-loop.php, talks-loop. php, og leadership-loop.php, men jeg har valgt kun at vise det for consult-loop.php, for at gøre det nemmere at gennemskue processen. Figur 1 Jeg lavede en ny array i theme-options.php filen, som jeg kaldte Consult section. Denne array danner et nyt felt på brugerfladen i Wordpress, så man kan gå ind og vælge den til når man skal opbygge strukturen på sit website. Det er herfra man styrer websitets opbygning, ved at vælge de sections man vil have der skal indgå på sitet og placere dem i den rækkefølge man vil have de skal komme i. Figur 2 Figur 3 one pager cms - h vor dan? ı 11

12 Her er consult-loop.php åben, jeg har lavet det som en portfolio category så man inde fra portfolio på WP-administrator panelet kan redigere i teksten. Jeg tildelte denne section id et consult. Her knytter jeg consult-loop.php til vores homepage. Dette stykke kode fortæller at når consult_contet bliver kaldt, skal den hente det indhold, som ligger i filen: consult-loop.php. Figur 4 Figur 5 Her consult section, som den ser ud i browseren. Her skriver jeg det id ind som jeg har givet til den valgte section, og giver menu-punktet en titel. På den måde laves der en menu, hvor hvert menu-punkt linker til hver section. Så når man klikker på linket i menuen, i browseren, scroller den ned til den section der passer til id et. Figur 6 Figur 7 one pager cms - h vor dan? ı 12

13 Jeg har oprettet de tre portfolio categories jeg havde behov for til sitet så man inde fra portfolio på WP-administrator panelet kan redigere i teksten. Jeg tildelte kategorien Konsulentydelser den korte titel consult. Her i consult-loop.php filen har jeg hardtypet de ting ind som gør filen unik. Jeg har lavet en Serch Query som siger: Ved indhold af post typen portfolio skal du finde portfolio kategorien med navnet consult og hente det indhold den har. Figur 8 Figur 9 Figur 10 Figur 11 Her er vi inde i en portfolio post. Denne har jeg tildelt kategorien konsuletydelser, hvilket gør at den bliver en af de punkter som bliver vist i sectionen med id et consult når indholdet af kategorien consult bliver kaldt. (Se figur 9). one pager cms - h vor dan? ı 13

14 Nu kan kunden selv gå ind og redigere i teksten. Figur 12 Figur 13 Figur 14 Figur 15 one pager cms - h vor dan? ı 14

15 Her kan man vælge hvilken periode man vil se statistikken for. Her indstiller man hvilket land man gerne vil se statistikken for, idet her tilfælde har jeg valgt Danmark, da vi må forvente at det er her trafikken er størst, da Libak Retail er et dansk firma. Nu har jeg skiftet til verdenskort. Det har jeg gjort ved ikke at skrive noget i feltet om hvilket land man vil se statistik for. Når man holder cursoren over de forskellige lande, kan man se hvor mange besøg der har været fra det enkelte land, her har der været 2 besøg fra Sverige. Her bestemmes hvor mange byer man vil se på kortet, når man holder cursoren ind over kortet kan man så se hvor mange besøg der har været for den enkelt by, som vist på kortet her, har der været 96 besøg fra København. one pager cms - h vor dan? ı 15 Stat istik Kva lit etsv ur d eri ng Da kunden gerne ville kunne følge trafikken på sit site, implementerede jeg Google Analytics, som jeg lagde ind i kontrolpanelet så kunden selv kan styre hvor mange dage han vil se statistik for, om det er for Danmark, et andet land eller hele verden. Hvor mange byer ad gangen, altså om det er alle byer der har besøgt hans site eller om det bare er top-10, top-20 eller andet. Jeg har undervejs måtte lave nogle design-mæssige kompromis dels pga. kundens ønsker til udseende og dels pga. tiden. Det var også derfor jeg havde en need to have / nice to have liste, for først og fremmest skulle alt det nødvendige laves, derefter måtte jeg så se på om der var tid til at lave det ønskede, og det var ikke alle de ønsker jeg fik opfyldt. Men kunden blev meget glad for sit site og det er godt besøgt, så de ultimative krav er blevet indfriet.

16 one pager cms - hvordan? ı 16

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

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

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves hjemmeside til et lille privat bageri. Kunden ønsker et overskueligt site. Hjemmesiden skal kort og godt fortælle om Skejby Centrets Bageri og deres produkter og

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

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

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

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

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

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

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

Læs mere

KODNING AF RESPONSIV DESIGN

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

Læs mere

Grafisk workflow. bl.udbudsnet.dk

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

Læs mere

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

Brugervejledning til Design Manager Version 1.02

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

Læs mere

Grafisk workflow. Hjemmeside til Bærkompagniet

Grafisk workflow. Hjemmeside til Bærkompagniet Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne

Læs mere

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

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

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

Læs mere

det færdige resultat

det færdige resultat grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel

Læs mere

GRAFISK WORKFLOW H1 MARIA SCHELDE

GRAFISK WORKFLOW H1 MARIA SCHELDE GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være

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

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

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

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

grafisk design Se webappen på din mobil

grafisk design Se webappen på din mobil ideudvikling Jeg har valgt at bruge kulturbegivenheden Aarhus Festuge, som udgangspunktet i min svendeprøve. Jeg vil redesigne deres marketingsmateriale såsom logo, magasin, plakater m.m. Derudover vil

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

Kunsten på Silkeborg Højskole - en online kunstregistrant

Kunsten på Silkeborg Højskole - en online kunstregistrant GRAFISK DESIGN Design af responsiv hjemmeside til Silkeborg Højskoles nye kunstregistrant. Oprettelse af ny side på Silkeborg Højskoles primære hjemmeside. Kunsten på Silkeborg Højskole - en online kunstregistrant

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

GRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE

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

Læs mere

GRAFISK WORKFLOW. 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 Workflow. Endeligt layout. Om mig. Forside. Portfolio

Grafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe

Læs mere

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

GRAFISK DESIGN SVENDEPRØVE 2013. Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 NAVN PÅ OPGAVEN KERNEOMRÅDE SVENDEPRØVE 2013 Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5 Beskrivelse af opgaven I min fritid modtog jeg en opgave, som bestod i, at redesigne og kode et

Læs mere

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

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12

Projektdokumentation. Tidsplan. Dag 1. Dag 2. Dag 3. Dag 4. Dag 5. Dag 6. Dag 7. Dag 8. Dag 9. Dag 10. Dag 11. Dag 12 Projektdokumentation - af Dennis Iversen Tidsplan Dag 1 Research, mindmap, skitser til logo og start på logo. Dag 2 Færdiggørelse af logo, målgruppe og segment fastslået, skitser visitkort, start på visitkort.

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

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

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

grafisk design grafisk sign Jeppe Nedergaard

grafisk design grafisk sign Jeppe Nedergaard grafisk d sign Jeppe Nedergaard 1 faglighed... case... logo + hjemmeside kunde... sønderborg skatehal programmer.. illustrator + indesign + dreamweaver doku menta tion opgaven En af mine gode kammerater,

Læs mere

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17

Indhold. Case 1: Introduktion 3. Case 2: Vælg og indstil tema 12. Case 3: Sider og indlæg 17 1. udgave 2012 Udgivet af Softworld Kurser A/S Kopiering samt gengivelse af indholdet er ikke tilladt, medmindre der er givet skriftlig tilladelse herom. Copyright Softworld Kurser A/S Forfatter: Martin

Læs mere

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26

T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 T o b i a s W e x i ø S o n n e MultiMedieDesigner CPH-Business 1/26 Indholdsfortegnelse - Intro - Mindmap - Designvalg - Farvevalg - Logo - Ensartethed - Farver - Det gyldne snit - Fleksibilitet & brugbarhed

Læs mere

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

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

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

Læs mere

Billeder på bibliotek.kk.dk. Hent et billede og gem det på din PC:

Billeder på bibliotek.kk.dk. Hent et billede og gem det på din PC: Billeder på bibliotek.kk.dk Hent et billede og gem det på din PC: I dette eksempel henter vi et billede fra Google. Du kan også hente billeder i Flickr, Picasa etc. (NB! Husk at der er rettigheder knyttet

Læs mere

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.1 maj 2014 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

GRA DESIGN. HEARTS & MINDS

GRA DESIGN. HEARTS & MINDS GRA b DESIGN. HEARTS & MINDS HVAD, HVORFOR OG HVORDAN? HVAD GÅR OPGAVEN UD PÅ? Opgaven gik ud på at, udfra udleveret trykt materiale skulle lave et fuldt og responsivt hjemmeside design. Sitet er lavet

Læs mere

GRAFISK DESIGN RESPONSIV WEBSHOP MED ET FARVETWIST

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

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

GRAFISK PRODUKTION & WORKFLOW RESPONSIV HJEMMESIDE

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

Læs mere

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

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION

RESPONSIVE WEBSITE GRAFISK WORKFLOW DOKUMENTATION RESPONSIVE WEBSITE DOKUMENTATION OPGAVEN Opgaven gik ud på at designe og kode et responsive website til sommerhuset Brink Møllegaard. Websitet skulle præsentere og informere besøgende om huset og området

Læs mere

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2

Yosef Saleh, Ilyas Tulumcu Oguzhan Polat, Mohammad Kaddoura Kom/IT C Kl. 1.2 1/ Indholdsfortegnelse Indledning... 3 Dokumentation... 4 Hjemmeside og logo design... 14 Valg af skrifttype... 15 AIDA... 16 Arbejdsroller og opgaver... 17 Logbog for vores proces (Ugevis)... 19 Konklusion...

Læs mere

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation Portfolioudvikling I denne rapport vil du kunne læse om mit porfolios tilblivelse. Det skal give læseren indblik i mine designvalg og hele processen bag projektet. Hjemmesiden er kodet fra bunden i HTML

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. 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 CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Mit grafiske workflow inkluderer:

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

SIGIL Sådan opretter du en e- bog Step by Step

SIGIL Sådan opretter du en e- bog Step by Step SIGIL Sådan opretter du en e- bog Step by Step Af Gitte Winter Graugaard Nov. 2013, Sigil version 0.7.2 1 Her følger en intro skridt for skridt til at oprette en e- bog i SIGIL og publicere den på SAXO

Læs mere

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia

PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia GRAFISKDESIGN PR Offset Dennis Iversen Mediegrafiker Nordre Ringvej 3 7000 Fredericia Trykket hos: PR Offset Papir: 170g multiart silk, omslag 130g multiart silk, indhold Grafisk design Dansk Kedel Kemi,

Læs mere

Grafisk design OPGAVEBESKRIVELSE

Grafisk design OPGAVEBESKRIVELSE OPGAVEBESKRIVELSE Min opgave var at lave og designe en pakke til s marketing og kommunikationsafdeling MarKom. Pakken består af: et hoved element portfolio hjemmeside communication.madebydelta.com to supplerende

Læs mere

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester

Portfolio Andreas Stjerneklar Kristensen. Multimedia Designer Eksamen 1. Semester Portfolio Andreas Stjerneklar Kristensen Multimedia Designer Eksamen 1. Semester Indledning Design Skitser ASK logoet Teknologivalg No database Javascript Eksempel Udviklingsmuligheder Mere relation mellem

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2

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

Y ELL O W G REN A D E

Y ELL O W G REN A D E YELLOW GRENADE OPGAVEN Nick Christiansen kontaktede mig på Facebook. Han havde set mit coverbillede, (ulven ses på modstående side) som jeg har tegnet i Illustrator. Han var helt vild med ulven, der udelukket

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

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

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

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

Læs mere

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD?

Workflow REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? REDEGØRELSE WORKFLOW OPGAVE WHO WOULD YOU SMACK FOR A NEW RECORD? Forord Spil har altid været en stor del af mit liv, og har altid spillet meget Playstation, siden jeg var helt lille. Eftersom jeg blev

Læs mere

Dan Rolsted PIT. Side 1

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

Læs mere

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4

15. oktober. Maskine Udlejning. Jacob Weng, Jeppe Boese og Mads Anthony. Udlejningsvirksomhed. Roskilde Tekniske Gymnasium 3.4 Maskine Udlejning 15. oktober 2010 Jacob Weng, Jeppe Boese og Mads Anthony Roskilde Tekniske Gymnasium Udlejningsvirksomhed 3.4 Indholdsfortegnelse Problemformulering:... 2 Planlægning:... 2 Analyse af

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

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

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

Læs mere

4. DEC 5. DEC 8. DEC 2014

4. DEC 5. DEC 8. DEC 2014 1. DEC I dag fik jeg opgavebeskrivelsen og fik et overblik over, hvad der skal laves, ved at gennemgå opgavebeskrivelsen, samt lave en brainstorm og PBS. Jeg er i gang med at finde et alternativ til programmet

Læs mere

Grafisk workflow. website til duckhead music

Grafisk workflow. website til duckhead music Grafisk workflow website til duckhead music Portfolio h1 Side 18 website til duckhead music Selvom jeg er hos et webbureau, så sidder jeg udelukkende med design, og er derfor ikke kommet til at kode endnu.

Læs mere

Grafisk produktion & workflow: Alt til forfesten

Grafisk produktion & workflow: Alt til forfesten Grafisk produktion & workflow _ 33 / 23 Grafisk produktion & workflow: Alt til forfesten Produkt _ Jeg har i længere tid gerne ville opbygge min egen webshop. september 2014 tog jeg mig sammen og opbyggede

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Redtape.dk Grafisk Design

Redtape.dk Grafisk Design Redtape.dk OM KUNDEN Red Tape er et undergrunds pladeselskab. De udgiver musik under Creative Commons licens, som er en åben ophavsret, der gør det lovligt at dele og modificere musikken på lovlig vis.

Læs mere

portfolio GRAFISK WORKFLOW

portfolio GRAFISK WORKFLOW Grafisk Workflow Opgaven Der skal laves nyt hjemmesidedesign til Inhouse Graphic skolepraktik på Aarhus Tech. Hjemmesiden skal kort og godt fortælle om de elever, der arbejder i skolepraktikken og om deres

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

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ******

WorkFlow. Svendeprøve Emil Momsen. BeskrivelseN ****** BeskrivelseN ****** Workflow Svendeprøve Emil Momsen BeskrivelseN WorkFlow BeskrivelseN Side - 2 / 8 Arktis Brief Fra kunde Opgave / Indhold Kunden var WWF og opgaven gik ud på at få folk til at blive klar over, hvor alvorligt

Læs mere

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.2 januar 2015 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside.

Dokumentation. Inspiration S34 S35. Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Grafisk Design Dokumentation Inspiration Opgavens art Fiktiv opgave af opbygning af en hjemmeside. Kort om opgaven Hjemmesiden, skulle være oplysende om produkter og virksomheden, den skulle være enkel

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Opret en formular i Dreamweaver

Opret en formular i Dreamweaver Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktø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 mere

GRAFISK WORKFLOW Hjemmesidedesign

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

Silkeborg Review Mine sider

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

Læs mere

xgalleri Mulige filtyper Installation web-version

xgalleri Mulige filtyper Installation web-version xgalleri xgalleri opstod ud fra ønsket om at lægge en større samling billeder på nettet. Der findes mange programmer, som kan bruges til at lægge datafiler på nettet; men de fungerer typisk på den måde,

Læs mere

grafisk // design // d k sign

grafisk // design // d k sign gr a fis grafisk e // d k sign grafisk vinbog / redegørelse / brainstorm og inspiration / farver, fonte og logo / layout / opslag / omslag HVAD? Design og opsætning af et fiktivt magasin, Plus, hvor design

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

REDESIGN AF PORTFOLIO 16. jan. 2015

REDESIGN AF PORTFOLIO 16. jan. 2015 REDESIGN AF PORTFOLIO 16. jan. 2015 Christoffer Møller Jarolics CPH Business Lyngby Multimediedesign Udviklingsprocessen af tilblivelsen af dette projekt redesign af portfolio, vil på de følgende sider

Læs mere

Dokumentation: Workflow af Hjemmeside redesign

Dokumentation: Workflow af Hjemmeside redesign Dokumentation: Workflow af Hjemmeside redesign Jeg skulle lave et redesign af BB Offsets hjemme side med max 4 undersider. Jeg har været alene om opgaven. Det eneste kundekontakt jeg har haft i forløbet

Læs mere

Dalux Field Brugermanual Registrering og oprette opgaver

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

Læs mere

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne.

udtryk, men også et blød og feminint touch som ville appelerer til kvinderne. GRAFISK DESIGN REDEGØRELSE GRAFISK DESIGN 3 OPGAVEN skulle have opdateret deres nuværende identitet, og kom derfor til os og ønskede et redesign af logo, emballage og website. Vi tog imod opgaven, og glædede

Læs mere

GRAFISK DESIGN CAMILLA BEYER

GRAFISK DESIGN CAMILLA BEYER GRAFISK DESIGN CAMILLA BEYER Dokumentation Brainstorm Opgaven Arbejdsproces Opgaven gik ud på at designe et logo til en grafisk - Brainstorm elev der søger elevplads. Der skal også designes visitkort,

Læs mere

Projekt 5 - Porfolio Redesign

Projekt 5 - Porfolio Redesign Projekt 5 - Porfolio Redesign 1 semester - Copenhagen Business School Business School. 1/20 Indholdsfortegnelse Projektbeskrivelse...side 3 Mindmap...side 4 Project Breakdown Structure...side 5 Work Breakdown

Læs mere

Designmanual for websider

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

Læs mere