Websiteskitse
Mine tanker bag hjemmesidens design og layout.
Når man opbygger en hjemmeside, handler det ikke kun om det visuelle design, men om at skabe en platform, der er enkel, overskuelig og brugervenlig. Det er vigtigt, at den besøgende guides naturligt gennem hjemmesidens indhold og let kan finde præcis den information eller side, de leder efter. En god hjemmeside bygger på klar navigation, en logisk opbygning og et responsivt design, der fungerer på tværs af devices – alt sammen understøttet af et enkelt visuelt design, som skaber en god brugeroplevelse (UX). Med disse tanker som udgangspunkt begyndte jeg at skitsere, hvordan min hjemmeside skulle opbygges, før jeg gik i gang med at udvikle og sætte den op i WordPress samt Elementor.
Mine tanker bag forsiden
Med udgangspunkt i de overvejelser, jeg gjorde mig, da jeg begyndte at skitsere hjemmesiden, var det vigtigt for mig, at forsiden skulle være enkel, overskuelig og nem at finde rundt på. Mine tanker bag hjemmesiden var, at den skulle være så brugervenlig som muligt, og derfor valgte jeg et enkelt design, der netop understøttede overskueligheden og hjalp besøgende med hurtigt at orientere sig. Jeg valgte et minimalistisk layout, for at understøtte brugervenligheden og gøre det tydeligt, hvor besøgende skulle klikke hen for at finde den information, de søger. Det enkle design skulle skabe overblik og ro, så den besøgende ikke blev overvældet og mistede orienteringen.
Øverst oppe i toppen på skitsen ses min header på hjemmesiden, som består af to foldemenuer, mit logo og en søgefunktion. Den ene foldemenu gør det muligt at lære mig bedre at kende gennem siderne, hvem er jeg, min baggrund og mine kompetencer. Den anden foldemenu, portofolie, indeholder alle opgaverne fra valgfaget Hands On, så den besøgende kan se hvilke tanker, værktøjer og opgaver jeg har arbejdet med gennem forløbet. I midten af headeren har jeg placeret mit logo, som består af initialerne fra mit fornavn og efternavn, for at skabe en tydelig visuel sammenhæng mellem min hjemmeside og min LinkedIn-profil. Søgefeltet er placeret i højre hjørne, så det altid er nemt at tilgå – uanset hvor på hjemmesiden man befinder sig.
Grunden til, at min header – og generelt hele hjemmesidens struktur – ser ud, som den gør, er for at skabe en logisk opbygning med fokus på nem navigation og et responsivt design, der fungerer på tværs af devices. Jeg ønsker, at besøgende med det samme forstår, hvor de skal klikke hen for at finde den specifikke information, de leder efter, så de ikke mister overblikket eller forlader siden og bouncer væk. Det enkle udtryk gør det også mere behageligt at være på siden, fordi indholdet står tydeligt, og navigationen er intuitiv.
Under headeren har jeg valgt et bredformatbillede med teksten velkommen. Her er tanken at møde besøgende med et roligt, imødekommende og behageligt visuelt udtryk, der samtidig skaber et indbydende førstehåndsindtryk.
Nederst på skitsen ses footeren, som indeholder to kolonner: Information og Følg. Under, information, ligger blandt andet kontaktsiden og min cookie- og privatlivspolitik, mens, følg, linker direkte til min LinkedIn-profil. Footeren afsluttes med copyright, hjemmesideadresse og e-mailadresse, så det tydeligt fremgår, hvem der står bag hjemmesiden. Placeringen af disse elementer understøtter min tanke om at gøre det nemt for besøgende at komme i kontakt med mig eller finde praktiske oplysninger. Derudover går min header og footer igen på hele hjemmesiden, for at sikre en sammenhængende og intuitiv brugeroplevelse. Uanset hvor på siden man befinder sig, kan man altid nemt søge, navigere eller komme i kontakt med mig.
Mine tanker bag standardindholdssiderne
Idéen bag skitsen til en af mine egne standardindholdssider tager udgangspunkt i de samme principper som skitsen af min forside og generelt min hjemmeside – siden skal være brugervenlig, have en logisk opbygning og være nem at navigere rundt på. På skitsen har jeg illustreret, hvordan foldemenuen fungerer, og markeret, at der er klikket ind på, om mig, og videre til, hvem er jeg.
På selve indholdssiden er der en tydelig overskrift øverst, der gør det klart for den besøgende, hvilken side de befinder sig på. I venstre side er der placeret et billede, som er relevant for sidens indhold, mens selve teksten ligger i højre side under overskriften. Strukturen er opbygget logisk og skaber en tydelig, overskuelig sideopdeling, som understøtter et godt overblik for den besøgende og gør det enkelt at orienterer sig i indholdet på siden.
Nederst på siden ses, som på forsiden, de to kolonner i footeren, hvor besøgende kan finde kontaktoplysninger, cookie- og privatlivspolitik samt et direkte link til min Linkedin-profil. At footeren gentages på alle sider er et bevidst valg, da det skaber sammenhæng i designet og gør det nemt at finde relevant information, uanset hvor man befinder sig på hjemmesiden.
Udforsk mine øvrige cases
Vil du se, hvordan jeg arbejder med digital markedsføring i praksis? Gå på opdagelse i min portefølje, hvor jeg deler flere projekter fra valgfaget Hands-On.