Contact
Dolomiti Athletic Center homepage
← Invariance / Portfolio

Invariance × Dolomiti Athletic Center

A digital centre for recovery.

One multilingual platform connecting first impressions, appointment requests, expert care, editorial control and secure operations.

Visit website
Role
End-to-end partner
Markets
DE · IT · EN
Status
Live & operated

Introduction

Make complexity feel effortless.

Dolomiti Athletic Center sits where clinical precision meets athletic ambition. Its digital platform had to earn trust just as quickly as it made the next step clear.

We translated a multi-location, multilingual care organisation into one coherent system: a confident public experience, an adaptive enquiry journey, durable content operations, protected staff and patient workflows, and a deployment setup designed for safe change.

2.7×

more public views since launch

4.6×

more appointment requests

100+

hours of manual work saved

Demonstration

The appointment request, running.

This is the real request flow from the platform, embedded and working. Choose a service and it adapts — the form a patient fills in depends on what they came for.

80%

Interactive product preview

Demo mode · nothing is transmitted

What would you like to request?

Choose the service you need — the form adapts accordingly.

Technology

Proven tools, chosen as a system.

A focused stack for fast delivery, type safety and long-term maintainability.

Full-stack framework

Next.js

The React framework we build product surfaces on: routing, server rendering and the production build come from one toolchain. Pages are rendered on the server, so the first paint is real content rather than an empty shell.

Typed application layer

TypeScript

JavaScript with a type system on top. It catches mismatched data at build time — the class of bug that otherwise reaches a user as a blank screen — and it makes a large codebase safe to change years later.

Interface architecture

React

The interface library the whole front end is written in. State drives what is on screen, so complex flows stay predictable instead of becoming a pile of manual DOM updates.

Application runtime

Node.js

The JavaScript runtime the server side runs on. One language across client and server means shared validation and types instead of two implementations of the same rule.

Relational data

PostgreSQL

The relational database that holds the durable data. It is strict about correctness — constraints, transactions, real foreign keys — which is exactly what you want under bookings and records.

Type-safe data access

Prisma

The typed layer between the application and PostgreSQL. Every query is checked against the schema, and every schema change ships as a versioned migration rather than a hand-run SQL statement.

Design system

Tailwind CSS

The styling system that keeps a design consistent: spacing, type and colour come from a fixed set of tokens. The result is one visual language instead of a stylesheet that drifts page by page.

Reproducible runtime

Docker

The application and everything it needs are packaged into one image, so the version tested is bit-for-bit the version that runs in production. Deployment stops depending on what happens to be installed on a server.

Photography

Shot vertical, published wide.

The clinic's photo library was shot for print and phones — tall frames with no room on either side. A website hero needs the opposite. Using state-of-the-art image models, every frame was expanded outward to a full 16:9, upscaled and finished — without cropping into the athlete and without a reshoot. Compare what the photographer delivered with what went live.

Original

Original

1280 × 1920 · as delivered by the photographer

Prepared for the site

Prepared for the site

1920 × 1080 · expanded and upscaled with state-of-the-art image models

Swipe, onion skin and difference put the two in the same frame; 2-up keeps each at its own proportions.

Experience

Clinical confidence without clinical coldness.

The interface pairs editorial restraint with the energy of elite sport. Strong typography, deep alpine blue, generous whitespace and authentic photography make a complex care offer immediately legible.

Service storytelling

Service storytelling

Service storytelling

The service grid: every treatment reachable in one step, with its own detail journey behind it.

People build trust

People build trust

People build trust

The expert carousel. Faces and credentials do the work a paragraph of reassurance cannot.

Editing

Edit in context. Review with confidence. Publish durably.

Authorised staff can work where the content actually appears. A controlled draft, lock and review workflow prevents invisible CMS guesswork while a Git-backed publish path keeps every approved change durable and deployable.

Edit in context. Review with confidence. Publish durably.

Edit in context. Review with confidence. Publish durably.

Inline editing on the live layout. The editor sees the real component in the real locale, so nothing has to be imagined from a form field — and the change only becomes public after review.

Context-first editing

Copy and imagery are edited on the live layout, with the exact component and locale visible.

Safe collaboration

Edit locks, heartbeats and explicit review states reduce collisions and accidental overwrites.

Git-durable publishing

Approved content is committed as source data before the live cache is refreshed and the next image is built.

Deployment

Every release earns production.

A push is all it takes. The container that replaces production has to prove it works first — and if it cannot, nothing changes.

Build & release

SuccessTraefik switches traffic

FailNo traffic reaches it

Persistent where it matters

PostgreSQL data, uploaded media and the image-optimisation cache survive releases; database dumps provide an additional recovery path.

Showcase

A platform with range.

The experience spans brand storytelling, service detail, expert credibility, protected operations and responsive patient journeys.

Service detail

Service detail

Service detail

A service detail page: what the treatment is, who performs it, how long it takes and what to bring — before any form appears.

Location detail

Location detail

Location detail

A location page. Three sites are presented as one quality standard, each with its own team, hours and directions.

Expert profile

Expert profile

Expert profile

An expert profile: qualifications, focus areas and languages spoken, all managed through the editorial platform.

Athlete stories

Athlete stories

Athlete stories

Athlete stories. Performance as proof, kept separate from the clinical pages so neither dilutes the other.

Legal

A public site still handles personal data.

An appointment request is health-adjacent personal data the moment someone types it, so the platform is built to hold as little of it as possible for as short a time as possible.

A request is mail, not a record

An appointment request is delivered to the clinic as mail. Nothing writes it to the database — there is no request table to leak, and no archive that grows quietly for years.

Attachments are bounded

File count and total size are capped before anything is accepted, and the fields are validated and escaped. The form cannot be used as an upload channel.

Usage stays first-party

The site records its own usage on its own server. No visitor is handed to an external analytics network, so there is no third-party profile to disclose or defend.

The client owns the platform

Source, content and media belong to the clinic, and the editorial history is theirs. Invariance holds deployment access to operate it, not a claim on it.

Result

A digital platform that performs like the organisation behind it.

Clear to patients. Credible to athletes. Useful to staff. Safe to operate. And structured to grow without trading away the standard that made it trustworthy in the first place.

Visit website
Book a call