Grafisk produktionsforståelse

Transkript

1 Portfolio Hovedforløb 2 Af Siw Lysholt Jørgensen

2 Opgave: Opgaven var at lave en simpel hjemmeside, hvor kunden selv har mulighed for at lægge tekster op på sin blog. Han havde nogen grafiske valg omkring font, men ellers var han med på lidt af hvert af idéer. Han ønskede dog at der lå et billede bagved indholdet, hvis dette var muligt. Hjemmesiden skulle indholde: Forside Blog med delfunktion til sociale medier Prissætning side Hvad kan jeg hjælpe med side Referenceside Kontaktside Inspiration: Som min inspiration kom kunden med 2 hjemmesider han godt kunne lide nogen af opsætningerne fra. Hjemmesiderne var: Kundekontakt Jeg har haft kundekontakt med kunden igennem hele opgaven på mail. Hjemmesiden ligger på domænet: Madsbloch.dk Programvalg: Jeg har brugt Wordpress til at lave hjemmesiden i, da kunden selv ville kunne rette i den. 2

3 Workflow: Mail fra kunden Få webhotel og login oplysninger på plads Kundemøde om hvad der ønskes Søge efter gratis temaer Indsætning af tilsendt materiale Opsætning af sider Download tema og plugins Tema godkendt Smårettelser af font og størrelse Sat referenceside til inaktiv Godkendt til at sætte online Slet prissætningside og erstat med om mig side Overdragelse af hjemmeside Hjemmeside godkendt Smårettelser af tekst og farve Sætte to billeder ind 3

4 Flowchart: Det er en enkelt hjemmeside med få sider. Der er link fra kontaktsiden til kundens LinkedIn og Twitter profil, det samme gælder i Footeren på alle sider. Der er også mulighed for at dele hans indlæg på hans blog på både Facebook, Twitter og LinkedIn. Forside Hvad kan jeg hjælpe med Blog Om mig Kontakt 4

5 Typografi: På hjemmesiden er der brugt googlefonten Kanit da det sikre mig at den kan bruges på hjemmesider. Kanit er en letlæselig og enkel font, som er ekstra vigitigt, når det skal bruges på web. Fonten er blevet brugt i forskellige varianter for at skabe lidt hierarki. ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå !? 5

6 CSS og Plugins: Da temaet WIC2015 er et gratis tema, gør det også at der er nogen begrænsninger i form af f.eks. farve og fontvalg. Derfor har jeg været nødt til at tilføje nogen Plugins og lidt CSS ved hjælp af undersøgningsværktøjet, hvor jeg har fundet det der skulle rettes i koden og tilføjet rettelserne i CSS. Plugins: 6

7 Designudkast: 7

8 Browsertest: Jeg har tjekket om hjemmesiden fungere på nogen forskellige browsere, da hjemmesiden gerne skulle fungere for alle. Hjemmesiden ser fin ud i de forskellige browsere. Internet explorer Firefox Safari Google Chrome 8

9 Kvalitetsvurdering: Arbejdsforløbet er jeg ikke helt tilfreds med. Den overskred deadline da det haltede med at få indholdet fra kunden. Udover det er jeg overordnet tilfreds med hjemmesiden, taget i betragtning af at det er den første hjemmeside jeg har lavet for en kunde, og det er første gang jeg har skulle ind og finde de ting i koderne, som jeg skulle have rettet. Udseendet kunne også have været bedre specielt med billederne og deres placeringer, men det var noget kunden selv ville ind og rette lidt i. Kunden var fuldt ud tilfreds så det er dejligt. Det har været en kæmpe udfordring for mig, men det har været meget lærerigt. 9