Sector(s)

Team Members

dulnan, jm.liip, signalwerk, aninaangehrn

Project Team

Schaffhauser Kantonalbank Team

  • Giovanni Mannino
  • Ann-Kristin Gehringer
  • Nicolas Köchling

Visit the site

Visit the site

Organizations Involved

Community contributions

Schaffhauser Kantonalbank operates mainly in the area of Schaffhausen in Switzerland. The bank focuses on being regional and closely connected to customers. Their initial website was built back in 2015 with Drupal 7 and Bootstrap 3. As Drupal 7 is reaching end-of-life in 2022, the migration to Drupal 8/9 started mid of 2020.

For the team, it was crucial to provide added value to the customer and having a secure system on a new version. Easy to maintain was key too. This is why we decided to do the new site with a headless approach.

About the project

In early 2020, we took some time to rethink every element of the website. We specified the content types in collaboration with the client and defined what to visualise. As we did not use paragraphs or a similar module in Drupal 7, the client was quite inflexible within Drupal 7.

The main goal of the relaunch was to provide flexible but still organised content elements. In addition, we aimed for a secure and functioning website. After evaluating all options the team decided to use Layout Builder to provide a high degree of flexibility in content creation. Furthermore, we developed and implemented a fresh design to fully meet the user needs.

Since the UI of the layout builder in the Drupal Backend did not meet our needs, we implemented the layout builder functionalities within the Nuxt frontend app providing real WYSIWYG experience and drag & drop support for page building.

The project was well known to the team as they were already part of the relaunch. Thanks to that and to a trustful client relationship, the team decided to reimplement the project fully decoupled. Drupal is only used for backend functionality and does not render anything. The whole rendering is done in a NuxtJS node app, that communicates with a single GraphQL API with Drupal. The Drupal backend is behind a wall of security measures and protected from direct access.

Drupal developer is who you are? Not yet, but PHP is your language? Join us to develop websites and e-commerce solutions for our clients. Using open standards and agile development by striving for digital human progress in a self-organised environment is what you get! Apply now! http://liip.to/PAB

Why Drupal was chosen

We needed an enterprise-level CMS with long term support and a large community base. Furthermore, it was crucial to have enterprise features like configuration deployment from staging to production and clear and plannable release cycles. An established security update process and security monitoring were also important.

The CMS Drupal provides all features to build flexible websites so editors at Schaffhauser Kantonalbank maintain their website and change the content without the help of an external partner.

Technical Specifications

Drupal version:

Key modules/theme/distribution used:

Why these modules/theme/distribution were chosen

We have chosen the GraphQL modules because the fully decoupled strategy is based on GraphQL and not the old fashioned REST JSON API. Furthermore, we decided at the beginning of the project to use Layout Builder instead of Paragraphs to give the content creators more flexibility and freedom to create visually demanding pages.