IRISMEDDie Website der Praxis von Dr. Iris Maislinger – mit eigenem Redaktionssystem, Live-Vorschau und Cloud-Infrastruktur

irismed.at ist die Website der Praxis von Dr. Iris Maislinger in Wien. Sie stellt die Praxis und Dr. Maislinger vor, führt durch das Angebot und leitet zur Terminbuchung und zum Newsletter. Wir haben die technische Umsetzung übernommen: die Entwicklung der Website und das Setup der Infrastruktur, vom Hosting über den Medienspeicher bis zur Newsletter-Anbindung. Statt eines Standard-CMS steht dahinter ein individuell entwickeltes Redaktionssystem auf Basis von Next.js, in dem sich jeder Abschnitt der Startseite per Formular pflegen lässt.

Die Startseite führt auf einer Seite durch die Praxis. Auf den Einstieg mit Porträt folgen drei farbige Karten zu den Kompetenzen, die Vorstellung von Dr. Maislinger, ein horizontal verschiebbares Angebot, Informationen zur Praxis, ein Bildstreifen mit Links zum Instagram-Profil und die Newsletter-Anmeldung. Kontakt und Öffnungszeiten stehen am Seitenende. Eine eigene Seite mit Programmen und häufigen Fragen vertieft das Angebot. Termine werden auf der Seite eines externen Anbieters gebucht, die sich in einem neuen Tab öffnet. Inhalte blenden sich beim Scrollen weich ein, Fotos bewegen sich leicht mit, und das Mausrad scrollt geglättet; wer in den Systemeinstellungen reduzierte Bewegung wählt, sieht die Seite ohne diese Effekte. Für die großen Bildflächen lässt sich ein eigener Handy-Ausschnitt hinterlegen, dann lädt jedes Gerät nur das passende Bild.

Das Redaktionssystem besteht aus zwölf Bereichen für die Startseite, vom Kopfbereich über Kompetenzen und Praxis bis zu Navigation, Galerie und Newsletter-Text. Reihenfolgen ändert die Redaktion per Drag & Drop, und neben dem Formular zeigt eine Live-Vorschau die Seite so, wie sie online aussieht, wahlweise für Desktop oder Handy. Die Unterseiten Programme, Impressum und Datenschutz bestehen aus Bausteinen; der Baukasten kennt 13 Typen, etwa Text, Bild oder Video, FAQ, Galerie und Tabelle, mit einstellbaren Abständen, Einblend-Animationen und Farbbändern. In der Medienbibliothek legt die Redaktion pro Bild einen Fokuspunkt fest, damit beim Zuschneiden der wichtige Ausschnitt sichtbar bleibt, und hinterlegt bei Bedarf ein eigenes Bild fürs Handy. Änderungen werden beim Speichern geprüft und gehen live, ohne dass die Website neu veröffentlicht werden muss.

Gehostet wird auf Vercel, der Server-Code läuft in Frankfurt, die Daten liegen in einer PostgreSQL-Datenbank bei Neon. Bilder liegen in einem nicht öffentlichen AWS-Speicher und werden über CloudFront ausgeliefert; Uploads gehen über kurzlebige, signierte Adressen direkt vom Browser dorthin. Der Redaktionsbereich ist per Login geschützt, und jede Änderung prüft die Anmeldung zusätzlich auf dem Server. Der Cookie-Banner stellt Zustimmen und Ablehnen gleichwertig dar, die Entscheidung lässt sich am Seitenende wieder öffnen. Neue Newsletter-Anmeldungen laufen als Double-Opt-in über Brevo, Bestätigung und Abmeldung übernimmt der Anbieter. Schemaänderungen laufen über versionierte Migrationen, und automatisierte Tests decken unter anderem Validierung, Einwilligung und Newsletter ab.