Direct naar de inhoud LabelNoir.me

Het samenbrengen van twee wetenschappelijke expertises

Gemaakt voor Erasmus MC Als onderdeel van ROX

Erasmus MC entrance

Van twee entiteiten naar één digitale aanwezigheid.

De Genomics Core Facility (CoFa) bij het Erasmus MC is ontstaan uit een samensmelting van twee gespecialiseerde onderzoekscentra. Beide met een grote set expertise, apparaten en ambities. De websites van de individuele afdelingen waren outdated en niet in staat om de eenheid te tonen die ze werden.

Daarom hadden ze een nieuw, modern platform nodig dat de complexe materie aan kan. Een website die aansluit bij de verschillende doelgroepen (universiteiten, klinische instituten en bedrijven) en het Erasmus team de vrijheid geeft om te groeien. Naast deze uitdaging, was er ook een procesuitdaging. Een commissie als opdrachtgever zorgt ervoor dat er niet altijd een gedeelde visie is.

Aan de hand van drie designverkenningen, strategische feedbackmomenten en een iteratief proces (waarbij zelfs het proces aangepast werd), hebben we uiteindelijk een website opgeleverd waar de CoFa jaren mee vooruit kan.

Facts & Figures

Client Erasmus MC

De Genomics Core Facility (CoFa) is ontstaan uit de fusie van de Human Genomics Facility en het Center for Biomics en speelt een centrale rol in genomics-onderzoek en biomoleculaire analyse bij het Erasmus MC. Zij bieden universiteiten, klinische instituten en bedrijven toegang tot geavanceerde apparatuur en gespecialiseerde expertise voor onderzoek op het hoogste niveau.

Ontdek Erasmus MC
Agency ROX

ROX is a digital agency located in Rotterdam that specializes in helping companies with their digital growth. Through a combination of strategic advice, polished designs and custom software development, they create web applications that are future-proof, scalable and improve work efficiency.

Ontdek ROX
Rol UI/UX Design, Front-End Development

Ik was betrokken van strategie tot lancering. Van het leiden van design gedurende de discovery fase, het wireframen en visueel design, tot front-end development met twee collega's. Er is een componentensysteem gemaakt in Statamic, de designs zijn uiteraard geïmplementeerd en we hebben een verbeterslag aangebracht in codestandaarden.

Periode 2025

Meerdere designverkenningen en een gedisciplineerder developmentproces hebben geleid tot een succesvolle lancering. Nadat de designs zijn opgeleverd hebben we de website uitgebouwd in drie weken.

Identity Wing

Het samenbrengen van twee expertises

De Genomics Core Facility (CoFa) onderzoekt zelf, helpt anderen en stelt apparatuur beschikbaar voor hun partners. Met decennia aan expertise biedt CoFa de tools en kennis die universiteiten, klinische instituten en bedrijven nodig hebben voor state-of-the-art onderzoek op gebied van genomics, transcriptomics, proteomics en nog veel meer.

Ze zijn niet actief op zoek naar klanten, hun reputatie en netwerk spreken voor zich. Maar zichtbaarheid is wel belangrijk. Onderzoekers moeten hen kunnen vinden. Partners moeten begrijpen wat ze te bieden hebben. En CoFa wil de kwaliteit van het werk dat er plaatsvindt weergeven. Een platform gebouwd voor expertise, kennisdeling en professionele geloofwaardigheid, niet voor conversie.

Chamber of Constraints

Waar uiteenlopende meningen een gedisciplineerd proces ontmoetten.

  • A/B Testing
  • API Driven
  • Agile
  • Branding
  • Component Library
  • Continue optimalisatie
  • Design System
  • Duurzaam ontwerp
  • Externe samenwerking
  • Flexible Page Builder
  • GDPR
  • Gebruikersinterviews
  • Gefaseerde lancering
  • Gegenereerde content
  • ISO 27001
  • Informatiearchitectuur
  • Interactief prototype
  • Journey mapping
  • Laravel
  • Locatiegebonden content
  • MVP
  • Meertalig
  • Motion design
  • Next.js
  • React
  • Redactioneel ontwerp
  • Rijke bewegingstaal
  • Scrum
  • Stakeholderinterviews
  • Statamic
  • Technical SEO
  • Toegankelijk ontwerp
  • Typografie
  • Usabilitytesten
  • WCAG 2.1 - Niveau A
  • WCAG 2.1 - Niveau AA
  • WCAG 2.2 - Niveau AA
  • WCAG 3
  • Waterfall
  • Wireframes

