Grafisk Design. rafisk Design

Transkript

1 rafisk Design Svendeprøve 2016

2 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig skulle den også vise hvem vi er og hvad vi står for. Mit bidrag til opgaven Jeg har arbejdet selvstændigt med opgaven Medie Hjemmesiden er lavet i Html5 og linket til en css. Index siden blev først kodet og efterfølgende undersiderne Arbejdsproces Idégenerering/Inspiration 1 Målgruppe 6 Illustrationer 2 Brainstorm Skitser 7 Oprettelse af site Farve og font valg 3 8 Kvalitetskontrol i browsere Arkivering

3 Målgruppen: Reklamebureauer og virksomheder med grafisk afdeling som ikke har tilknyttet deres eget trykkeri, men som skal have det lavet ude af huset. Det er reklamebureauer som går meget op i kvaliteten og hvor også leveingstiden har en stor betydning. Brainstorm/ Nøgleord # Enkelhed # Stilsikker # Blikfang # Kvalitet # Seriøsitet # Professionalisme Kommunikationsstrategi: Kommunikationsværdien skal være enkelthed, stilsikkerhed, kvalitet Afsender ReklameTryk som er afsender ligger vægt på det visuelle. Der skal gøres opmærksom på at de har alt under et tag og derfor er kendt for kvaliteten og den hurtige leveringstid. For at kunderne skal se den nye hjemmesiden gøres der brug af elektroniske annoncer, såsom facebook opslag, nyhedsbreve samt vores mailsignatur som oplyser om nyheder.

4 Skitser Forside Underside

5 Farver Teksten på siden skal holdes nedtonet, således at det er billederne som kommer til at fange opmærksomheden. Baggrund Tekst Toplink Hover Den blå farve på hoveren skal være med til at hjælpe brugeren med at se at her kan man klikke sig videre ind. Den vil også fremtræde på den side som man er gået ind på. Typografi Jeg har valgt at bruge Verdana til brødteksten da den fungerer godt på hjemmesider og er læsevenlig. Samtidig er fonten en standardt på næsten alle browsere. Verdana Regular Verdana Italic Verdana Bold Verdana Bold Italic

6 Illustrationer På forsiden skal der være en slider som fylder siden ud i bredden. Det er det første som brugerne kommer til at se og viser lidt om hvem vi er. Billederne kan løbende skiftes ud, så siden hele tiden er opdateret. Lidt længere nede på siden er der 3 bokse med billeder, som viser lidt om emnet og her kan man klikke sig ind via et link og læse mere om emnet.

7 Logo Color: #666 Hover color: #09c Slider, udskiftlige billeder Udskiftelig tekst Hvad er nyt i huset. Udskiftelig billede <H1> kasser, udskiftlige billeder Læs mere color:# Fotter Color: #666 Background color:# FFF

8 Undersider Undersiderne har en bjælke med billeder som er sammenkoperet i photoshop. De skifter i forhold til hvilken underside man ser. Undersider: # Firmaprofil # Ydelser # Medarbejder # Kontakt Bunden går igen på alle sider.

9 Top banner, udskiftelig billeder Menu Download af brochure Kontakt Find vej, evt. link til krak Kontakt info på alle sider

10 ReklameTryk s tidligere hjemmeside Forslag

11 Kvalitetsvurdering Jeg syntes at jeg har lavet en rigtig god og enkel hjemmeside som er nem at navigere rundt på og som fungerer optimal i alle browsere. Det er blevet en meget lysere og venligere side end den ReklameTryk havde på nuværende tidspunkt, som var meget mørk og lettere forstyrende. Jeg syntes at jeg har holdt den røde tråd, så den passer med ReklameTryks indentitet. Den er blevet testet, og testpersonen syntes at den fungerer som den skal, den blev dog ikke valgt men ligner meget den side som vi har nu. Hvis jeg skulle lave den om, ville jeg kode den ved hjælp af Bootstrap som er opbygget af colums og row. Ved hjælp af dette kan man lave sitet responsive så den kan fungere på alle brugerflader. Herud over ville jeg også lave link til socialemedier, såsom facebook. Anvendte programmer Adobe Dreamweaver Adobe Photoshop