S-Hub Digital Experience Platform

Challenge
S-Hub required a scalable, modular platform that would unite multiple websites (MOVE, Symbioticon, sparkassen-hub.com) under a consistent design. The goal was to create reusable components that could be customized in detail by editors, enabling new pages to be created and brought into production in the shortest possible time.
Our solution
We developed a comprehensive digital experience platform with components that can be customized in the CMS, role-based access control, and GDPR-compliant user data management. The site is based on modern web technologies and enables the customer to work within a flexible system tailored to their needs.
Project scope
- Workshop phase in Hamburg (March/April 2024)
- Complex user data migration from two former databases
- Development of a reusable component library
- GDPR-compliant data migration and management
Tech stack & architecture
Frontend
Next.js for optimal performance and SEO
Backend
Postgres via Neon
CMS
DatoCMS
Hosting
Vercel
User Management
Clerk with over 4,000 migrated users
Special features
Collaborative development
Modular approach for fast project launches
Enterprise-grade security with role-based access control
Sustainable maintenance through structured retainer (1-2 PT/month)

Impact
The platform successfully unifies multiple websites under a coherent architecture and enables S-Hub to develop innovative digital experiences quickly and cost-effectively.
Project duration
Q4 2023 - ongoing | Retainer model since 2024
Read also



A UX/UI Design for Hands-On Yaskawa Machine Intelligence
We designed an intuitive tablet interface for Yaskawa’s MOTOMAN NEXT concept cell at Automatica trade fair in Munich. Visitors could place fruit, scan the scene, and watch an AI-powered robot pick and move objects in real time. The HMI visualized what the robot “sees” and “understands", through clear steps, playful icons, and live feedback. A UX/UI project that turned complex robotics into a hands-on, approachable experience for both experts and curious guests.



S-Hub Digital Experience Platform – Modular platform architecture
For the Sparkassen Innovation Hub, we developed a scalable digital experience platform that combines multiple websites (MOVE, Symbioticon, sparkassen-hub.com) under a consistent design. Reusable components that can be customized in detail in the DatoCMS content management system ensure an excellent editor experience. Over 4,000 users from previous projects were migrated in compliance with GDPR and integrated into the website as part of role-based access control.



An app for training planning in nursing management
The Quesap PraxisApp enables nursing care institutions to clearly display, plan and document the their trainees' education. For the Quesap Web App, we created UX and UI design and also took over the entire frontend and backend development. As the software platform needed to be accessible from anywhere, the app was implemented as a Vue.js web app.



Digital accessible communication: Design concept for "Future of digital inclusion" conference
To celebrate the 40th anniversary of the 'Bayern Barrierefrei' initiative, we developed a consistent design system titled 'Macht es Klick?' (Does it click?). We created an accessible design concept for everything from A3 posters to website headers and social media content. The special feature? All 20 illustrations and touchpoints were designed with inclusivity in mind from the outset.

Development of a digital time tracking for work and project times
We have been tracking our internal work and also our project times with the digital time clock for several years now and appreciate its versatile reporting options. It was only a matter of time before we wanted to read out the data not only manually, but also automatically from the public web API. And since we don't like to develop in secret, we published this software as an Open Source package. ...

Digitization for process development: Implementation of a document management system
Controlling an entire product development cycle is a complex task. Starting with the concept, through the test phase, serial production and continuous quality control, a lot of coordination and documentation is required. For a leading company in the field of communication technology we developed a web-based document management system with version control. Compared to the previously used process, significant improvements such as reliability and time savings could be achieved. Therefore, the new application represents an important step towards digitization.
Seamless Updates: Streamlining Heating System Management
In order to be able to update their heating systems remotely, we advised SANDLER - Energie für Gebäude and supported them with our technological know-how. The resulting product consists of a web application as a management interface and an internet-enabled control unit in the actual heating system. This control unit sends requests for firmware updates to the web application at a predefined interval. If new firmware for the heating system has been entered in the web interface, it is automatically downloaded and installed. This saves a lot of work, such as postal dispatch and manual installation and removal of the control units.

