Kontakt
Dolomiti Athletic Center homepage
← Invariance / Portfolio

Invariance × Dolomiti Athletic Center

Ein digitales Zentrum für Recovery.

Eine mehrsprachige Plattform für ersten Eindruck, Terminanfragen, fachliche Betreuung, redaktionelle Kontrolle und sicheren Betrieb.

Website besuchen
Rolle
End-to-End-Partner
Märkte
DE · IT · EN
Status
Live & betreut

Einführung

Komplexität mühelos wirken lassen.

Das Dolomiti Athletic Center verbindet klinische Präzision mit sportlichem Anspruch. Die digitale Plattform musste ebenso schnell Vertrauen schaffen wie den nächsten Schritt klären.

Wir übersetzten eine mehrsprachige Organisation mit mehreren Standorten in ein stimmiges System: einen souveränen öffentlichen Auftritt, eine adaptive Anfrage, langlebige Content-Prozesse, geschützte Team- und Patientenabläufe sowie ein Deployment für sichere Veränderungen.

2,7×

mehr öffentliche Aufrufe seit dem Launch

4,6×

mehr Terminanfragen

100+

eingesparte Stunden manueller Arbeit

Demonstration

Die Terminanfrage, in Betrieb.

Das ist der echte Anfrageweg der Plattform, eingebettet und funktionsfähig. Wählen Sie eine Leistung, und er passt sich an — welches Formular ein Patient ausfüllt, hängt davon ab, weshalb er kommt.

80%

Interaktive Produktvorschau

Demo-Modus · keine Daten werden übertragen

Was möchten Sie anfragen?

Wählen Sie die passende Leistung – das Formular passt sich entsprechend an.

Technologie

Bewährte Werkzeuge, als System gewählt.

Ein fokussierter Stack für schnelle Umsetzung, Typsicherheit und langfristige Wartbarkeit.

Full-stack framework

Next.js

Das React-Framework, auf dem wir Produktoberflächen bauen: Routing, Server-Rendering und der Produktions-Build kommen aus einer Toolchain. Seiten werden auf dem Server gerendert — der erste Bildaufbau zeigt echten Inhalt statt einer leeren Hülle.

Typed application layer

TypeScript

JavaScript mit einem Typsystem darüber. Es fängt unpassende Daten beim Build ab — genau die Fehlerklasse, die sonst als weiße Seite beim Nutzer landet — und macht eine große Codebasis noch Jahre später gefahrlos änderbar.

Interface architecture

React

Die Interface-Bibliothek, in der das gesamte Frontend geschrieben ist. Der Zustand bestimmt, was auf dem Bildschirm steht; komplexe Abläufe bleiben dadurch vorhersehbar statt zu einem Haufen manueller DOM-Eingriffe zu werden.

Application runtime

Node.js

Die JavaScript-Laufzeit der Serverseite. Eine Sprache auf beiden Seiten bedeutet gemeinsame Validierung und gemeinsame Typen statt zweier Implementierungen derselben Regel.

Relational data

PostgreSQL

Die relationale Datenbank für die dauerhaften Daten. Sie ist streng in Sachen Korrektheit — Constraints, Transaktionen, echte Fremdschlüssel — und genau das will man unter Terminen und Befunden haben.

Type-safe data access

Prisma

Die typisierte Schicht zwischen Anwendung und PostgreSQL. Jede Abfrage wird gegen das Schema geprüft, und jede Schemaänderung geht als versionierte Migration raus statt als handgestartetes SQL.

Design system

Tailwind CSS

Das Styling-System, das ein Design konsistent hält: Abstände, Typografie und Farben stammen aus einem festen Satz von Tokens. Ergebnis ist eine visuelle Sprache statt eines Stylesheets, das von Seite zu Seite abdriftet.

Reproducible runtime

Docker

Anwendung und alles, was sie braucht, stecken in einem Image — die getestete Version ist bitgenau die Version, die produktiv läuft. Deployment hängt nicht mehr davon ab, was auf einem Server zufällig installiert ist.

Fotografie

Hochkant fotografiert, im Breitformat veröffentlicht.

Die Bildbibliothek der Klinik war für Print und Handy fotografiert — hohe Formate ohne Spielraum an den Seiten. Ein Website-Header braucht das Gegenteil. Mit modernsten Bildmodellen wurde jedes Bild nach außen auf volle 16:9 erweitert, hochskaliert und ausgearbeitet — ohne ins Motiv zu beschneiden und ohne Neuaufnahme. Vergleichen Sie, was der Fotograf geliefert hat, mit dem, was online ging.

Original

Original

1280 × 1920 · wie vom Fotografen geliefert

Für die Website aufbereitet

Für die Website aufbereitet

1920 × 1080 · mit modernsten Bildmodellen erweitert und hochskaliert

Swipe, Onion Skin und Difference legen beide in denselben Rahmen; 2-up zeigt jede in ihren eigenen Proportionen.

Erlebnis

Klinisches Vertrauen ohne klinische Kälte.

