Produktbeskrivelse - Grafisk workflow

Transkript

1 Produktbeskrivelse - Grafisk workflow

2 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 . 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 en 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.

3

4 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

5 Upload Billeder Upload link

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

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

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

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

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

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

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

13