Developers

We hebben de briefing doorgenomen en dit wordt een eenvoudige CMS-website.

👍🏻 Top!

Client

Hoewel we onderdeel zijn van het Erasmus MC, is de afdeling Genomics een beetje anders. We staan voor de kwaliteit van Erasmus, maar zijn geen direct onderdeel van het ziekenhuis. We richten ons bijvoorbeeld vooral op het internationale speelveld.

Goed om te weten. Laten we een visuele identiteit maken die naar Erasmus verwijst, maar ook op zichzelf kan staan.

Client

We hebben intern overlegd en besloten ons niet op toegankelijkheid te richten. We besteden ons budget liever aan andere zaken.

Begrijpelijk, maar ik wil toch een beetje tegengas geven. Ik stel voor dat we best practices in het achterhoofd houden die het budget niet veel raken.

Operations Hub

Standaarden die ontstaan uit onderzoek.

Twee afdelingen samenbrengen tot één digitale aanwezigheid, met een opdrachtgever die het niet altijd met elkaar eens is, is een uitdaging. ROX bouwt websites met flexibiliteit voor content, waardoor het Erasmus-team zelfstandig de website kan inzetten voor de volgende jaren. Terwijl we het proces doorliepen kwamen de design criteria vanzelf naar voren. Deze vormden een goede standaard voor de rest van het project.

Echo Chamber

Van één project naar bedrijfsstandaard.

Gebouwd en gelanceerd in 3 weken na afronding van het ontwerp. Een gestructureerd proces en duidelijke kaders maakten een snelle realisatie mogelijk.

Met de nieuwe website heeft Genomics CoFa eindelijk een verenigde aanwezigheid die de expertise uitstraalt waar ze bekend om staan.

De gestructureerde ontwikkelingsaanpak – volledig afgewerkte demo's, feedbacklijsten, risicobeperking – werd de nieuwe standaard voor toekomstige projecten van ROX.

Services page
Mobile mockup
Homepage header
Multiple mockups

Modulaire Flexibiliteit

Het CoFa team beschikt ook over de nodige communicatiespecialisten. We hebben een componentgebaseerde paginabouwer ontwikkeld waar elke sectie herbruikt kan worden. Of er nou de volgorde van de pagina aangepast moet worden, een blok van pagina A naar B moet of dat de specialisten nieuwe content willen tonen, de website staat ze hiertoe in staat zonder betrokken developer. Wij hebben het systeem ontwikkeld voor gemak, consistentie en autonomie.

Ethisch Toegankelijk

Digitale toegankelijkheid was niet wettelijk vereist, maar wel de juiste keuze, voor zover het budget dat toestond. We hebben ons gericht op WCAG 2.2 Level A, waarbij vooral quick wins als keyboardnavigatie, leesbare typografie en schermlezers ondersteund worden. Het kleurcontrast is ontworpen met level AA in gedachten, zodat ook dit gemakkelijk meegenomen kon worden.

Expertise, Niet Verkoop

De kracht van Genomics CoFa is de reputatie en expertise die ze hebben, niet hun marketingstrategieën. De website moest hierop aansluiten en zich vooral richten op het aantonen van kennis en het mogelijk maken van research. Klantenwerving stond hier duidelijk op een lagere plek. Onderzoekers moesten ze vinden, partners moesten de diensten begrijpen. Het design verkiest duidelijkheid over verleiding.

Aan de hand nemen

Een team dat het niet altijd met elkaar eens is heeft een duidelijke structuur nodig om tot beslissingen te komen. We hebben hierop ons proces aangepast. Zo toonden we alleen volledig afgeronde pagina's (niets dat bijna af is), hebben we ons feedbackproces aangescherpt en hebben we design opleveringen kleiner gehouden waar specifieke keuzes als fonts en kleuren vastgelegd worden voor de rest van het project. Dit alles zorgt ervoor dat er minder risico's ontstaan en we zoveel mogelijk misverstanden wegnemen.

Gebouwd om te groeien

Een principe van ROX is dat ze websites bouwen die bedoeld zijn om te groeien, en dat sloot perfect aan op de wensen van Genomics CoFa. De paginabouwer is opgezet om met modulaire componenten, consistente typografie en een beperkt design systeem de website te kunnen uitbreiden zonder dat het breekt. De designkeuzes van vandaag zorgen voor mogelijkheden in de toekomst.