Alle Cases

Hjemmeside & UX

Et redesign af Odense Idrætsparks hjemmeside med fokus på overblik, aktiviteter og en nemmere vej til booking.

UI/UX-designMobiloptimeretIndholdsstruktur
Klient
Odense Idrætspark
Min rolle
UX- og webdesign
Leverance
Hjemmeside & UX-design
År
2023

Opgaven

Dette projekt er mit forbedrede eksamensprojekt. Vi afleverede oprindeligt som gruppe, men skulle efterfølgende individuelt vise, hvordan vi ville forbedre løsningen.

Jeg valgte at fokusere på hjemmesiden, fordi jeg ikke syntes, den ramte vores VPC godt nok. Aktiviteterne var ikke nemme at overskue, og løsningen motiverede ikke brugeren nok til at deltage.

Siden skulle fungere lige godt på mobil og computer. – Odense Idrætspark
Jeg fokuserede på at gøre indholdet mere overskueligt på både mobil og desktop.

Der var også andre problemer: padding skiftede for meget gennem siden, og typografien var ikke gennemtænkt nok. Derfor justerede jeg problemstillingen og gik i gang med idéudvikling.

Løsningen

Jeg startede med at teste den oprindelige løsning på målgruppen. De syntes, den så fin ud, men også lidt rodet, og den gav ikke nok indsigt i aktiviteterne. Ud fra det arbejdede jeg videre med idéudvikling.

Jeg lavede skitser i Figma, hurtige idéer på papir og flere layoutvariationer, som jeg sammenlignede. Derefter byggede jeg løbende videre i Figma og testede forskellige retninger.

Navigationen bruger de ord, folk søger på, og vejen til booking er kort. – Odense Idrætspark
Skitser, variationer og målgruppefeedback var med til at forme den endelige retning.

Da jeg havde en færdig desktop-prototype, testede jeg igen på målgruppen på 20–38 år. Feedbacken var positiv, især det enkle overblik og brugen af billeder fungerede godt.

Jeg arbejdede også bevidst med C.R.A.P, typografi og spacing samt tydeligere CTA’er. Copy blev tænkt som en del af designet, så teksten kunne motivere brugeren og gøre aktiviteterne mere interessante. Jeg brugte også push/pull marketing: klare CTA’er og tekst til at guide, kombineret med inspirerende indhold og billeder.

Resultatet

Hjemmesiden blev en løsning, jeg er stolt af, især fordi jeg brugte mere tid på at teste, om designet faktisk havde den ønskede effekt.

Hovedbudskabet og den tydelige knap står øverst på forsiden. – Odense Idrætspark
Den endelige løsning blev præsenteret og forsvaret ved den mundtlige eksamen.

Til eksamen bestod min præsentation af 10 minutters præsentation, 15 minutters spørgsmål og 5 minutters vurdering. Jeg lagde ud med min mavefornemmelse og bakkede derefter mine valg op med data fra målgruppen.

Jeg tager især med mig, at designvalg bliver stærkere, når man både tør stole på sin mavefornemmelse og teste, om den faktisk holder.

Mobil – Odense Idrætspark
Mobil
Desktop – Odense Idrætspark
Desktop

Flere projekter