Webskitse
På denne side kan du se de første udkast og tanker bag udformningen af min personlige hjemmeside.
Formålet med skitsen er at visualisere design, opbygning og funktioner.
Forsiden
Layoutet på hjemmesiden har til formål at sikre at brugere får en god oplevelse, så det skal være nemt at navigere rundt på hjemmesiden samt at finde de informationer, der søges. Der skal ikke være noget unødig støj.
Hjemmesiden skal designes i et responsivt design, så den er brugervenlig på tværs af alle platforme og styresystemer. Skræmbilledet skal automatisk tilpasse sig efter størrelsen på den skræm, der bruges til at besøge hjemmesiden, så brugeroplevelsen er lige god, uanset hvordan hjemmesiden besøges.
Forsidens features
Logo
Placeres øverst i venstre hjørne, da øjet naturligt starter her. Det sikrer tydelig genkendelse af hjemmesiden og styrker det visuelle brand.
Navigationsbar
Øverst på siden skal der placeres en navigationsbar, så brugere nemt kan navigere rundt til de forskellige sider og sektioner på hjemmesiden. Den skal gøre det effektivt og hurtigt for brugere at finde information, for at reducerer risikoen for frustration, og dermed øge brugeroplevelsen for besøgende.
Navigationsbaren skal gå igen på alle sider for at sikre konsistens.
Stor baggrund
Forsiden indeholder et stort stemningsskabende billede, som skal fungere som baggrund. Det skal skabe blikfang, og samtidig sørger for at der er et gennemgående tema for hjemmesiden. Desuden skal billedet være af høj kvalitet og i en god opløsning, så hjemmesiden fremstår professionel og troværdig. Sidst, men ikke mindst, skal billedet være optimeret til hjemmesider, så det ikke gør siden langsom at indlæse.
Søgefelt
Et integreret søgefelt, placeret øverst i højre hjørne, så brugere nemt kan finde det indhold, de leder efter, for at øge brugeroplevelse.
Linkbuilding
I øverste højre hjørne, ved siden af søgefeltet, placeres en call-to-action knap, der fører brugere direkte over til min LinkedIn profil, som understøtter linkbuilding og bidrager til SEO.
Sidefoden
Skal fungerer som et centralt informationsområde, hvor brugere hurtigt kan finde kontaktoplysninger samt links til SoMe, for at sikre, at det er nemt at komme i kontakt med mig samt give brugere mulighed for at følge og engagere sig med mig på andre platforme.
Denne sektion er ens på alle sider og skaber en samlet og professionel afslutning.
Underside
På denne side skal indholdet følge samme struktur som på forsiden og i sidefoden for at skabe et ensartet udtryk.
Siden består af en overskrift med mit fulde navn, for at skabe en personlig og professionel præsentation, efterfulgt af en tekst omhandlede mig. Det bliver ledsaget af et portrætbillede af undertegnende.
Opsætningen er bygget op med udgangspunkt i F-teorien, hvor portrætbilledet placeres i højre side, mens introduktionsteksen vises i venstre. Denne opbygning styrker læsevenligheden, øger chancen for teksten bliver læst samt guider øjet naturligt gennem indholdet.
Farvevalg
De valgte farver anvendes gennemgående på hele hjemmesiden – fra baggrunde og overskrifter til knapper, tekstbokse og andre grafiske elementer. Formålet er at sikre den røde tråd samt en helhedsoplevelse, der virker professionel og stilren, men samtidig personlig og tro mod målgruppen.
Der skal primært anvendes neutrale farver, for at holde en minimalistisk stil. For at fremhæve vigtige elementer, såsom call-to-action knapper og sidefoden, skal disse elementer have en kontrastfarve. Jeg har valgt orange som kontrastfarve, som signaliserer kreativitet, energi og eventyrlysten. Egenskaber ved mig selv, jeg gerne vil fremhæve samt en farve der matcher med min målgruppes ønsker om en kreativ, iderig kollega med gå-på-mod.
For at øge webtilgængeligheden, skal al teksten primært være sort, da dette sikrer optimal kontrast mod de lyse baggrunde, og dermed forbedrer læsbarheden for alle brugere, herunder personer med nedsat syn eller andre synsrelaterede udfordringer.