PRODUKTION OG WORKFLOW

Størrelse: px
Starte visningen fra side:

Download "PRODUKTION OG WORKFLOW"

Transkript

1 PRODUKTION OG WORKFLOW

2 INTERN PROJEKTSTYRING PRODUKTION OG WORKFLOW Majken Cramer, Hovedforløb 2 Aarhus Tech, september 2012 HVAD GÅR OPGAVEN UD PÅ JULI Jeg har stået for projektstyringen på intranettet og design til hjemmeside til SubClub PRO samt opsætning af layout i form af HTML og CSS i vores CMS system. HVAD ER MIT BIDRAG Jeg har stået for de løbende statusopdateringer på projektet, idéudvikling, opsætning af design i Photoshop samt opsætning af i HTML i DreamWeaver. Jeg har sparret med min chef om det endelige design løbende og jeg har ligeledes været i tæt samarbejde med min programmør, der har stået for modul- og funktionsprogrammering. VALG AF PROGRAM Til designprocessen har jeg, naturligvis, brugt Adobe Photoshop, da dette program er pixel-baseret, og dermed understøtter den måleenhed, der benyttes til digitale produktioner. Til HTML-kodning har jeg brugt Adobe DreamWeaver, da dette program kan vise både kode og layout på samme tid - det giver en god fornemmelse af det endelig udseende. Vi skriver ikke i HTML 5 til denne opgave, da vi stadig vil sikre os, at koden kan læses af ældre browsere. Grafiker og lignende gemmes til web i korrekt farverum (RGB) og opløsning (72 ppi). Alle filerne komprimeres mest muligt, der gør den færdige hjemmeside nemmere og hurtigere at indlæse i browseren. Vores interne projektstyring starter med et planlægningsmøde om mandagen, hvorefter alle opgaver oprettes på intranettet. Vi har alle et personligt login, hvor vi kan se hvilke opgaver vi hver især har under de forskellige projekter. Det er også muligt at se en liste over alle opgaver på projektet. Vi opdaterer løbende vores status på de enkelte opgaver og melder dem procentmæssigt færdige. GRAFISK UDTRYK Idéudvikling med skitser. Forskellige udtryk blevet afprøvet i Photoshop og gennemgået i samråd med min chef. Det vigtigste var at skabe et brugervenligt, indbydende og enkelt design, hvor der blev lagt vægt på virksomhedens medlemsfordele. TYPOGRAFI. Der var allerede lavet diverse tryksager for SubClub PRO, hvor Univers blev brugt. Jeg undersøgte muligheden for brug af denne skrift og det lykkedes at downloade skriften som webfont. BILLEDER. SubClub PROs identitet omfatter en række figurer, som også skulle bruges online. Derudover er indentiteten billedfattig og der skabes et visuelt udtryk gennem typografien. FARVER. Jeg har valgt en neutral farveskala - hvid, sort og grå som de primære farver. En frisk og organisk limegrøm bruges som signalfarve og blikfang. KODNING AF HTML OG CSS KOMPOSITION. Til denne opgave har jeg arbejdet med frie rammer, hvor tekst og elementer ikke står i kasser / faste rammer. Der er et fast baggrundsbillede med nogle af figurerne og logoet. Selve indholdet ligger stadig inden for de 980 px, så jeg sikrer at alt indhold vises på 1024 x 768 px (standardopløsning). I bunden har jeg lagt en footer, der går fra kant til kant og understøtter de frie rammer. Forsiden består af et firmalogo øverst til venstre, de forskellige figurer i højre og venstre side, en hovedmenu (plads til sekundær menu oven over ved udvidelse), et banner med skiftende budskaber, forhandlersøgning og rabataftaler (medlemsfordele). Forsiden kommer, som udgangspunkt, til at bestå af forskellige moduler til styring af dynamisk indhold. Undersiden består af en indholdszone til tekst samt en højrestillet zone, hvor eventuelle undermenuer og opfordringer til brugerne vil blive vist. MODULOPBYGNING. Til opbygningen af forsideskabelonen er der oprettet en zone til slideshowet på 760 x 350 px, en zone til rabataftaler på 320 px og en zone til forhandlersøgning på ligeledes 320 px. Disse zoner er tilgengængelige i editoren, hvorimod baggrund, logo, menuer og footer ligger i sidens HTML-skabelon (back-enden). Til opbygning af undersidens skabelon er der oprettet en zone til indhold (overskrifter og brødtekt) på 480 px i bredden og en zone til info og opfordringer til brugerne på 180 px i bredden. USABILITY. For at sikre, at brugerne af hjemmesiden får det optimale ud af brugen, arbejder vi med brugervenlighed på forskellige niveauer. Processen består af fem stadier. 1: Hvor nemt er det for brugeren at danne sig overblik første gang de besøger siden? 2: Hvor hurtigt kan brugeren navigere rundt og bruge de forskellige funktioner? 3: Hvor hurtigt lærer brugeren siden at kende igen ved et genbesøg? 4: Hvor mange og hvilke fejl / udfordringer opstår ved brug af siden og hvordan løser vi dem? 5: Er brugeren tilfreds med funktioner og navigering på siden? Vi tester selv vores webproduktioner og forsøger at opfører os som førstegangsbrugere. Vi beder ligeledes kunden om at teste / gennemgå hjemmesiden for at sikre at alle funktioner virker optimalt og ikke melder fejl. Ved webshops tester vi hele købs- og betalingsprocessen igennem, ved online booking tester vi formularen og sørger for at brugerne udfylder alle de nødvendige oplysniger gennem en validering inden oplysningerne sendes etc. BROWSERKOMPATIBILITET. Generelt benytter vi et sikkert og kompatibelt HTML-sprog for at sikre, at alle browsere (IE 6-9, Firefox, Chrome, Safari, Oprah etc.) kan vise og tyde indholdet rigtigt på siderne. Det betyder, at vi endnu ikke er gået over til ren HTML 5, men bruger istedet HTML 4.01, der er en gren under HTML 5, da W3.org ville give en valideringsfejl af siden pga. editoren i vores CMS system. Derudover tager vi også hensyn til forskellige platforme, og derfor bruger vi nu Jacascript (jquery) til dynamiske elementer (fx. et forsidebanner), da bl.a. iphones og ipads ikke understøtter Flash. Vi tester altid hjemmesiden efter endt opsætning på forskellige platforme og i forskellige browsere. Også med usability i baghovedet. Internettet er heldigvis ret tilgivende, så skulle der være en fejl, kan det ofte hurtigt og nemt rettes modsat en tryksag. MIN PROCESBESKRIVELSE Projektet oprettes på intranettet og alle briefes om deres bidrag til opgaven. Deadlines for opgaverne sættes og tidsforbruget fordeles i kalenderen. Herefter startede jeg på min idéudvikling, mock-ups og udkast til designet. Der var en løbende sparring med min chef om indhold og funktioner på siden. Som regel laver vi kun en forside i starten, kunden skal blot have et indblik i stilen, og efter godkendelsen designes en underside og de ørige funktioner designes til programmøren. Grafikker til bl.a. menu, links, logo, baggrund etc., skæres ud fra Photoshop og alt (afstand til de forskellige elementer) måles op. De to skabeloner til forside og underside bygges op i HTML og der laves CSS-regler i form af fonte. Derefter implementeres de færdige koder i CMS systemet - sidens opgivelser er færdige og alt indhold skal lægges ind. Nogle gange ønsker kunden selv at oprette sider og indhold, og i andre tilfælde varetager vi den opgave. Alle billeder, tekster, moduler og funktioner lægges ind i editoren og siden gennemgås og testes inden vi sender et demo-link til kunden. Når kunden har godkendt siden, og eventuelle rettelser er lavet, bliver hjemmesiden lagt online. Designprocessen tog ca. en arbejdsdag og HTML-opsætningen tog tre. EN KVALITETSVURDERING RESULTAT. Denne opgave har været ret udfordrende for mig på mange områder, da jeg ikke arbejder med HTML i hverdagen, og derfor er det en stor omstilling at skulle kode en hjemmeside fra bunden. Taget alt i betragtning, og med hjælp fra udleveret undervisningsmateriale og min kollega, er resultatet blevet tilfredsstillende. Det tager lidt tid, at komme ind i en flydende arbejdsgang, men jeg forstår, hvad jeg laver og kan se logik i koderne, og det hjælper.

