Produktbeskrivelse - Grafisk workflow



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

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

portfolio GRAFISK WORKFLOW

Dokumentation. Karen-Louise Fejerskov

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

GRAFISK WORKFLOW. 1 Grafisk workflow

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Opgavebeskrivelse. Opgaveløsningen

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 PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

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

GRA DESIGN. HEARTS & MINDS

Grafisk produktion & workflow: Alt til forfesten

GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

GRAFISK WORKFLOW PORTFOLIO NIKLAS POULSEN H1

portfolio GRAFISK WORKFLOW

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

1. Hovedforløb. Mediegrafiker

GRAFISK PRODUKTIONSFORSTÅELSE

Grafisk Design. fra idé til visuelt udtryk Benett

KODNING AF RESPONSIV DESIGN

GRAFISK WORKFLOW H1 MARIA SCHELDE

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 PRODUKTION & WORKFLOW

Vejledning. Indhold. Side 1

Opgavebeskrivelse Opsætningsdelen Kundekontakt GRAFISK WORKFLOW

WORKFLOW & PRODUKTION

GRAFISK WORKFLOW Hjemmeside - Husk hjelmen.

Brugervejledning til Design Manager Version 1.02

WORKFLOW & GRAFISK PRODUKTION

Grafisk produktion & workflow

Grafisk workflow. Se siden her:

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

Mit grafiske workflow inkluderer:

Produkt. Index side GRAFISK DESIGN

Grafisk Produktionsforståelse & Workflow

Grafisk Design. rafisk Design

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

Grafisk produktion og workflow

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

GRAFISK WORKFLOW PHILIP CREAMER AARHUS TECH SVENDEPRØVE NOVEMBER 2016

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

KT OR LOW PRODUKTION // WORKFLOW

afsender Aarhus Folk Festival

OPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.

Grafisk workflow. bl.udbudsnet.dk

Grafisk Produktion & Workflow

Opgaven. Væsentlighed. Problemstillinger. Browserkompabilitet. Layout. Kvalitetsvurdering. Format. Processer. Komposition og modulopbygning

MÅLGRUPPE Alle typer af boligselskaber, ejer- og andelsforeninger samt div. institutioner (store som små) på Sjælland. Ikke private kunder.

Grafisk design. Ide. Designprocess. Målgruppe

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

GRAFIK & BILLEDEBEHANDLING

Grafisk Workflow. Website til European Blues Challenge

WORKFLOW. RESPONSIV HJEMMESIDE MED ET FARVETWIST Hjemmesidedesign og udvikling.

SÅDAN LAVER JEG 100 FEDE PRODUKTBILLEDER PÅ LIDT OVER 7 TIMER.

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

Grafik Workflow...2 Opgave Kunden Min opgave Nuværende Design...4 Overvejelser Brainstorm...6 Målgruppe Signalværdi Sitemap Nuværende sitemap...

Hovedforløb 1 Grafik & Billeder Stine Keller

GRAFISK DESIGN. Kenneth Friis Petersen

Grafisk produktionsforståelse

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

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

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

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

BN Autopleje. Brian Amstrup Nielsen Baunevej 7, Tjørring 7400 Herning CVR NR Mail: Tlf.

Afsenderen af hjemmesiden er Ulla Bersang, som er Bersang. Opgaven er en ny opsætning. Opgaven er

GRAFISK WORKFLOW Hjemmesidedesign

GRAFISK WORKFLOW. Hjemmeside design til Chem-Tec Plating

grafisk workflow Madmagasinet

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

GRAFISK DESIGN DOTHOST HJEMMESIDE

Grafisk produktion & workflow

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

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

Portfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.

Portfolio - sunestenild.dk

ActiveBuilder Brugermanual

MONIQUE BOOTS-NIELSEN / GRAFIKER

Grafisk Design. Svendeprøve Portfolio Anja Jelstrup Jensen, Kailow

PRODUKTION OG WORKFLOW

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

DOKUMENTATION 1. HOVEDFORLØB

grafisk workflow Frank winding

1 SVENDEPRØVE 2016 GRAFIK & BILLEDER GRAFIK & BILLEDER

GRAFISK PRODUKTION & WORKFLOW

GRAFISK PRODUKTION OG WORKFLOW

Grafisk workflow. Hjemmeside til Bærkompagniet

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

PORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester

Brugermanual. PoP3 og Outlook Express Webmail Udarbejdet af IT-afdelingen 2005

Se hjemmesiden på:

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

Grafik og billedbehandling

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

Navision Stat 7.0. Kvikguide om tilpasning af rollecenteret. Overblik. Side 1 af 29. ØSY/STO 18. maj 2015

