Workflow
Produkt Hjemmeside og logo.
Kunde City Guld Bemærk: Dette er en fiktiv opgave, og der har ikke været reel kontakt.
Idé Både logo og hjemmeside skal fornyes og gøres moderne. De samme farver skal forblive.
Program Adobe Photoshop CC Adobe Illustrator CC Adobe Muse CC Wacom Intuos Pro Tablet
Format 960 px .png .jpg
Workflow Jeg har valgt at bruge Muse, da det er et professionelt program til at lave hjemmesider i på en ny og moderne måde, hvor man nemt kan gøre mere ud af det visuelle.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014
Original hjemmeside Kortfattet, kedelig og uinspirerende.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014
Ny hjemmeside Stilren, inspirerende og fortæller mere om virksomheden.
Diashow Lækre billeder i form af diashow, virker mere tiltrækkende for kunden.
Logo Logoet er placeret til venstre for menu-linjen som er konstante på siderne. De er gjort konstante vha. Master-page i flowcharten.
Menu Enkel menu. Det er nemt at navigere rundt, og den valgte side er oplyst med logo-farven og sort tekst.
Layout Det indeholder samme elementer fra den gamle hjemmeside, som den mørke baggrund, enkeltheden, hvid brødtekst og logoets guldfarve.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014
Logo re-design Logoet er fornyet og gjort mere stilrent og moderne.
.png Logoet ergemt som .png-fornat for at gøre den transparent.
Farver Jeg har beholdt det originale logos farver, da andre farver ville gøre det for uigenkendeligt. Derudover har jeg brugt RGB, da det fungerer til hjemmesider.
#F2CE72
#000000
#FFFFFF
Font Jeg har brugt Elegant Lux: Mager, da den ganske enkelt har hvad jeg skulle bruge: elegance
Elegance Lux ELEGANCE LUX Sort/hvid Logoet passer fint til både sort og hvid baggrund.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014
Original filer Billederne er til for at demonstrere, hvordan idéen skal forekomme. Disse er ikke mine, og er kun til brug af eksempler.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014
Kreativt workflow Da jeg samlede elementer fra den forrige hjemmeside, havde jeg en forholdsvis god idé om, hvordan den nye skulle se ud, og da det skulle være enkelt og stilrent, var det umiddelbart lige til at gå til.
1. Skitsér nyt logo 2. Skitsér evt. hjemmeside design 3. Lav logo
4. Gem som .png og .jpg 5. Påbegynd hjemmeside design 6. Lav dokumentation
Teknisk workflow Alt med hjemmesiden er bygget op i Adobe Muse. Billederne er redigeret i Photoshop og logoet er lavet i Illustrator og Photoshop.
Struktur Alt er lavet efter rækkefølge. Der er ingen undersider, da hjemmesiden ikke indeholder mere, end hvad den gør. Man kunne evt. gøre den til en webshop, og dermed udvide hjemmesiden en del.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014
Ens udtryk Hver side ligner hinanden, dog en lille smule anderledes med billeder.
Pixel afstand Tekst og billeder har alle samme afstand i forskellige omfang, for at indramme siden.
Citat Et citat fra City Guld kan ses nederst på alle sider, for altid at minde kunden på, at de har god service.
Kontakt formel Dette er en nem og hurtig måde at kontakte forhandleren på.
WORKFLOW
1. HOVEDFORLØB
DIANA GULDHAMMER OLESEN
HANSENBERG 2014