3 INTERN PROJEKTSTYRING PROJEKTER. Hver mandag morgen gennemgår vi de kommende og igangværende projekter. De nye projekter bliver oprettet på intranettet og opgaverne fordeles. En beskrivelse af projektet og kunden påføres (fig. 1-2). De enkeltstående opgaver oprettes med en beskrivelse, opgaveansvarlig, tidsforbrug, deadline og mulighed for statusændring (fig. 3-4). INTRANET INTERN PROJEKSTYRING Opgaverne fordeles i vores kalender (fig. 5-6). Hvert projekt har en samlet oversigt over opgaver og de ansvarlige. Vi ændrer løbende status på opgaverne, så vi har et overblik over projektet. Når en opgave er færdig og afsluttet, bliver statusbaren grøn

4 GRAFISK UDTRYK FØR OG EFTER. Første store billede var den originale side, det andet er mit endelige redesign (fig. 5). 1 UDKAST DESIGN OG UDTRYK

5 KODNING AF HTML 1 SKABELONER. Forsidens og undersidens opsætning består primært af forskellige zoner, hvor sidens indhold skal placeres. Forsiden indholder en zone kaldet TOP til topbanneret, der skal være 760 px i bredden. Dette antal pixels skal fordeles i tre kolonner på 250 px med luft imellem disse tre kolonner på 5 px (fig. 1). Denne fordeling brugers fordi vores CMS system indeholder nogle standardafsnit, der bygger på 3 kolonner til tekst og billeder, som kan indsættes i en zone, og derfor skal disse afsnit have en formatering med luft mellem kolonnerne - denne formatering behøver ikke være lige fordelt. HTML KODNING OPSÆTNING AF SKABELONER I en tabel placeres den skillelinje som en grafik, der adskiller topbanneret og det øvrige indhold. Derefter oprettes zonen til rabataftalerne kaldet HØJRE på 320 px, fordelt over tre kolonner på 100 px med 10 px luft. Ligeledes laves den venstre zone til forhandlersøgning kaldet VENSTRE på nøjagtigt samme måde. Cellen imellem disse to zoner får en afstand på 120 px (fig. 2). 2 Til undersidens skabelon skal der være endnu en skillelinje mellem indhold og undermenuen. Derfor er denne grafik placeret som baggrund i et div-tag, der har fået en position på 539 px (x-position) og 0 px (y-position). Zonerne til overskriften og indholdet oprettes med en bredde på 500 px, og zonerne til højremenuen og brugerinfo oprettes med en bredde på 180 px. Her imellem oprettes en celle med en bredde på 81 px. Zonen til menuen har en topmargin på 140 px, der sørger for korrekt placering i forhold til brødteksten og en bundmargin på 20 px, der giver luft ned til infozonen. Teksten LÆS OGSÅ har også en bundmargin på 10 px, der giver luft ned til undermenupunkterne (fig. 2). HTML ISTEDET FOR LOGO. SubClub PROs logo skal have en bestemt placering lige over baguettet, og derfor har jeg brugt en negativ margin (-220 px) for at skubbe logo et uden for hjemmesidens indeholdszone, der kun har en bredde på 760 px. Det betyder, at logo et og sidens bredde tilsammen giver de 980 px, som er max. bredden for en side, da den skal kunne vises på en PC med en standardopløsning på 768 x 1024 px. 3 SIDENS OMGIVELSER. For at kunne placere og styre elementer uden for sidens indhold, her kaldet [page], oprettes der en tabel med en højde og bredde på 100%, hvor baggrundsbilledet placeres. I en anden celle placeres kontaktoplysninger og links til easynet s egen side, også kaldet en footer (fig. 3).

