-
Peter Grøn LarsenDigital dokumentation
h2 2020
-
H2 Digital | Grafisk Produktionsforståelse
Opgave
Opgaven gik ud på at design og producere en ny hjemmeside til
grafisk skp. Meget få kretiereier så som simple opsætning resposive
design og let at implimentere nye elev sider. Hjemmeside skal også
være udelukket sat op i HTML og css.
Målgruppe
Siden skulle være brugbar for flere alders grupper, så
hjemmeside skulle være nem at finde rundt i med simple grafiske
elementer da realistik set er mål gruppen fra ca 30 og op firma
ejere.
Wireframe
Wireframe er udarbejdet efter de få restriktioner som er nævnt i
opgave beskrivelsen, med et simple layout og let navigerende.
hjemmeside skulle også være resposiv så den kan bruges på mobil
devices.
-
H2 Digital | Grafisk Produktionsforståelse
Ideudviklingudvikle en overordnet ide i forhold til inspiration
og kretierer
Inspirations søgningfind inspiration til hjemmesidens design
Wireframe Udarbejd et wireframe i forhold til inspiration og
ønsker
Præsentation af Ide til kunden Pitch Hjemmeside layout til
kunden
Tilrettelser efter møde med kundenTilpas wireframes i forhold
til ønsker
Overblikfå overblik over materialer, hvad mangler osv.
ProduktionStart produktion med basic html og css basic
template
Designimplimenter design elementer
Feedbackfå feedback fra kunden, og lav tilrettelser efter
kundens ønsker
ResponciveImplimenter responcive elementer
Manglede materialeImplimenter manglede materi-ale så som elev
billeder
Bug fixingret resternede fejl i koden
Beta Launch
Workflow
-
H2 Digital | Grafisk Design
Idéudvikling
Kunden ønskede en moderniseret version af deres nuværende
logo.
startede ud med at snakke om fonte med kunden.
der efter snakkede vi format i forhold til dimen-tioner af
logoet hvad den skulle bruges til osv
Inspiration
Font
Fonten til logo er Azo Sans Black ud fra mine forskalg og
eksempler var det det den kunden ønskede da den har et blødere look
end den nuværende font
Farver
CMYK: 100, 0, 0, 0RGB: 0,255,255HEX: #00FFFF
CMYK: 0. 100. 0. 0RBG: 255,0,255HEX: #FF00FF
CMYK: 0. 0. 100. 0RBG: 255,255,0HEX: #FFFF00
CMYK: 0. 0. 0. 100RBG: 0,0,0HEX: #000000
Logoet indholder de orginale farver fra det forige logo som
representere CMYK, en genken-delig skala i den grafiske
branche.
Logo Forslag
Startede ud med simple logo forslag der spillede vidre på de 3
farver.
Vi fandt hurtigt ud af vi skulle gøre farvere mindre i
focus.
Vi kom frem til at Gradienter ikke virker, og det runde design
heller ikke var en sucess da det faktisk gik ud af de porpotioner
som kunden havde sat. Jeg arbejde vidre med et mere verti-cal
design.
SKP SKP
SKP
SKP SKP SKP SKP
SKP SKP
-
H2 Digital | Grafisk Design
Endelig Logo
Det endelige logo giver et spil på de 4 farver som vi bi
beholder med en blødere tekst.
