HMC - Helmholtz Metadata Collaboration.

Website & CMS
HMC - Helmholtz Metadata Collaboration.

  • Geomar – Helmholtz Centre for Ocean Research Kiel
  • Hermann von Helmholtz-Gemeinschaft – Deutscher Forschungszentren e.V.

Fair Research Data for Cultural Change

The Helmholtz Metadata Collaboration (HMC) promotes the qualitative enrichment of research data using metadata - and implements this approach for the entire Helmholtz community. HMC develops and implements novel concepts and technologies for sustainable handling of research data through high-quality metadata. Its main goal is to make the depth and breadth of research data produced by Helmholtz centers discoverable, accessible, interoperable, and reusable (FAIR) for the entire scientific community. Our job at the start of the research project was to create the extensive website.

HMC - Helmholtz Metadata Collaboration.

HMC - Helmholtz Metadata Collaboration.

HMC - Helmholtz Metadata Collaboration.

  • Analysis
  • Consulting
  • Concept
  • Web design
  • Web development
  • Projekt management
  • Hosting & maintenance
  • Laravel
  • Vue.js
  • Tailwind CSS
  • litstack

Complex navigation

The content-rich website has a very complex, up to four-level, navigation. The individual navigation strands vary in depth, so we developed a combination of classic dropdown menus and optional mega menus. Within these sub-levels, an additional level can be displayed via accordions.

Multi-tenancy microsites

The individual research groups (hubs) each have their own microsites to communicate specific content, messages and events. For better orientation, each hub is assigned a matching color from the Helmholtz Group's color system.

Individual CMS

The administration of all content is done via an individual content management system based on our open source package litstack. Separate accesses with separate permissions are available for the research groups.

3D key visual

From the existing key visual of the research project, we developed a 3D animation as a visual lead on the homepage. To do this, we used the visual programming environment, which is based on WebGL.