6 IMPLEMENTERING AF HTML SKABELONER. Når HTML-koden til forsidens og undersidens skabeloner er lavet færdige i Dream- Weaver, skal koderne implementeres i vores CMS system. Under Layout vælges fanen Sideskabeloner og der oprettes nye skabeloner til henholdsvis forsiden og undersiden. Skabelonerne navngives, som senere vil blive brugt til at vælge skabelontype til hjemmesidens indholdsider. Koderne fra HTML dokumentet kopieres og indsættes (fig. 1-2). HTML KODNING OPSÆTNING AF SKABELONER 1 2 Under HTML afsnittet er ligeledes muligt at indsætte en alternativ kode for en printvenlig version. Man kunne vælge at udlade visse elementer, fx. billeder, logo, undermenuer etc., og kun printe den rene tekst på siden. Dette er en funktion, som kunden frit kan tilvælge og der vil blive sat et printikon på siden. GENERELLE INDSTILLINGER. Under første fane Sideindstillinger oprettes indstillinger, der er generelle for hele siden - uanset sideskabelon. Det betyder, at disse alle indstillinger og elementer vil blive vist på alle sider på hjemmesiden (fig. 3). 3 4 Her indstilles bl.a. den generelle kolonnebredde og luften imellem (3 x 250 px + 2x 5 px = 760 px), der indsættes nogle specifikke META-tags (java script, jquery, css stylesheets, meta-tags etc.), som vil blive placeret i headeren. Der vælges en doctype, vi bruger her HTML 4.01 Transitional, som er en gren under HTML 5, da W3.org ellers ville give en valideringsfejl af siden pga. editoren i vores CMS system. Der vælges en baggrundsfarve (#FFFFFF) samt justering af alt indhold på hjemmesiden - her har jeg valgt en centeret justering. HTML ISTEDET FOR LOGO. CMS systemet indeholder funktionen Indsæt logo, hvor der er mulighed for at vælge / uploade et logo og tilvælge en justering, men da SubClubs logo skal have en speciel placering, lavede jeg en specifik HTML-kode for denne placering (fig. 3). Denne HTML-kode indsættes under afsnittet HTML ISTEDET FOR LOGO og der linkes til et billede eller grafik i billedmappen på serveren (fig. 4). 5 SIDENS OMGIVELSER. Her placeres alt uden for selve hjemmesiden, herunder baggrundsbilledet og footeren. I en tabel lægges alle kontaktoplysninger ind og der oprettes tomme celler mellem hver af de forskellige oplysninger for at skabe luft. Bredden på disse celler blev på 42 px efter at have afprøvet forskellige afstande og tjekket resultatet online (fig. 5).

7 OPSÆTNING I CMS SYSTEMET 1 2 WEBFONTE. Der findes en række forskellige standardfonte til brug på internettet, herunder Verdana, Helvetica, Arial, Tahoma, Lucida Sans etc. Man kan dog generere det, der kaldes webfonte. Denne type af fonte gør det muligt at bruge andre fonte end de standarder, der allerede findes. Farver, skydning og linkeffekter vælges også her (fig. 1-2). For at lave en normal skrifttype om til en webfont, kan man benytte hvor man uploader en eller flere skrifttyper, og med mindre de skrifte er beskyttet af copyright, omdannes de til et webfontkit, der indeholder en række CSS-filer, SVG-filer og JS-filer. Disse filer implementeres i de eksisterende HTML / CSS koder. Til denne opgave er der brugt tre versioner af Univers LT Std: en light, og en bold (brødtekst) og en condensed (overskrift). CMS SYSTEMET OPSÆTNING AF INDHOLD OG CSS 3 4 OPRET SIDE. Der oprettes en ny side i systemet, der navngives. Der vælges en skabelontype, fx skabelon-forside (fig. 4). De forskellige zoner til tekst og billeder oprettes (fig. A). En tekst markeres i editoren og via en dropdown vælges en font, som tidligere er oprettet i systemet (fig. 5). FILER. Billeder, filer til download (PDF) og grafikker kan uploades på serveres via Filer (fig. 3), via en FTP-adgang (ved mange filer) eller via et pop-up vindue, der fremkommer i editoren når funktionen Indsæt billede vælges (fig. 6). Der kan også tilvælges forskellige linkfunktioner på billedet. 5 6 Det er altid muligt at skifte visningen i editoren mellem grafik / tekst og HTML-koder (fig. 7-8). 7 8 A

8

9

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

Arbejdsproces. Designparametre

Arbejdsproces. Designparametre REDEGØRELSE Om opgaven Til denne opgave skal der laves et design til easynets nye hjemmeside. Den skal være moderne, simpel i udtryk og overskuelig. Fokus på brugervenlighed. Der skal designes forside,

Læs mere

Produktbeskrivelse - Grafisk workflow

Produktbeskrivelse - Grafisk workflow Produktbeskrivelse - Grafisk workflow Opgavebeskrivelse Det er en nyhedsmail. De er en ny opsætning Ansvar for opgaveløsning Webadministratoren står for opgavefordeling. Tekst kommer fra salgs og butikslederen.

Læs 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

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

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

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

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden.

Budskab Denne nyhedsmails budskab er, at der er kommet nye kataloger ud og man kan se meget mere på hjemmesiden. Forståelse for grafisk produktion & workflow Opgavebeskrivelse Det er en nyhedsmail. De er en nyopsætning med inspiration fra tidligere mail med samme emne. Ansvar for opgaveløsning En designer fortæller

Læs mere

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow

REDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums

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

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

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

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

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

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

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

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

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. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.

GRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik. GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har

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

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

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

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

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

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

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

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.

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

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

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

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

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3

DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 TYPO3 manual DENNE MANUAL ER SKREVET FOR AT GIVE DIG EN GRUNDIG INTRODUKTION TIL DE FORSKELLIGE ARBEJDSGANGE I TYPO3 Det første afsnit, Introduktion til systemet, giver et hurtigt overblik over mulighederne.

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

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

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

Læs mere

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

Manual til Dynamicweb Februar 2010

Manual til Dynamicweb Februar 2010 Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11

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 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. Kenneth Friis Petersen

GRAFISK DESIGN. Kenneth Friis Petersen GRAFISK DESIGN Kenneth Friis Petersen Kenneth Friis Petersen - Svendeprøve 2015 Opgavebeskrivelse Total redesign af hjemmeside til Trademark Textiles A/S, både layout og kodning af side. Trademark textiles

Læs mere

1 Robbins, Jennifer N.: Learning Web Design, s. 41

1 Robbins, Jennifer N.: Learning Web Design, s. 41 I designarbejdet forbundet med at udvikle en hjemmeside, er det vigtigt at gøre sig nogle overvejelser over hvilken optimale skærmstørrelse man designer til, da dette har konsekvens for den efterfølgende

Læs mere

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

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune

Manual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune Manual Version 2 til oprettelse af hjemmesider for landsbyer i Rebild kommune Oversigt: Login Hjemmeside...... side 3 Login Administrationsmodul... side 5 Kategorier.. side 6 Opret/rediger første side...

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

PRINTISH VI PRINTER DIT BUDSKAB! www.printish.dk

PRINTISH VI PRINTER DIT BUDSKAB! www.printish.dk E ID GU IN T PR Kære kunde Hos Printish ønsker vi, at give dig de bedste forudsætninger, for at få flotte tryksager. Derfor har vi lavet denne guide, hvor vi gennemgår det du har brug for, at vide inden

Læs mere

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper:

Når du har logget dig ind, ser du Randers Kommunes byvåben midt på siden. I venstre side er der en række mapper: DXP vejledning Generelt: DXP er et værktøj til at fremstille præsentationsmaterialer (foldere, brochurer, løbesedler mv.) DXP egner sig kun til mindre brochurer og lign., da den største skabelon kan rumme

Læs mere

PRINTISH VI PRINTER DIT BUDSKAB! www.printish.dk

PRINTISH VI PRINTER DIT BUDSKAB! www.printish.dk E ID GU IN T PR INDHOLD Kære kunde Programmer // 3 Dokumentopsætning // 4 Hos Printish ønsker vi, at give dig de bedste forudsætninger, for at få flotte tryksager. Skabeloner // 5 Derfor har vi lavet denne

Læs mere

Mark André Lyhne. Eksamen 2012. 12web1b

Mark André Lyhne. Eksamen 2012. 12web1b Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

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

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

Grafisk design. webintegrator

Grafisk design. webintegrator Grafisk design. webintegrator hvordan? Hvad hvorfor Hvad går opgaven ud på? Opgaven jeg blev stillet, gik ud på at lave fem diplomer til de webintegrator som lige blev færdige med grundforløbet, og som

Læs mere

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

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

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

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

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af:

Kom godt i gang med. Gadstrup Fodbolds Hjemmeside. Udarbejdet af: Kom godt i gang med Gadstrup Fodbolds Hjemmeside Udarbejdet af: Forretningsstøtte Søren Tofte Version 1.0 24.2.2011 Indhold Sådan kommer du i gang?... 3 Log ind... 4 Mine oplysninger... 5 Klub CMS... 6

Læs mere

Her er et udkast til hvad der skal laves funktionsbeskrivelse

Her er et udkast til hvad der skal laves funktionsbeskrivelse Her er et udkast til hvad der skal laves funktionsbeskrivelse Generelt til www.clipping.dk Markeret RØD er INTERN KOMMENTAR de er med i stedet for at slette dem Følgende sider/menuer/punkter, skal der

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

# 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

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4

Indhold. 1 Indledning... 3. 1.1 Kompatible browsere... 3. 2 Log ind i Umbraco... 3. 3 Content-delen... 4. 3.1 Indholdstræet... 4 Indhold 1 Indledning... 3 1.1 Kompatible browsere... 3 2 Log ind i Umbraco... 3 3 Content-delen... 4 3.1 Indholdstræet... 4 3.2 Ændring af indhold... 5 3.3 Tilføjelse af en side/sektion... 6 3.4. At arbejde

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

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

Manual for redaktører

Manual for redaktører Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,

Læs mere

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse

Grafisk Workflow. Opgaven. Test i forskellige browsere (Usability) Arbejdsgang. Kvalitetsvurdering. Procesbeskrivelse Jesus Kr istus - Ev ig Konge e g n o K g i v E s u t s i r K Jesus Jesus Kristu s - Evi g Kon ge Opgaven Opgaven går ud på, at lave en hjemmeside, enten som en præsentation af noget, eller en kampagne

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

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

Brugervejledning. Hjemmesider med Cmsimple.

Brugervejledning. Hjemmesider med Cmsimple. 1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab

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

Sådan redigerer du en hjemmeside i Umbraco

Sådan redigerer du en hjemmeside i Umbraco Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside i Umbraco Indhold Introduktion... 2 Log på Umbraco og redigér din hjemmeside... 3 Opret ny side... 7 Gem side uden at udgive/publicere

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

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

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

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

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

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 design: Ny identitet til LiveCV

Grafisk design: Ny identitet til LiveCV Grafisk design _ 22 / 42 Grafisk design: Ny identitet til LiveCV Produkt _ Igennem mit eget firma Wunderly, har jeg fået til opgave at re-designe LiveCV s online identitet, med henblik på at gøre det hele

Læs mere

Grundforløbsprojekt Mediegrafiker - 2014 Erik David Ahler

Grundforløbsprojekt Mediegrafiker - 2014 Erik David Ahler Grundforløbsprojekt Mediegrafiker - 2014 Indhold Tidsplan... 03 Synopsis.... 04 Interview... 05 Grafisk Design.... 06 Grafisk Workflow.... 12 Typografi og ombrydning... 20 Grafik og billeder.... 28 Konklusion...

Læs mere

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside

Hardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

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

Siteloom manual for Comwells webredaktører

Siteloom manual for Comwells webredaktører Siteloom manual for Comwells webredaktører Generelt Hvad er SL: SiteLoom er redigeringsprogrammet bag comwell.com websitet, som gør det muligt for folk uden programmeringskundskaber, at redigere og tilføje

Læs mere

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS

Vejledning for opdatering af hjemmesiden opbygget med. KlubCMS Vejledning for opdatering af hjemmesiden opbygget med KlubCMS Indholdsfortegnelse Indhold Indholdsfortegnelse... 2 Indledning... 3 Lidt generelt om KlubCMS... 3 Sideopbygning:... 4 Brugere/Brugergrupper...

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

Hjemmeside på SkoleKom

Hjemmeside på SkoleKom Hjemmeside på SkoleKom 1 Om vejledningen Har din lærer givet tilladelse, kan du nu lave din helt egen personlige hjemmeside på SkoleKom. En hjemmeside på SkoleKom er let at gå til, og har du arbejdet lidt

Læs mere

Opgaver. Notater. Opgave 1: Find kursus hjemmeside og bladre lidt rundt på siderne.

Opgaver. Notater. Opgave 1: Find kursus hjemmeside og bladre lidt rundt på siderne. Opgaver Opgaverne er stillet i henhold til medleverede brugervejledning, og som er en facitliste for opgaverne. Brug den undervejs til at løse opgaverne med, og kom med de punkter som den måtte mangle,

Læs mere

Grafisk workflow. ipaper magasinet Subwoofer

Grafisk workflow. ipaper magasinet Subwoofer Grafisk workflow ipaper magasinet Subwoofer 25 Robbert Rysholt Svendeprøve Juni 2015 Opgaven Som beskrevet under typografi og ombrydning, ville jeg lave et ipaper magasin, som skulle indeholde en blanding

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Velkommen til MODx kursus

Velkommen til MODx kursus Velkommen til MODx kursus Dette er en gennemgang af den mest basale funktionalitet i vores nye hjemmeside redigerings værktøj. MODx er et meget simpelt CMS (Content Management System), der gør det muligt

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

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

kollegiekokkenet.tmpdesign.dk Side 1

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

Læs mere

Manual for Synkron hjemmesider

Manual for Synkron hjemmesider Manual for Synkron hjemmesider Denne manual tilhører: Brugernavn: (username) Adgangskode: (password) 1 Start med sitetræet: Sitetræet er centralt. Det er her, dit website er. Det er her, du bygger dine

Læs mere

Grafisk Design. Dansk Center For Organdonation

Grafisk Design. Dansk Center For Organdonation Grafisk Design Dansk Center For Redegørelsen Hvad går opgaven ud på? Denne opgave går ud på at få lavet et redesign af det logo, Dansk Center For fik fremstillet i 2008, af vores kommunikations afdeling.

Læs mere