German Society for Paediatrics and Youth Medicine - News & lots of service on the new TYPO3 website

The Initial Situation

The German Society for Child and Youth Medicine e.V. (DGKJ) is the scientific association for paediatrics and youth medicine in Germany. Its members include numerous paediatricians, clinics and scientific institutions.

The health and well-being of children and adolescents are at the heart of all DGKJ activities. And, of course, the information and services that the Society offers its members. Both were no longer easy to find on the outdated website.

Our Task

Accordingly, design, structure and target group appeal were at the centre of the relaunch. The design should appear more generous and tidier - and of course behave responsively. The previous colourful design seemed childish, but only corresponded to a limited extent to the adult user groups - current and future members of the DGKJ, parents seeking advice and representatives from politics and the press. Another important aspect was to address these different target groups more adequately in terms of design.

The content structure of the existing website should also be thoroughly reviewed and proposals for restructuring should be developed to make it easier for users to find the content they are interested in in the future.

On the technical side, the task was to convert the outdated TYPO3 system into the current version - a challenging one, as an entire TYPO3 version had to be skipped while all existing content and data had to be adopted and migrated.

The Creative Implementation

The new clear and generous design emphasises the openness and professionalism of the DGKJ. The typographical design sees itself in the tradition of classic medical journals and underlines the medical communication competence of society.

Strong colour accents give the design a vivid appearance; at the same time, it allows the eye to be drawn to important things. The visual language and generous image formats thematize the focus on "Children and Youth" and allow the focus to be placed on it in terms of design.

Views from the new TYPO3 site of the German Society for Paediatrics and Youth Medicine

A lot of news and striking colour teasers on highlighted contents on the homepage of the German Society for Paediatrics and Youth Medicine
Overview pages on the 2nd level offer a generous layout with a high proportion of images and direct access to the contents of the area.
Also on the detail level a 50:50 grid can be used for a quiet and generous surface division.

The Basics For Editorial Flexibility

  • In this project, we consistently pursued the Atomic design approach, in which smaller "design atoms" such as fonts and colors are gradually combined to form larger units and content elements.

  • Together with a manageable and editorially easy to handle selection of page types, this resulted in a modular content construction kit that allows editors a high degree of flexibility in page layout while remaining consistent in design.

  • Via a "Newswall" - a TYPO3 extension developed by us - current content can be presented dynamically and semi-automatically on the homepage. This also allows an active weighting of the content with regard to the different user groups.

Extended Offer

  • The DGKJ is perceived by the public as a competent and neutral contact for questions concerning current topics of children's health. Especially for users who are neither DGKJ members nor medical cooperation partners (parents, press, politics), landing pages are offered which address the individual target groups and lead to appropriate content.

  • The memory of the past is also more present in the new site: the names of pediatricians persecuted during the Nazi era can be found in a specially developed database.

Project details

  • URL:
  • Customer: German Society for Child and Youth Medicine e.V. (DGKJ)
  • Branch: NGO
  • Realisation: Launch in March 2018; further modules planned
  • Technology: TYPO3, Version 8.7
  • Work: Conception, design, technical realisation, support and further development