Implementation of the interactive scrollytelling articles "Mythos Matterhorn" and "die Marshallinseln"
Two scrollytelling stories we're especially proud of: Mythos Matterhorn, an interactive story about Europe's most fascinating mountain, and Die Marshallinseln, the past and future of the atolls.

Technical development of a digital assistance and information platform
The digital assistance and information platform Operations1 provides integrated workflow and process documentation for more efficient industrial processes. We are proud to support the innovative Industry 4.0 startup during the technical development of their platform.
Multisite-Publishing-Plattform
With our headless CMS-based "portal stack", we have created a robust platform for our customer that not only simplifies the work of their editorial team, but also optimizes the user experience on the portals.

Consulting: Choice of technology, architecture and development of Whisply
We supported the Boxcryptor team with building Whisply; the main areas being choice of technology, architecture and development. Thanks to our customized starter kit, the team was ready to go after a practical kick-off phase. We are happy to continue our support for Whisply in the future.

A web based visualization tool: Learning with Open Data
»Learning with Open Data«: This is the goal of Data Fovea, a web-based data visualization tool for schools. Simply choosing a dataset and time range will bring the data to life. We're supporting Peer Egtved and his vision since 2016.

Implementation of scrollytelling for Panama Papers, the biggest data leak in the history of journalism
Over more than one year, the German newspaper Süddeutsche Zeitung analyzed 2.6 terabytes of data together with journalists all around the world about letterbox companies. With its incredible size, the Panama Papers are the biggest data leak in the history of journalism. We supported the SZ producing and publishing articles in German and English which were visited over 7 million times.

A cloud-based microservice platform for data processing and analytical workloads
We are consulting partner for technical conception, architecture and development of eventn, a cloud-based microservice platform for data processing and analytical workloads.

Node-based Clamping Editor redefines Production Management
Originally conceived as a solution to tackle the intricacies of visualizing and modifying complex welding jobs, today's machining editor doesn't just manage production; it enables the user to craft and refine the entire production cycle. Seamlessly integrated, the instruction planner intertwines work instructions with the final production program, displayed within welding cells at each production step. Another state-of-the-art feature is the ability to tweak processes and instructions remotely, breaking free from the confines of the production site by delivering the flexibility to work in the cloud or on-premise. Even individual welding cells become powerful with an offline-capable Electron app. Utilizing web technologies throughout the platform enables YASKAWA to leverage a progressive production management platform that is exceptionally adaptable to their customer's needs.

Development of the Glomex Global Media Exchange platform
Glomex—a ProSiebenSat.1 digital company—enables customers to scale in the emerging market of streaming services. Since 2016, we are development partner for the video value service, providing first-class video experience to worldwide customers.

Migration, single sign-on and the launch of the SZ paywall
Just one account for all digital products of Süddeutsche Zeitung: We assisted their team with user migration, single sign-on and the launch of the SZ paywall.

IT Consulting services for the successful employer review platform, a universal JavaScript application
Kununu aims to provide job-seekers full market transparency through employer ratings. We supported the subsidiary of Xing in architectural conception and technological decision-making to build the next generation of kununu.com as a Universal Web App.


Digital direct sales of policies for members of professional professions
Peerigon has been working as a team with Funk and Emil Group since the beginning of 2022. Together we realized "Funk Experts", a digital direct sales platform for insurance products for professionals. Our front-end portal is the central management solution for your policies, data and applications. In addition, funk-experts.de offers a wide range of information about one's own insurance coverage.
Modern Component Library for Digital Business Processes
Together with our implementation partner Alm we realized a component library for the automotive supplier Alpine. Thanks to the flexible and consistent software components, our customer's developers can create digital solutions for various business processes with ease. Automated end-to-end tests provide a reliable foundation for smooth regression-free feature development.