Herontwerp voor SKC Studentenvolleybal
UX Design, 4e jaars CMD vak, 2024
Dit was een zelfstandig project als voorbereiding op het afstuderen, waarbij je je eigen opdracht mocht kiezen. Hiervoor heb ik gekozen om een herontwerp te maken voor de website van SKC Studentenvolleybal Leiden. Deze website was namelijk al verouderd en de stijl en structuur hadden een update nodig. Het doel was om de site gebruiksvriendelijker en overzichtelijker te maken voor met name de competitieve leden (17-30 jaar), die de site het meest gebruiken. Samen met een bestuurslid en een commissielid onderzocht ik de wensen van gebruikers. Op basis hiervan heb ik wireframes en een visueel ontwerp ontwikkeld dat beter aansluit bij de wensen van de gebruikers en de identiteit van de vereniging.
Hoe ben ik te werk gegaan?
Voor dit project heb ik een plan van aanpak opgesteld en daarna heb ik drie fasen doorlopen, namelijk:
Ik gebruikte technieken zoals interviews, enquêtes, card-sorting en wireframes om het herontwerp in de vorm van mock-ups te maken. Om het proces overzichtelijk te maken, heb ik een visual summary gemaakt.
De oude SKC website
Dit was mijn beginpunt
De onderzoeksfase
Voor het herontwerpen van de SKC website heb ik eerst onderzoek gedaan naar de huidige problemen en behoeften van gebruikers. Leden gaven aan dat informatie lastig te vinden is door een verouderde en onduidelijke structuur. Mijn doel was om de gebruiksvriendelijkheid, toegankelijkheid en functionaliteit te verbeteren. Hiervoor stelde ik een hoofdvraag op, met deelvragen over o.a. doelgroepbehoeften, visuele identiteit, gebruikerseisen en technische randvoorwaarden. Ik verzamelde inzichten via een website-analyse, interviews, een enquête en een card-sorting met SKC-leden.
De card-sorting met de WebCie (links) en SKC leden (rechts).
De conceptualisatiefase
In deze fase heb ik de basis gelegd voor het herontwerp van de SKC website door middel van brainstormen, moodboards, schetsen en wireframes. Deze fase draaide om het vertalen van de behoeften en doelen van de doelgroep naar duidelijke concepten en ontwerp richtingen.
In de brainstormfase maakte ik een mindmap om alle aspecten van SKC te ordenen: van sport tot gezelligheid. Hiermee bracht ik zowel de volleybalvereniging als de studentenvereniging kant van SKC in kaart.
Vervolgens werkte ik twee concepten uit, elk met een moodboard:
Concept 1 Informatiegericht: Strak, minimalistisch en gericht op snelle toegang tot inschrijving, teams en agenda.
Concept 2 Verenigingsgevoel:
Sfeervol, visueel en community gericht, met veel ruimte voor foto’s, activiteiten en teaminfo.
Op basis van mijn user stories koos ik voor het tweede concept. Deze sluit het beste aan bij SKC’s identiteit: een sportieve én gezellige studentenvereniging. Het ontwerp benadrukt sfeer, samenhorigheid en is tegelijk duidelijk en goed navigeerbaar.
Het concept ‘Verenigingsgevoel’ vertaalde ik naar een ontwerp door te starten met schetsen, waarin ik elementen van de oude site combineerde met nieuwe ideeën die passen bij SKC. Belangrijke onderdelen zoals teams, activiteiten en sociale veiligheid kregen een prominente plek. De structuur is gebaseerd op de sitemap en uitgebreid met een toegankelijke footer.
Op basis van de schetsen ontwikkelde ik wireframes waarin structuur, sfeer en inhoud samenkomen. Inspiratie haalde ik o.a. van Pinterest. Belangrijke user stories zijn hierin verwerkt, met aandacht voor typografie, kleur, hiërarchie en beeldgebruik.
De ontwerpfase
Na het conceptualiseren heb ik de wireframes uitgewerkt in mock-ups die de kernwaarden sportiviteit en gezelligheid uitstralen, met een duidelijke en gebruiksvriendelijke structuur. De homepage biedt direct toegang tot belangrijke onderdelen zoals nieuws, activiteiten, teams en commissies. Deze elementen zijn ook geoptimaliseerd voor mobiel en grote schermen, zodat de website op elk apparaat goed werkt.
Op de Teams- en Commissies-pagina’s staat sfeer en overzicht centraal, met foto’s, duidelijke structuur en extra info voor ingelogde leden. De vernieuwde ‘Lid worden’-pagina bundelt alle inschrijfinfo in één overzichtelijke FAQ, terwijl de Verenigingspagina de inhoud van de oude ‘Informatie’-pagina vervangt en verdiept.
Daarnaast is er een aparte Agenda-pagina gekoppeld aan Google Calendar, en zijn de Lidmaatschappen overzichtelijk toegelicht zodat leden eenvoudig hun opties kunnen bekijken. Zo vormt het ontwerp een compleet en aantrekkelijk geheel dat aansluit op de wensen van de doelgroep én het karakter van SKC.
Reflectie
Ik vond dit project zowel leuk als leerzaam, vooral omdat ik het proces zelfstandig van begin tot eind heb kunnen doorlopen als oefening voor mijn afstuderen. Het was inzicht vol om zelf alle fasen te doorlopen, van het onderzoek tot het maken van wireframes en het toepassen van de verkregen inzichten in een visueel ontwerp.
Wat het extra plezierig maakte, was het behalen van een 8,5 voor dit project. Dit resultaat voelde als een mooie erkenning van mijn werk en toewijding. Het heeft mijn vertrouwen in mijn ontwerp vaardigheden vergroot en me gemotiveerd om mijn aanpak nog verder te verbeteren, vooral als het gaat om het afstemmen van ontwerpbeslissingen op de behoeften van de gebruikers.