Skip to content LabelNoir.me

Translating scientific excellence into digital clarity

Created for Erasmus MC As part of ROX

Erasmus MC entrance

When two departments become one digital presence.

The Genomics Core Facility at Erasmus MC was born from a merger: two specialized research departments combining expertise, equipment, and ambition. But their digital presence? Still fragmented, outdated, and unable to reflect the unified entity they'd become.

They needed one modern platform that could handle complex content, serve diverse audiences (universities, clinical institutes, businesses), and give their team the freedom to evolve it independently. The challenge wasn't just visual: it was structural, strategic, and deeply collaborative with a client team that didn't always agree.

Through three design explorations, strategic feedback management, and a disciplined development process, we built a site that prioritizes expertise over spectacle and autonomy over dependency.

Facts & Figures

Client Erasmus MC

Born from the merger of the Human Genomics Facility and the Center for Biomics, the Genomics Core Facility (CoFa) plays a central role in genomics research and biomolecular analysis at Erasmus MC. They provide universities, clinical institutes, and businesses access to advanced equipment and specialized expertise for cutting-edge research.

Discover 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.

Discover ROX
Role UI/UX Design, Front-End Development

I was involved from strategy through to launch, leading design during discovery, wireframing, and visual design, then shifting into full front-end development with two other developers. I built the component system in Statamic, implemented the design, and established code standards and linting to maintain quality throughout the build.

Delivery 2025

Multiple design explorations and a disciplined build process led to a successful launch. After design was finalized, the site was built and launched in three weeks.

Identity Wing

Where research meets reality.

The Genomics Core Facility doesn't just support research. They enable it. With cutting-edge technology and decades of expertise, CoFa provides the tools and knowledge that universities, clinical institutes, and businesses need to push the boundaries of genomics, transcriptomics, proteomics, and beyond.

They're not chasing clients. Their reputation and network speak for themselves. But presence matters. Researchers need to find them. Partners need to understand what they offer. And the institution needs a digital home that reflects the caliber of work happening within it. A platform built for expertise, knowledge-sharing, and professional credibility, not conversion.

Chamber of Constraints

Where competing voices met disciplined process.

  • A/B Testing
  • API Driven
  • Accessible Design
  • Agile
  • Branding
  • Component Library
  • Design System
  • Editorial design
  • External collaboration
  • Flexible Page Builder
  • GDPR
  • Generative Content
  • ISO 27001
  • Information Architecture
  • Interactive Prototype
  • Journey mapping
  • Laravel
  • Location based content
  • MVP
  • Motion design
  • Multilingual
  • Next.js
  • Ongoing optimizations
  • Phased launch
  • React
  • Rich motion language
  • Scrum
  • Stakeholder Interviews
  • Statamic
  • Sustainable design
  • Technical SEO
  • Typography
  • Usability Testing
  • User Interviews
  • WCAG 2.1 - Level A
  • WCAG 2.1 - Level AA
  • WCAG 2.2 - Level AA
  • WCAG 3
  • Waterfall
  • Wireframes

Developers

We've investigated the brief and this will be a straightforward CMS website.

👍🏻 Great!

Client

Although we're part of Erasmus MC, the Genomics department is a bit different. We do stand for the Erasmus quality, but we aren't a direct part of the hospital. For example, we're mostly focused on the international stage.

Good to know. Let's create a visual identity that refers to Erasmus, but works as a stand-alone as well.

Client

We've discussed internally and decided not to focus on accessibility. We'd rather focus our budget on other aspects.

Understandable, however I'd like to push back a little. I propose we keep best practices in mind that won't affect budget too much.

Operations Hub

Standards built through discovery.

A merger of two departments into one unified presence. A client team with competing visions. A need for content flexibility and long-term autonomy. As we worked through the discovery phase, the criteria emerged naturally, setting a clear standard for what good design meant in this context.

Echo Chamber

From one project to agency standard.

Built and launched in 3 weeks after design was finalized. A disciplined process and clear boundaries made fast execution possible.

CoFa finally had the unified digital presence their merged expertise deserved, with the autonomy to evolve it on their own.

The structured development approach (fully finished demos, feedback lists, risk mitigation) became ROX's new standard for future projects.

Services page
Mobile mockup
Homepage header
Multiple mockups

Modular Flexibility

The CoFa team needed to manage their own content without developer dependency. We built a component-based page builder system where every section became a reusable block. They could reorder content, pull blocks between pages, and expand as their needs evolved. We designed the initial pages to give them a foundation, but the system was built for autonomy, allowing them to scale and adapt on their own terms.

Accessible by Design

Accessibility wasn't a legal requirement, but it was the right thing to do within budget. We aimed for WCAG 2.2 Level A compliance, focusing on quick wins like keyboard navigation, readable typography, and sufficient contrast. The color scheme was designed with AA in mind, ensuring the site worked for a broad audience without overextending scope.

Expertise, Not Sales

CoFa's strength is reputation and expertise, not marketing. The website needed to demonstrate capability and facilitate discovery, not optimize for conversion. Researchers need to find them. Partners need to understand their services. The design prioritized credibility, clarity, and knowledge-sharing over persuasion. This is a platform for presence, not promotion.

Guidance in Process

A client team with differing opinions required structure to avoid endless feedback loops. We adapted our process: only demoing fully finished pages (no 95% work-in-progress), implementing a structured feedback process, and offering limited design choices on contentious elements like fonts and colors. This reduced risk, minimized misunderstandings, and kept the project moving forward.

Built to Scale

The site needed to grow with CoFa's evolving research focus and content needs. The page builder wasn't just about editor convenience. It was about long-term resilience. Modular components, consistent typography, and a restrained design system meant the site could expand without breaking. What we design today shouldn't limit what the site can become tomorrow.