Opsætning af virksomhedsprofil

Transkript:

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. Webadministratoren hjælper mig med eventuelle spørgsmål. Budskab Budskabet ved denne nyhedsmail er, at inspirere og derved sælge duge samt tilbehør til konfirmation, desuden kan kunden se meget mere på hjemmesiden. Layout Opbygningen af mailen gøres på et Drag & Drop -internetprogram. Jeg bygger mailen op. Webadministratoren kommer med hendes rettelser. Kvalitetskontrol Billedernes farverum er RGB,og opløsningen er på 72 PPI (optimalt for web). Korrektur af layout: Webadministratoren Korrektur af tekst: Salgs og butikslederen. Korrektur af links: Mig samt Webadministrator. Internationale standarter HTML Programmer Output-delen Det er en e-mail. Billeder bliver optimeret til web så de fylder så lidt som muligt derved hurtigere at uploade/downloade Der bliver tildelt links på billederne. De sider som linksene fører til indeholder de varer som billedet viser. Internet E-mailen er baseret på enkelt HTML og CSS, der er ingen javascript eller flash Brugervenligheden er høj, ved et simpelt design er det let for kunden kan scrolle ned/op, og vælge ved kun at trykke på tilhørende billede og derved komme ind på den tilhørende side. Færdiggørelse Jeg tjekker altid selv at alle billeder og knapper har de til rigtige link, inden jeg sender det videre til korrektur ved Webadministratoren. Procesbeskrivelse Ud fra inspirations billeder og idesparring med webadministratoren kom vi frem til en god løsning, derved kunne jeg arbejde målrettet ud fra lavet skitser. Layoutet var færdigt et par dage før deadline. Jeg brugte forrige mails til inspiration af kompositionen. Da jeg selv i samarbejde med designeren havde dækket bordene til mailen og redigeret billederne til mailen, var der klare linjer for hvad der skulle indgå i mailen. Kvalitetsvurdering Jeg er godt tilfreds med stilen, opbygningen samt farverne,da jeg syne at det passer godt sammen, og afspejler målgruppen. Det var lidt presset gennem proccesen. Der var kun en arbejdsdag til at løse op gaven, grundet ferie. Der var ingen stress pga. gode retningslinjer. Jeg er tilfreds med brugervenligheden,da jeg synes den er enkel, nem og hurtig for kunden at læse og navigere rund.

Det mest optimale for billederne er hvis de er under100 kilobytes, derved er de hurtigere at uploade/downloade og hjemmesiden vises hurtigere. Adobe RGB 1998 farverum

Upload Billeder Upload link

Billederne til forsiden samt tema siderne bliver uploadet i Sitecore. Alle billederne er først lavet i Photoshop i korrekt opløsning og gemmes til web.

Opbygning af links og billeder i sitecore, her skrives HTML-koden til ønsket billedet samt linket bliver kopieret ind fra et HTML-dokument,og gemmes. Til sidst bliver det hele pupliceret og forsiden er opdateret. Opdateret forside. <a href="/katalog/mode.aspx?group_id=13537" class="float-center"><img border="0" src="~/media/images/forsiden/2015/februar/konfibord_feb15_dk.ashx?db=master" /></a>

Der oprettes en mappe til temasidene i katalog administrator, her skrives en HTML-kodning for at uploadet billederne fra sitecore. Linket ser ind til videre således ud. Hvert billede linker ind til en underside.

Undersiderne Mappen/siden/linket skal have tildelt de tilhørende varer. Varenummeret tastes i søgefeltet og trækkes over i den nyoprettede mappe. Dette gentages indtil alle de tilhørende varer er tilføjet i mappen. Siden/linket er nu færdig.

Alle de tilknyttet varer er farvejusteret og gemt til Web i den rigtige størrelse i Photoshop. Derefter oprettes de i FileZilla -> Romode Desktop. HTML- koden skrives i ImageImporter.exe.confirm, hvorefter de er klar til at blive tilføjet i katalog administrator.

Nyhedsmailen er klar og har fået tildelt links på billeder samt logo. Logo fører til forsiden. Billederne fører til temasiden Billederne fører til hver deres side med de tilknyttet varer.

Nyhedsmailen er klar til at blive sendt ud til STOF&STILS danske kunder. Mailen kan specificeres til enkelt byer ved at vinge af. Ved indsættelse af koden Kære %%First Name%%, i nyhedsmailen vil gøre at kundens navn erstattes med det brugerdefineret felt, hvilken gør mailen personlig. Jeg har ikke brugt koden i denne mail.