SOMO.nl: snel en effectief inspelen op de actualiteit.

SOMO is een onafhankelijke, not-for-profit onderzoeks -en netwerkorganisatie. Sinds 1973 doet SOMO extensief onderzoek naar multinationale ondernemingen en de gevolgen van hun activiteiten voor mens en milieu wereldwijd.

Naar website

Op de website van SOMO worden deze onderzoeken en een schat aan andere cruciale informatie gepresenteerd. Civil societies, journalisten en beleidsbepalers kunnen met het grootste gemak aan de slag met informatiepakketten die specifiek voor hen van toepassing zijn. Een gebruiksvriendelijke backend stelt de onderzoekers van SOMO er toe in staat om snel en effectief in te spelen op de actualiteit. Met enkele klikken wordt een nieuw dossier gelanceerd, of kan een bestaand dossier worden uitgelicht. Uiteraard is de website responsive en schaalbaar voor elk device.

Agile proces

Samen met verschillende stakeholders van SOMO zijn we dit ‘Scrum’ traject gestart met een Sprint 0. In Sprint 0 hebben we alle vraagtekens weggenomen, het concept bepaald, de functionele randvoorwaarden afgestemd en de visuele basis geschetst. In een paar intensieve sessies hebben we de doelgroepen op basis van gebruikersonderzoeken vertaald naar persona’s en scenario’s. Deze scenario’s zijn vervolgens opgedeeld naar user stories en vormden de backlog voor het project. Vervolgens zijn we in drie korte sprints tot dit resultaat gekomen. Zoals ze dat in Scrum noemen: Een MVP (minimal viable product.)

Meike Skolnik
Coördinator Communicatie - SOMO

SOMO wil het maatschappelijk middenveld de kennis geven waarmee ze de economische krachten die een duurzame en eerlijke wereld in de weg staan, kunnen trotseren. Om deze kennis (beter) te ontsluiten, hadden we een nieuwe website nodig. Level Level hielp ons de kernpagina’s definiëren. Niet de homepage, maar de publicatiepagina’s en de overzichtspagina’s over onze belangrijkste onderwerpen staan centraal. Een hele verfrissende manier van naar een website kijken. Bezoekers kunnen nu eenvoudig op het onderwerp zoeken wat hen interesseert en vinden daar direct ook contactpersonen voor meer informatie. Ook wordt onze kennis nu inspirerender en activerender gepresenteerd door meer aandacht voor beeld en design.

Waar bezoeker en organisatie elkaar vinden

Een goede website bereikt zowel de doelstellingen van de achterliggende organisatie als de doelen die de bezoeker heeft. Om erachter te komen welke doelen dit zijn voor beide partijen, hebben we ze naast elkaar gezet en gekeken waar de overlap lag. Voor beide partijen draait het om informatie: Informatie verschaffen en informatie krijgen. Vanuit daar hebben we gekeken welke content types SOMO gebruikt om informatie te verschaffen en in welke content vorm deze waardevol is voor de gebruiker. Hieruit zijn de kernpagina’s ontstaan. Dit zijn detailpagina’s over een specifiek onderwerp en de overzichtspagina’s.

Aida Fuster Duran
Designer

Samen met het team van SOMO hebben we alle informatie geanalyseerd en op basis daarvan beslissingen genomen over de structuur van de website. We zetten de kerndoelen van SOMO naast de kerndoelen van de gebruikers. Van de doelen die overeenkwamen, maakten we de zogenaamde ‘kernpagina’s’. Dit zijn pagina’s die zowel de doelen van SOMO als van de gebruikers omvatten. Vanuit hier hebben we een start gemaakt met het design. Omdat de kernpagina’s het belangrijkst waren, was de homepage zelfs een van de laatste pagina’s die we hebben ontworpen.

Door de grote verscheidenheid aan content typen is onze kennis flexibel geworden in haar vorm, media en middelen. We waren verrast hoe snel Level Level zich onze organisatie eigen maakte en dit wist te vertalen naar userstories en een strak design. En we zijn supertrots op het resultaat.

Meike Skolnik
Coördinator Communicatie - SOMO

Datamigratie

Een onderdeel van dit project was de datamigratie vanuit het CMS Plone. Om maar heel eerlijk te zijn; dat was een gemeen draakje wat we een paar keer diep in de ogen hebben moeten kijken.

We hadden geen directe export vanuit het Plone en hebben daarom alle data zelf verzameld via de tool import.io en zo gestructureerd in een overzichtelijk JSON formaat. Omdat we ook alle assets zoals PDF’s en afbeeldingen moesten downloaden hebben we deze eerst lokaal opgeslagen om later tijdens het bouwen en testen het proces te versnellen. Dit zorgde er voor dat we de live server van SOMO minder hoefden te belasten. Voor het importeren van de content hebben we een script geschreven die de content op de juiste plek plaatst en ook nog relaties legt tussen de verschillende content. Het script is zo geschreven dat we het met behulp van WP-CLI op de commandline uit kunnen voeren.

Jaime Martinez
Developer

Dit was niet je standaard import, als in: ‘hier heb je alle data en ga je gang’. We moesten zelf alle data en media eerst herstructureren, scrapen vanaf de live site en daarna goed importeren. Het was een mooie en leuke uitdaging om mijn tanden in te zetten.

Look & Feel

SOMO.nl draait om het krachtig aanbieden van visuele en tekstuele content. Daar waar beeld belangrijk is, is beeld prominent, daar waar het een opiniërend stuk betreft komt de auteur duidelijker in beeld, daar waar het gaat om tekst is meer te lezen. Dit zorgt voor een afwisselend en dynamisch beeld, met name in de overzichten. Daar tegenover staat een zeer cleane primaire en secundaire navigatie. Het is niet per se noodzakelijk om door te klikken naar een detailniveau, men kan direct een publicatie downloaden of een slideshow of video bekijken. Kortom: Men hoeft geen lange stukken door te nemen om een beeld te krijgen van het onderwerp om een betrokkenheid te voelen. Vanuit de overzichten wordt op laagdrempelige wijze vervolgens de mogelijkheid geboden verder betrokken te raken. Simpelweg door verder te lezen, maar ook door bijvoorbeeld te doneren, een samenwerking met SOMO aan te gaan of een aanmelding voor de SOMO nieuwsbrief te doen.

Aida Fuster Duran
Designer

Informatie kan gefilterd worden op het niveau van dossier, contenttype of bedrijf. Gerelateerde content, dossiers, bedrijven, metadata en contactpersonen zijn altijd en overal beschikbaar. Overal kunnen extra functies toegevoegd worden zoals downloads, een doneerbutton, de nieuwsbrief aanmelding, etc. Dankzij deze flexibele structuur van de site, is het super simpel navigeren door alle informatie!

Gebruiksvriendelijke backend

Voor SOMO is het ontzettend belangrijk dat content snel en gemakkelijk te uploaden is. Met WordPress als CMS kan het eigenlijk niet eenvoudiger. Alle content is door de beheerders makkelijk toe te voegen en te verrijken. De content is eenvoudig te labelen onder de juiste categorie en content type.

Let’s discuss your future project
Willem Buytewechstraat 42
3024 BN, Rotterdam