SAMMENDRAG
Prosjektvarighet
2 måneder: September – Oktober 2022
Min Rolle
UX Designer og Webutvikler
Metode
Design Thinking
Verktøy
Design og Prototyping: Adobe XD
Webutvikling: HTML, CSS, Javascript, WordPress, Divi
Prosjektmål
Å gjøre prosessen med å finne informasjon og søke opptak til studentorganisasjonen Align Racing enklere og mer intuitiv ved å redesigne nettsiden med et tydeligere innholdshierarki, bedre navigasjon og et mer representativt visuelt uttrykk som gjenspeiler organisasjonen på en mer presis måte.
Sluttprodukt
En redesignet nettside som tydelig formidler hva Align Racing er, hvordan teamet arbeider og hvordan studenter kan bli en del av organisasjonen. Løsningen inkluderer en ny, strukturert informasjonsarkitektur, oppdaterte UI-elementer, bedre visuell konsistens, mer tydelig navigasjonsflyt og en forbedret presentasjon av sponsorene. Resultatet er en nettside som gir brukerne raskere orientering, klarere informasjon om opptak og en mer engasjerende presentasjon av organisasjonen.
Bakgrunn // Problemstilling
Align Racing er en studentdrevet organisasjon som samler studenter fra flere fagområder for å konkurrere i Formula Student. Til tross for et sterkt fysisk miljø og økende interesse, opplevde mange potensielle søkere at nettsiden var uoversiktlig, foreldet og vanskelig å navigere. Viktig informasjon – særlig om hvordan man søker – var lite synlig, og brukernes tilbakemeldinger viste at mange ga opp før de fant riktig side. Prosjektet tok derfor utgangspunkt i behovet for en mer strukturert og brukervennlig nettside som tydelig kommuniserer hva organisasjonen gjør, hvem de søker, og hvordan man kan bli med, samtidig som den styrker Align Racing sin digitale tilstedeværelse.
Metode: Design Thinking
1. Teste nåværende nettside
Prosjektet startet med grundig research og brukertesting av den eksisterende Align Racing-nettsiden. Forbedringsområder ble identifisert, og elementer som skapte forvirring eller frustrasjon, ble kartlagt. En konkurranseanalyse av andre Formula Student-lag og intervjuer med potensielle søkere viste at viktig informasjon – særlig om hvordan man søker – var vanskelig å finne, og at nettstedets struktur og navigasjon ikke støttet en enkel og intuitiv brukeropplevelse.
2. Redesign av informasjonsarkitektur og sider
Basert på innsikten fra research ble nettstedets struktur og innhold redesignet. «Wiki»-seksjonen ble fjernet på grunn av utdatert og overkomplisert innhold, og sidene reorganisert for å fremheve søkeinformasjon, teamets kjerneverdier og sponsorer. Wireframes og prototyper ble laget i Adobe XD med fokus på intuitiv navigasjon og et visuelt uttrykk som tydeligere representerer organisasjonen. Farger, typografi og UI-elementer ble oppdatert for bedre lesbarhet og brukervennlighet, med interaktive «hover»-effekter og tydelige handlingsknapper.
3. Utvikling, testing og iterasjon
Nettsiden ble utviklet i WordPress med Divi Builder, med tilpasninger i HTML, CSS og JavaScript. Løsningen ble kontinuerlig testet og justert basert på tilbakemeldinger fra både nye og eksisterende brukere for å sikre enkel navigasjon og enkelhet av å bli medlem av organisasjonen. Etter flere iterasjoner ble siden lansert med optimalisert ytelse, tydelig struktur og forbedret visuell konsistens.
Resultat
Utviklet Nettside
Effekt
Prosjektet ga Align Racing en mer brukervennlig og visuelt konsistent nettside som tydelig formidler hva teamet gjør, hvem de søker, og hvordan studenter kan bli med. Den nye strukturen og designet gjorde det enklere for potensielle medlemmer å finne søkeinformasjon og kontaktpunkter, noe som førte til økt trafikk og flere studentpåmeldinger. I tillegg styrket bedre navigasjon, responsivt design og tydeligere visuell kommunikasjon teamets digitale tilstedeværelse og profesjonalitet, samtidig som sponsorene fikk bedre eksponering.
Læringsutbytte
Prosjektet ga meg erfaring med brukertesting, informasjonsarkitektur og utvikling i WordPress med Divi Builder, inkludert HTML, CSS og JavaScript. Å redesigne en etablert nettside ga innsikt i hvordan bedre navigasjon, tydelig struktur og interaktive UI-elementer kan gjøre en nettside mer effektiv for å tiltrekke nye medlemmer. Jeg lærte viktigheten av brukersentrert design, universell utforming og kontinuerlig iterasjon, samt hvordan digital kommunikasjon og visuelt design kan fremheve organisasjonens verdier og styrke profesjonaliteten.