Web Skitse

Coverbillede til Web skitse på sarahhvass.dk

Som vores første portfolio opgave i valgfaget Hands-On Digital Marketing, skulle vi lave en skitse af den hjemmeside vi gerne ville kreere. Grundlaget for en skitse, er at vise, at vi som studerende og kommende markedsføringsøkonomer lærer at tænke over vores designvalg inden vi tager til tasterne.

Det er vigtigt at gøre sig overvejelser omkring:

  • Design; herunder opsætning og farvetema
  • Læsbarhed
  • Målgruppe/Persona
  • Formål

Formålet med denne hjemmeside var forudbestemt, siden skal handle om mig og være et redskab til personlig branding, praktiksøgning eller jobsøgning. De andre punkter har været op til os selv. Skitserne er lavet med tanke på, at min målgruppe/persona har en travl hverdag, hvor det skal være let at navigere rundt på min hjemmeside, for at danne sig et overblik omkring, hvorvidt jeg ville passe som praktikant eller ansat i deres virksomhed.

 

En fælles ting for skitserne af de forskellige sider jeghar lavet er, at jeg ønskede, at det hele tiden skulle være nemt at tilgå menuen, at søge efter stikord og at se hvilken side man som læser er på. Derfor er toppen af hver skitse identisk, med menu ikon, søge ikon og mit navn, som også er domæne navnet.

 

Herunder kan du se mine første webskitser og nogle af de tanker og overvejelser jeg gjorde mig inden første udgivelse af denne hjemmeside.

Skitse af web design til personlig hjemmeside sarahhvass.dk

Forside

Til venstre kan du se den første skitse, og dermed de første tanker jeg gjorde mig om min hjemmeside.

Da jeg startede processen havde jeg ikke gjort mig store tanker i frohold til farvetema, men alligevel kan man se vigtigheden af farver, herunder særligt kontrastfarver på de næsten usynlige knapper der ligger over hvert billede. Skriften er for spinkel, og farverne for sarte, hvilket gør dem svære at læse.

Selve opbygningen tænkte jeg en del over, jeg ville gerne drage fokus mod siderne “uddannelse” og “portfolio”, hvorfor jeg gjorde de billeder større. Formålet med hjemmesiden er personlig branding/Online CV, derfor ville jeg gøre det let for læseren, at finde de sider der viser hvad jeg kan udrette og hvad jeg har med i min faglige rygsæk.

Navigationsside

Herefter var tanken, at læseren klikker ind på fx. Portfolio siden, hvor et billede og en kort tekst beskriver hver opgave.

På denne skitse ses det, at jeg blev mere opmærksom på kontrastfarver, og at få tekst til at syne mere i øjenfaldende, såfremt de står på et billede. Tanken var, at teksten/billederne skulle fungere som knapper, der ville gøre det let for læseren, at navigere rundt, uden forvirring over, hvor man befinder sig, eller hvad man læser om.

Skitse af indholdsside med overskrift og almindelig brødtekst

Indholdsside

Tankerne bag min indholdsside har primært været, at lave en simpel side, uden for mange billeder eller favrer, så læseren ikke ville blive distraheret.

Denne skitse havde jeg sværest ved at lave, da jeg havde svært ved at forstille mig om siden blev for enkel og dermed kedelig, men samtidig om billeder ville blive for larmende og distraherende.

Jeg vidste at jeg ville bruge indholdssiderne ikke kun til at fremvise portfolio opgaverne og dermed min praktiske kunnen, men jeg ville også gerne fremvise min teoretiske viden.

Skitse af bannere til sarahhvass.dk et banner med portræt og et banner uden

Bannere

Til sidst har jeg valgte jeg at lave bannere til min hjemmeside, som skulle skabe genkendelighed, men som også skulle binde min hjemmeside sammen med min LinkedIn profil, som har et lignende banner som coverbillede.

Scroll to Top