Case: SOMO

SOMO

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.

Op de website van SOMO worden deze onderzoeken en een schat aan andere cruciale informatie gepresenteerd. Zo kunnen civil societies, journalisten en beleidsbepalers met het grootste gemak aan de slag met informatiepakketten die specifiek voor hen van toepassing zijn. Door de gebruiksvriendelijke backend kunnen de onderzoekers van SOMO snel en effectief op de actualiteit inspelen. Zo kunnen ze met enkele klikken een nieuw dossier lanceren, of een bestaand dossier uitlichten. 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. Daarna hebben we in Sprint 0 alle vraagtekens weggenomen, het concept bepaald, de functionele randvoorwaarden afgestemd en de visuele basis geschetst. Vervolgens hebben we in een paar intensieve sessies de doelgroepen op basis van gebruikersonderzoeken vertaald naar persona’s en scenario’s. Deze scenario’s zijn daarna opgedeeld naar user stories. Daarmee hebben we de backlog voor het project samengesteld. Vervolgens zijn we in drie korte sprints tot dit resultaat gekomen. Zoals ze dat in Scrum noemen: Een MVP (minimal viable product.)

“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.”

Foto van Meike Skolnik van Somo
Meike Skolnik
Coördinator Communicatie – SOMO

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.

“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.”

Aida Fuster Duran
Digital Designer – Level Level

“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.”

Foto van Meike Skolnik van Somo
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.

“Dit was niet je standaard import, als in: ‘hier heb je alle data en ga je gang’. Eerst moesten we zelf alle data en media herstructureren en scrapen vanaf de live site. Daarna moesten we deze goed importeren. Dat maakte het een mooie en leuke uitdaging om mijn tanden in te zetten.”

Thumbnail van Jaime
Jaime Martinez
Developer – Level Level

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.

SOMO screenshot template research

“Informatie kan gefilterd worden op het niveau van dossier, contenttype of bedrijf. Daarnaast zijn gerelateerde content, dossiers, bedrijven, metadata en contactpersonen altijd en overal beschikbaar. Verder kunnen overal 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!”

Aida Fuster Duran
Digital Designer – Level Level

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 vervolgens eenvoudig te labelen onder de juiste categorie en content type.

Uitdagingen die we hebben aangepakt

Zoek je een bureau dat een paywall kan ontwikkelen en integreren op je website?

Neem dan contact met ons op!