Scroll to top
Markedsføring UX-design Webdesign

AaB esport

01. Intro og mål

AaB esport er en frivillig e-sport forening for unge mennesker. AaB esport ønsker at vækste foreningen, og ønsker derfor en ny hjemmeside, som lever op til deres målgruppes behov, så de vælger AaB esport fremfor andre foreninger. Udover hjemmesiden, sørgede jeg også for, at hjemmesiden er SEO-optimeret, redirection, Google ads, oprettelse af Google Analytics og Google Search Console.

 

02. Beslutningsproces

AaB esports havde brug for en hjemmeside med et nyt design og en bedre informationsarkitektur. Da hjemmesiden skulle laves, blev der tænkt over målgruppens behov, de frivillige som skulle opdatere hjemmesiden og de teknologiske muligheder i CMS WordPress.

Strategi og målgruppe

For at lave en ny hjemmeside til AaB esport, lagde jeg en strategi for at lære AaB esports målgruppe at kende. Dette blev gjort gennem spørgeskemaer, som fokuserede på målgruppens motivation for at spille sport, da medlemmerne ikke havde mulighed for at møde fysisk op. Derudover blev der gjort brug af Hotjar på deres tidligere hjemmeside, så jeg kunne få indblik i brugernes adfærd på hjemmesiden (i form af, hvor de klikker, hvor de bevæger musen hen, og hvor langt de scroller ned på siden).

Derudover var der stort fokus på at få styr på teksterne og informationsarkitekturen på hjemmesiden. Hjemmesiden bliver opdateret af frivillige, og der var mange skjulte sider, som gjorde det svært for de frivillige at opdatere alle informationerne. Der blev derfor brugt meget tid på at samle og opdatere al teksten samt slette gentagelser eller uopdaterede informationer.

Design og opsætning af hjemmesiden

Hjemmesiden blev opsat i CMS WordPress, da de frivillige allerede var godt kendte i CMS-systemet. Da hjemmesiden skulle udvikles, blev designprocessen startet ved at lave skitser, wireframes og mockups, så der var en ide om, hvordan webdesignet skulle ende med at se ud. For at få inspiration til designet, så kiggede jeg på design trends fra andre gaming webshops, som primært laves i et mørkt design.

På den gamle hjemmeside var der tidligere blevet benyttet tracking af brugernes adfærd, og den indsigt blev brugt til at lave ændringer på den nye hjemmeside. Bl.a. kunne det ses på brugernes adfærd, at de forsøgte at klikke ind på de forskellige spil, der er i foreningen. På den gamle hjemmeside var det ikke muligt at klikke ind og læse om de forskellige spil og afdelinger, og jeg tolkede det derfor som et tegn på, at brugerne gerne ville læse om de forskellige spil og afdelinger. Det førte til, at målgruppen nu kan læse om de forskellige spil og afdelinger på den nye hjemmeside.

Jeg brugte også indsigter fra spørgeskemaet til at udarbejde teksten og vælge billeder til den nye hjemmeside. F.eks. fandt vi ud af målgruppens motivation, og den indsigt blev brugt til at udvælge billeder og formuleringer, som talte til deres motivation, så de kunne se sig selv som en del af foreningen.

Vedligeholdelse af hjemmesiden

Da hjemmesiden vedligeholdes af frivillige, skulle hjemmesiden være så nem at vedligeholde som muligt. De nye frivillige har ikke nødvendigvis en webdesign baggrund, viden om loadingtider og komprimering af billeder, og det var en af de overvejelser, som påvirkede, hvilke plugins der blev installeret.

Det førte til installering af plugins, som skulle hjælpe de frivillige med løbende vedligeholdelse, så hjemmesiden ikke bliver langsom. Det inkluderede bl.a. plugins, som sørger for at komprimere billeder.

 

03. Resultatet

AaB esports hjemmeside fik en ny hjemmeside i et mørkt gaming design i røde, hvide og grå/sorte farver. På hjemmesiden blev informationsarkitekturen opdateret af to årsager: 1) Så de frivillige havde nemmere ved at opdatere hjemmesiden. 2) For at målgruppen nemmere kan finde relevante informationer og ikke bliver forvirrede over modsatrettede informationer. Derudover har AaB esport fået viden om deres brugere, som kan bruges i fremtidige blogindlæg og Facebook-opslag for foreningen. Derudover blev der installeret plugins, som skal hjælpe de frivillige med at vedligeholde hjemmesiden på længere sigt.