Webdevelopment met UI/UX uitgangspunt

Recent ronden wij de website voor Clima2022 af, een congres dat jaarlijks ergens anders plaatsvindt maar in 2022 in Rotterdam. De website moet gelijk duidelijkheid geven over waar bezoekers of presentatoren zich kunnen aanmelden en meer informatie kunnen verkrijgen. Webdevelopment is praktische zaken eerst, daarna komt het visuele gedeelte pas.

Webdevelopment is het goed inventariseren wat er nodig is

Clima 2022 is een congres dat plaatsvindt tijdens 3 dagen. Onze klant kwam dan ook met een grote hoeveelheid informatie aan. We zijn begonnen met het opstellen van een eisenlijst. Welke informatie is het belangrijkste en hoe kunnen we ervoor zorgen dat de bezoeker gelijk naar zijn benodigde info gaat? Omdat het gaat om een grote hoeveelheid aan informatie is een overzichtelijke indeling dus essentieel: je wilt niet dat bezoekers te lang moeten scrollen en afhaken.

Een overzichtelijke homepagina

Laten we de homepagina als voorbeeld nemen. Het congres bediend een aantal verschillende doelgroepen. Deze doelgroepen kunnen we voor de handigheid indelen in twee groepen: de mensen die een lezing komen geven of een paper ingediend hebben (dus de zogenoemde “exposanten” en de mensen die meer informatie komen zoeken of naar voordrachten komen kijken, de “bezoeker”. Voor beide doelgroepen is het belangrijk dat ze gelijk de goede informatie krijgen. Daarom is de homepagina het belangrijkste van de hele site: het is het doorklik- of afhaakmoment.

We hebben gekozen voor een grote, groene, opvallende balk waar papers gelijk ingediend kunnen worden. Zonder papers is er immers geen event. Tevens is het belangrijk dat exposanten en bezoekers gelijk zien wanneer het congres plaatsvindt en welke thema’s besproken worden. Door de thema’s gelijk te laten zien wordt de bezoeker geënthousiasmeerd. Het menu is overzichtelijk ingedeel door alle belangrijke elementen te tonen. Doordat het een ontzettend groot congres is is er een hele lading aan informatie. Deze is in het menu makkelijk te filteren.

De stijl opzetten en doorvoeren

Een website voor een congres is niet desktop first: het gaat hand in hand met de mobiele variant. Daarom is de mobiele versie zo ingedeeld dat ook hier makkelijk te vinden is waar je naar op zoek bent. Een website is nooit een stand-alone product. Onze klant vroeg ons daarom om tevens mee te denken over een visual. Deze visual komt terug in de hele stijl: zo is hij te vinden op fysieke banners, emailhandtekeningen en op bijvoorbeeld websitebanners.

Elke website is anders

Een website voor een congres is natuurlijk heel anders dan wanneer een portfolio website gemaakt moet worden of een website waarbij het verkopen van een bepaald product centraal staat. Elk webdevelopment project eist dus een andere aanpak. De werkwijze is wel altijd grofweg hetzelfde: je maakt een (technisch) eisenlijstje, je inventariseert wat er al aan content en beeldmateriaal is en vult dit zo nodig aan, en dan begin je pas met vormgeven.

Wil jij aan de slag met je website? Stuur ons dan vooral een berichtje en laat ons met je meedenken. Dit kan via een online meeting al, maar uiteraard ook bij ons op kantoor ben je welkom.