Webskitse
I denne opgave arbejdede jeg med den første planlægning af min hjemmeside gennem en simpel webskitse. Formålet var at tænke over sidens opbygning, navigation og indhold, før jeg begyndte at bygge selve hjemmesiden i WordPress. Skitserne fungerede derfor som et tidligt visuelt udgangspunkt for, hvordan hjemmesiden kunne struktureres.
Skitse af forsiden
Den første skitse viser mine tidlige tanker om forsiden. Her havde jeg fokus på at skabe en overskuelig startside med logo, navigation, søgefelt, billede og tekstindhold. Forsiden skulle fungere som et naturligt indgangspunkt til hjemmesiden, hvor brugeren hurtigt kunne få et indtryk af sidens formål og finde videre til de vigtigste undersider.
I den endelige version har forsiden ændret sig en del visuelt, men idéen om en tydelig navigation og en introduktion til hjemmesidens indhold er stadig bevaret. Jeg tænkte især over, at forsiden skulle give et hurtigt overblik og lede brugeren videre til de vigtigste dele af hjemmesiden. Derfor placerede jeg navigationen tydeligt øverst og arbejdede med idéen om en simpel introduktion med billede og tekst.
Skitse af underside
Den anden skitse viser en idé til, hvordan en underside kunne bygges op. Her beholdt jeg samme header og navigation for at skabe genkendelighed på tværs af hjemmesiden, mens selve indholdsområdet blev tilpasset den enkelte side. På den måde kunne hjemmesiden få en rød tråd, samtidig med at hver underside havde sit eget fokus. Undersiden skulle være mere fokuseret end forsiden, fordi brugeren her allerede har valgt et bestemt emne. Derfor lagde jeg vægt på, at indholdet skulle være nemt at læse og opdelt, så tekst og billeder kunne støtte hinanden.
Refleksion
Webskitsen hjalp mig med at tænke mere struktureret over hjemmesidens brugeroplevelse. Undervejs ændrede designet sig, fordi jeg fik en tydeligere visuel retning med naturbilleder, grønne farver og beige tekstsektioner. Selvom den færdige hjemmeside ikke følger skitserne 1:1, har skitsearbejdet været nyttigt, fordi det gav mig et udgangspunkt for navigation, indhold og sidernes opbygning.
Jeg kan også se, at skitsearbejdet gjorde det lettere at træffe valg senere i processen, fordi jeg allerede havde tænkt over, hvordan brugeren skulle bevæge sig rundt på siden. Det har især haft betydning for menuen, portfolio-strukturen og den visuelle sammenhæng mellem siderne.