SVENDEPRØVE 2021 Portfolio | Josephine Wonge Aaskov Eriksen
SVENDEPRØVE 2021
TRYKT PRODUKT INTRODUKTION OPGAVEBESKRIVELSE Kunden ønskede et tillægsmagasin, der stiller skarpt på danske designere, dansk design og dansk arkitektur. ARKIT stammer fra ordet arkitekt, men er ikke stavet færdigt, da arkitektur er i konstant udvikling.
MOODBOARD
MÅLGRUPPE Kvinder i alderen 45+, med interesse i dansk design. De er kulturelle, højtuddannede og med høj indkomst – det blå segment i Minervamodellen.
MEDIE OG FORMAT Magasinet er et tillægsblad, der følger med til magasinet Bolig 4 gange årligt. Formatet er 220x280 mm, så der er plads til store billeder og godt med læsestof.
MATERIALISTISK & MODERNE
IDEALISTISK & MODERNE
UAFKLARET
TRADITIONEL & MATERIALISTISK
MÅLGRUPPE
TRADITIONEL & IDEALISTISK
DOCUMENT SETUP PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 2
SVENDEPRØVE 2021
GRID
TRYKT PRODUKT MASTER
TYPOGRAFI MASTERPAGE Masterpage er anvendt i hele magasinet, for at sikre at paginering, sidehoved, trompet og artikeltekst er placeret ens.
GRUNDLINJENET OG GRID Grundlinjenettet er regnet ud fra brødtekstens skriftstørrelse og skydning der er 9/14 pt. Grid er udregnet fra brødteksten og antal linjer pr. spalte.
GRUNDLINJENET
LILLE I TEST OG FLODER Der er foretaget lille-i-test for at sikre en pæn afstand mellem hvert ord og undgå floder. Denne test er vigtig ved brug af fast for- og bagkant (left justify), som brødteksten er.
FIGURSATS Der er figursats på side 13 og 15, som begge er statement billeder og bryder det skarpe layout. Figursatsen er sat til 5 mm på begge.
LILLE I TEST
FIGURSATS
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 3
SVENDEPRØVE 2021
TRYKT PRODUKT TYPOGRAFI
Meno Banner Extra Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1 2 3 4 5 6 7 8 9 0 . , ; ! ? • - ” ’ () / | % @
MENO BANNER
Meno Banner Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1 2 3 4 5 6 7 8 9 0 . , ; ! ? • - ” ’ () / | % @
Serif font designet i 1994 af Richard Lipton. Fonten er moderne og kraftig i udtrykket, og skaber en god displaytekst. Den er brugt i extra bold til rubrikker og uncial og i italic til underrubrikker.
Objektiv Mk1 Light ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1 2 3 4 5 6 7 8 9 0 . , ; ! ? • - ” ’ () / | % @
OBJEKTIV MK1 Grotesk font designet i 2015 af Bruno Mello. Fonten er moderne, minimalistisk og geometrisk i sin form, hvilket giver modspil til Meno Banner. Fonten anvendes i 9 pt light til brødtekst. For at opnå maksimal læsbarhed og undgå et teksttungt udtryk, er der en skydning på 14 pt. Som mellemrubrik er den bold versaler som kontrast.
Objektiv MK1 Light ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1 2 3 4 5 6 7 8 9 0 . , ; ! ? • - ” ’ () / | % @ Objektiv Mk1 Light Italic ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ abcdefghijklmnopqrstuvwxyzæøå 1 2 3 4 5 6 7 8 9 0 . , ; ! ? • - ” ’ () / | % @
PARAGRAPH- OG CHARACTER STYLES Anvendt for ensartethed med rimelig frihed.
UNCIAL Uncial er anvendt i alle artikler for blikfang.
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 4
SVENDEPRØVE 2021
TRYKT PRODUKT GRAFIK & BILLEDBEHANDLING LAG OG SMART OBJECTS Photoshopdokumentet er organiseret med navngivne lag og mapper. Smart objects er brugt for at bruge smart filters og for at kunne skalere billederne ikkedestruktivt.
LAG
FRITLÆGNING Fritlægning er lavet med hhv. pen tool eller quick select + select subject.
FORMAT OG PPI Alle billeder passer 100% i deres ramme og har 300 ppi.
VANISHING POINT
ORIGINALE
PPI
SKYGGER
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 5
SVENDEPRØVE 2021
TRYKT PRODUKT GRAFIK & BILLEDBEHANDLING GRAFIK Grafikken er lavet i Illustrator med mesh tool. Den vækker nysgerrighed og skaber blikfang.
MESH
ORIGINAL PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
GRAFIK SIDE 6
SVENDEPRØVE 2021
DIGITALT PRODUKT INTRODUKTION KUNDE Løsning Maskinfabrik er specialister i B2B CNC-produktion.
OPGAVEBESKRIVELSE
MOODBOARD
Den tidligere hjemmeside udstrålede en gammeldags maskinfabrik – de ville gerne udstråle en moderne maskinfabrik, med det nyeste udstyr. På sigt skal hjemmesiden også skabe henvendelser.
MÅLGRUPPE Andre industrier der skal bruge dele til deres maskineri.
KUNDEN
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
MÅLGRUPPE
SIDE 7
SVENDEPRØVE 2021
DIGITALT PRODUKT WIREFRAME
GRAFISK DESIGN DESIGNPROCES Designprocessen har taget udgangspunkt i double diamond modellen; indsamle, forstå, udtænke & udvikle og skabe.
UX OG CTA Siden er designet ud fra brugeradfærdsanalyser, der viser at øjnene ser på hjemmesiden i en F-bevægelse, og sjældent kommer ned i bunden. De vigtigste elementer er derfor placeret herefter.
F-BEVÆGELSEN
Tydelig navigation i menu.
DESIGNMODEL
CALL TO ACTION
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 8
SVENDEPRØVE 2021
FARVER
DIGITALT PRODUKT GRAFISK DESIGN FARVER Farverne er mørke, neutrale og maskuline – det passer til målgruppen. Den røde farve er iøjnefaldende og er brugt på alle knapper, for hurtig kontakt.
#EA322E
#E8E8E8
#333333
#FFFFFF
FONTE Sans serif fonten Poppins er benyttet. Den er moderne, letlæselig på skærm og kommer i mange formater, så man let kan skabe hierarki mellem rubrikker og brødtekst.
IKONER & GRAFISK DESIGN
IKONER Der er brugt ikoner på knapper og lister – ’don’t make me think’.
SKRIFTTYPE
POPPINS BOLD, font-size 25px Poppins Regular, font-size 16px PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 9
SVENDEPRØVE 2021
DIGITALT PRODUKT
WORKFLOW
TIDSREGISTRERING
GRAFISK PRODUKTIONSFORSTÅELSE SWOT-ANALYSE STYRKER: • Hurtig levering • Høj kvalitet • Konkurrencedygtige priser • Bredt sortiment • Alt fra enkeltstyk til serieproduktion • Leverer til hele landet SVAGHEDER: • Store kunder kan måske blive skræmt væk af, at den er så personlig, og virker som en mindre fabrik MULIGHEDER: • Udvide levering til norden • Siden kan nemt udvides til at have flere sprog TRUSLER: • Stor konkurrence i faget • Mangel på arbejdskraft
BUDGET OG PLANLÆGNING Budgettet på hjemmesideproduktionen er overskredet, men vi kommer alligevel til at tjene på kunden gennem SEO-mersalg.
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
SIDE 10
SVENDEPRØVE 2021
DIGITALT PRODUKT GRAFISK PRODUKTIONSFORSTÅELSE HJEMMESIDEN Siden er kodet i VS Code med bl.a. yml-, less- og hbs-filer samt AMP-scripts og -moduler. Det hele er baseret på stor filopdeling, hvor man henter moduler ind.
AMP AMP er et kodesprog der skabt til at producere lynhurtige hjemmesider. AMP er javascript-fri, og hermed opnår man en hurtig pagespeed og en særdeles god brugeroplevelse.
ANALYTICS
GOOGLE ANALYTICS Målsporing er opsat i Google Analytics og TagManager. En målkonverteringsrate på +1% anses som værende god. På denne side kan vi spore 3,36%, men vi kan samtidig se, at ca. 80% af de besøgende besøger på desktop. Her kan vi ikke spore klik på telefonnummer, men vi kan regne med at komme op omkring en målkonverteringsrate på +8%.
TEMPLATE
INDEX
MOBIL
HEAD
HASTIGHED
PORTFOLIO | JOSEPHINE WONGE AASKOV ERIKSEN
COMPUTER
SIDE 11