Die Oberfläche verbindet redaktionelle Ruhe mit der Energie des Spitzensports. Starke Typografie, tiefes Alpinblau, großzügiger Raum und authentische Fotografie machen ein komplexes Angebot sofort verständlich.

Leistungen verständlich erzählt

Leistungen verständlich erzählt

Leistungen verständlich erzählt

Das Leistungsraster: jede Behandlung in einem Schritt erreichbar, mit eigener Detailstrecke dahinter.

Menschen schaffen Vertrauen

Menschen schaffen Vertrauen

Menschen schaffen Vertrauen

Das Experten-Karussell. Gesichter und Qualifikationen leisten, was ein Absatz voller Zusicherungen nicht kann.

Redaktion

Im Kontext bearbeiten. Sicher prüfen. Dauerhaft veröffentlichen.

Autorisierte Mitarbeitende arbeiten dort, wo Inhalte erscheinen. Entwürfe, Sperren und Reviews verhindern unsichtbare CMS-Ratespiele; ein Git-gestützter Publish-Prozess macht jede Freigabe dauerhaft und deploybar.

Im Kontext bearbeiten. Sicher prüfen. Dauerhaft veröffentlichen.

Im Kontext bearbeiten. Sicher prüfen. Dauerhaft veröffentlichen.

Bearbeiten direkt im Layout. Die Redaktion sieht die echte Komponente in der echten Sprache — nichts muss aus einem Formularfeld erahnt werden, und die Änderung wird erst nach Prüfung öffentlich.

Bearbeiten im Kontext

Text und Bild werden im echten Layout, im richtigen Baustein und in der aktiven Sprache gepflegt.

Sichere Zusammenarbeit

Edit Locks, Heartbeats und klare Review-Zustände reduzieren Konflikte und Überschreibungen.

Dauerhaft in Git

Freigegebene Inhalte werden als Quelldaten committed, bevor Cache und nächstes Image aktualisiert werden.

Auslieferung

Jedes Release verdient sich die Produktion.

Ein Push genügt. Der Container, der die Produktion ersetzen soll, muss vorher beweisen, dass er läuft — und wenn nicht, ändert sich nichts.

Build & Release

ErfolgTraefik leitet den Verkehr um

FehlerKein Verkehr erreicht ihn

Persistent, wo es zählt

PostgreSQL-Daten, Uploads und der Bild-Cache überleben Releases; Datenbank-Dumps bieten einen zusätzlichen Wiederherstellungsweg.

Showcase

Eine Plattform mit Bandbreite.

Das Erlebnis reicht von Markenstory und Leistungsdetail über Expertenvertrauen bis zu geschütztem Betrieb und mobilen Patientenwegen.

Leistungsdetail

Leistungsdetail

Leistungsdetail

Eine Leistungsseite: was die Behandlung ist, wer sie durchführt, wie lange sie dauert und was mitzubringen ist — bevor irgendein Formular erscheint.

Standortdetail

Standortdetail

Standortdetail

Eine Standortseite. Drei Häuser treten als ein Qualitätsstandard auf, jedes mit eigenem Team, Öffnungszeiten und Anfahrt.

Expertenprofil

Expertenprofil

Expertenprofil

Ein Expertenprofil: Qualifikationen, Schwerpunkte und gesprochene Sprachen, alles über die Redaktionsoberfläche gepflegt.

Athleten

Athleten

Athleten

Athletengeschichten. Leistung als Beweis, getrennt von den klinischen Seiten, damit keines das andere verwässert.

Recht

Auch eine öffentliche Website verarbeitet personenbezogene Daten.

Eine Terminanfrage ist gesundheitsnahe personenbezogene Information, sobald sie getippt ist. Die Plattform ist darauf gebaut, so wenig davon wie möglich und so kurz wie möglich zu halten.

Eine Anfrage ist Post, kein Datensatz

Eine Terminanfrage wird der Klinik als E-Mail zugestellt. Nichts schreibt sie in die Datenbank — es gibt keine Anfragetabelle, die abfließen könnte, und kein Archiv, das jahrelang still weiterwächst.

Anhänge sind begrenzt

Dateizahl und Gesamtgröße werden vor der Annahme begrenzt, die Felder validiert und escaped. Das Formular lässt sich nicht als Upload-Kanal missbrauchen.

Nutzungsdaten bleiben im Haus

Die Website erfasst ihre Nutzung auf dem eigenen Server. Kein Besucher wird an ein externes Analysenetz weitergegeben — es gibt kein Drittprofil, das offengelegt oder verteidigt werden müsste.

Die Plattform gehört der Klinik

Quellcode, Inhalte und Medien gehören der Klinik, und die redaktionelle Historie ist ihre. Invariance hält Deployment-Zugang, um sie zu betreiben — keinen Anspruch auf sie.

Ergebnis

Eine digitale Plattform, die so leistungsfähig ist wie die Organisation dahinter.

Klar für Patienten. Glaubwürdig für Athleten. Nützlich für das Team. Sicher im Betrieb. Und so strukturiert, dass Wachstum den Qualitätsanspruch nicht verwässert.

Website besuchen
Termin anfragen