Grafisk workflow. bl.udbudsnet.dk

Transkript

1 Grafisk workflow. bl.udbudsnet.dk

2 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. Hjemmesiden skulle laves så den passede sammen med to rollups som Udbudsnet havde fået lavet til samme messe. Det vil sige at jeg skulle bruge samme farver, grafik og fonte som der er brugt på rollupsne. Hvad er dit bidrag? Jeg har stået for at kode hele siden, og lave designet så det minder så meget som muligt om de to rollups. Kontakt, behandling, ide og layout Kundekontakt: Kunde kontakten har været meget nem, da jeg lavede sitet hos Designcircle, som er de samme som laver Udbudsnet. Ordrebehandling: Opgaven behandlede jeg som jeg ville gøre med alle andre opgaver, lavet den lokalt på min egen maskine, og da det blev tid til at teste sitet i forskellige browsers, lage jeg det ud på en test del af Designcircles egen hjemmeside. Ideudvikling: Da jeg fik de to rollups som siden skulle passe med, har der været meget lidt ideudvikling fra min side. Layout: Layoutet har også haft meget nemt ved at finde frem til, da jeg igen skulle gå ud fra de to rollups. Der er dog nogle ting fra rollupsne jeg har skrottet til fordel for et mere luftigt og rent layout. Derudover gjorde jeg det for ikke at få dobbelt information på sitet. Komposition og modulopbygning Kompositionen er meget simpel og luftig for at gøre alt indholdet lettere at forstå. Illustrationerne er lavet så de supplementerer teksten, og får hele sitet til at kommunikere mere visuelt, som en infographic, end som en bog der skal læses. Sitet er bygget op som et one page site, og i moduler af lysegrå og hvide kasser. Dette er en meget vigtig del af layoutet, da dette er godt for usabilityen. Derudover er det rigtig vigtigt fordi det hjælper sitet til at virke bedre på tablets og telefoner. Usability Der er tænkt meget over usabilityen, da sitet skulle bruges til at sælge på en messe. Her har folk travlt med at komme rundt til alle de forskellige borde og snakke med alle. Sitet skulle fange hurtigt og været hurtigt til at give de informationer, som brugeren søgte. Derfor var det vigtigt med store og lækre overskrifter som fangede. Sitet skulle være så simpelt som muligt for at give fornemmelse af luft og rolighed. Til sidst skulle illustrationerne i samarbejde med lille smule tekst give et hurtigt overblik over hvad Udbudsnet tilbyder. Sitet er meget brugervenligt da det er lavet som et one page site, med en fixed menu i toppen. Derudover er der en kontakt formular til kontakt punktet, som endnu en gang gør det nemmere for brugeren at sende en mail til Udbudsnet. Væsentlighed Det mest væsentlige på sitet er simpelhed og usability. Det er meget vigtigt at sitet holder brugerens fokus, og giver dem informationerne på en hurtig og let fordøjelig måde. Derudover har det været vigtigt at hjemmesiden virkede 100% på tablets og telefoner. Dette er et meget væsentligt element da det er nemmere for folk på en messe at tjekke siden på deres egen telefon eller tablet, frem for at skulle bruge computeren som siden ellers kørte på. Browserkompatibilitet Hjemmesiden er lavet så den kan bruges i alle browsers. Derfor virker den i alle browsers, det er først et problem hvis man bruger version 8 i Internet Explorer. hvordan? Hvad hvorfor Procesredegørelse Jeg startede opgaven med at få de relevante materialer udleveret. Derefter fandt jeg ud af hvordan layoutet skulle se ud, med løbende inputs fra Udbudsnets leder. Da layoutet var færdigt gik jeg i gang med at skille de to rollups ad, så jeg havde de billeder jeg skulle bruge. Efter dette gik jeg i gang med at kode siden. Da koderne var færdige sendte jeg siden til korrektur. Den kom derefter tilbage med nogle rettelser, som jeg straks lavede. Efter dette gik jeg i gang med at lave siden responsiv, og teste den i de forskellige browsers. Da alle tests og den responsive del blev færdige, sendte jeg den igen til korrektur. Efter den kom tilbage rettede jeg de fejl der var fundet, og uploadede den derefter til den af Udbudsnets site, den skulle ligge på. Kvalitetsvurdering Jeg synes selv, jeg er kommet frem til et rigtig fint produkt. Der var desværre en funktion jeg blev nødt til at undlade, da der ikke var tid til at lave tekster til den. Det var en funktion hvor, hvis man klikkede på ikonerne i billedet med skyen, skulle der vises noget tekst. Men udover det synes jeg, resultatet er blevet rigtig godt. Jeg kan særligt godt lide den måde usabilityen, og luft spiller sammen og giver et utroligt brugervenligt layout. Jeg synes også at hjemmesiden er blevet meget nem og hurtig at forstå. KASPER MØLGAARD - Grafisk workflow - side 2

3 Rollups Rollups Her ses de to rollups jeg fik udleveret til opgaven. Jeg har desværre mistet de skitser jeg har lavet af layoutet. KASPER MØLGAARD - Grafisk workflow - side 3

4 Arbejdsproces Arbejdsproces Her ses et udsnit af min proces med html og css. KASPER MØLGAARD - Grafisk workflow - side 4

5 KASPER MØLGAARD - Grafisk workflow - side 5

6 KASPER MØLGAARD - Grafisk workflow - side 6

7 KASPER MØLGAARD - Grafisk workflow - side 7

8 KASPER MØLGAARD - Grafisk workflow - side 8

9 Det færdige resultat KASPER MØLGAARD - Grafisk workflow - side 9