ESANTIS
ESANTIS Design-Labor

Wie soll sich eine ESANTIS-Seite anfühlen?

Diese Seite ist kein Inhalt für Besucher. Sie zeigt die vorhandenen Bausteine mit realistischen Textmengen, damit wir sehen können, welche Module stark wirken, welche sich wiederholen und welche wir künftig kaum noch brauchen.

Bitte besonders auf Lesefluss, Abstände, Bildwirkung, mobile Breite und den Wechsel zwischen ruhigen und informationsreichen Abschnitten achten.

Bild + Text

Ein Bild soll einen Gedanken tragen.

Hier prüfen wir das klassische Verhältnis von Bild und Text. Der Text ist absichtlich nicht ultrakurz, damit sichtbar wird, ob Spaltenbreite und vertikaler Rhythmus auch mit echtem Inhalt funktionieren.

Prüffrage: Bleibt zuerst das Bild hängen – und führt es anschließend in den Text?

Beispielbild Medizin – später aus ESANTIS Mediathek ersetzen
Ruhiger Textabschnitt

Manchmal braucht eine Seite einfach Raum für einen guten Gedanken.

Nicht jeder Inhalt muss in eine Kachel. Ein ruhiger Abschnitt kann den Blick sammeln und eine wichtige Aussage verständlich machen.

Gerade zwischen zwei informationsreichen Bereichen kann diese Form helfen, dass die Seite nicht wie eine Aneinanderreihung von Modulen wirkt.

Aufklappbare Balken

Mehr Tiefe, ohne dass alles gleichzeitig sichtbar sein muss.

Was ist die eigentliche Frage?

Der erste Balken zeigt, wie ein kurzer Gedanke mit zusätzlicher Tiefe funktioniert.

Welche Beobachtung würde weiterhelfen?

Hier darf mehr Text stehen. Gerade für Reihenfolgen, Erklärungen und vertiefende Informationen ist dieses Element oft lesbarer als mehrere gleichartige Kacheln nebeneinander.

Was folgt daraus?

Der dritte Punkt prüft Abstand, Klickfläche und Lesbarkeit auf dem Handy.

Zweiter Bildrhythmus

Nicht jedes Bild braucht dieselbe Position.

Dieser zweite Bildabschnitt soll im PDF und auf dem Handy zeigen, ob die Engine bereits genug visuelle Abwechslung erzeugt oder ob wir eine echte Rechts-/Links-Variante ergänzen sollten.

Prüffrage: Wirkt der Seitenrhythmus jetzt abwechslungsreicher oder weiterhin wie derselbe Baustein?

Beispielbild Gespräch – später ersetzen
CTA-Test

Ist der nächste Schritt sofort verständlich?

Modultyp: appointment · Quelle modul-demo.json/appointment-demo

DESIGN-LAB · Termin- und Aktionsmodul

Primäre und sekundäre Aktionsbuttons verwenden beide die globalen Farben mit sicherem Kontrast.

Mehrere Kontaktwege können nebeneinander angeboten werden.

Modultyp: audio · Quelle modul-demo.json/audio-demo

DESIGN-LAB · Audio-Modul

Beispiel für eine Audio-Datei mit Browser-Steuerung.

Modultyp: booking · Quelle modul-demo.json/booking-demo

DESIGN-LAB · Generisches Buchungsmodul

Dasselbe Modul kann Bookly, Doctolib, ein anderes WordPress-Plugin oder einen externen Link verwenden.

In dieser Demonstration wird ein externer Buchungsbutton verwendet, damit die Seite auch ohne zusätzlich installiertes Terminplugin funktioniert.

  • Praxisgespräch
  • Telefontermin
  • Videosprechstunde
Modultyp: cards · Quelle modul-demo.json/cards-demo

DESIGN-LAB · Flexible Inhaltskarten

01

Orientierung

Eine Karte mit Symbol, Text und Link.

02

Struktur

Karten ordnen gleichartige Inhalte übersichtlich.

03

Weiterführung

Auf dem Handy werden die Karten untereinander dargestellt.

Modultyp: columns · Quelle hormones.json/behandlung

DESIGN-LAB · Mögliche Behandlungsbausteine

Die Auswahl erfolgt nicht pauschal. Sie richtet sich nach Befund, Nutzen, Risiken und Belastbarkeit.

Nichtmedikamentös

  • Schlaf und Stressregulation
  • Bewegung und Muskelaufbau
  • Ernährungsmedizin
  • Behandlung von Stoffwechselrisiken

Medizinisch

  • Hormontherapie nach individueller Abwägung
  • lokale Behandlung urogenitaler Beschwerden
  • nicht hormonelle Optionen
  • Verlaufskontrolle und Anpassung
Modultyp: comparison · Quelle modul-demo.json/comparison-demo

DESIGN-LAB · Vergleich zweier Varianten

Kurze Information

  • schneller Überblick
  • wenige Kernaussagen
  • direkter Link

Vertiefende Seite

  • mehr Hintergrund
  • detaillierte Abschnitte
  • zusätzliche Module
Modultyp: competence · Quelle modul-demo.json/competence-demo

DESIGN-LAB · Kompetenzkarten mit Tags

Beratung

Individuelle Klärung einer konkreten Fragestellung.

GesprächOrientierung

Diagnostik

Ausgewählte Untersuchungen mit klarer Zielsetzung.

LaborFunktionVerlauf

Therapie

Nachvollziehbare und schrittweise Planung.

IndividuellÜberprüfbar
Modultyp: contact · Quelle hormones.json/gespraech

DESIGN-LAB · Zuerst klären, was sinnvoll ist.

Vorhandene Befunde, bisherige Behandlungen und die wichtigsten Fragen können persönlich oder telefonisch geordnet werden. Danach lässt sich besser entscheiden, welche Diagnostik tatsächlich weiterhilft.

Modultyp: custom_app · Quelle custom-app-demo.json/mini-fragebogen

DESIGN-LAB · Kleiner Entscheidungsbaum

Die Schaltflächen und die Auswertung werden vollständig vom Custom-App-Modul gesteuert.

Was möchten Sie heute prüfen?

Noch keine Auswahl.
Weitere Modulbeispiele
Modultyp: download · Quelle modul-demo.json/download-demo

DESIGN-LAB · Downloadbereich

Beispiel-PDF herunterladen

Externe Beispieldatei zur Funktionsprüfung.

Herunterladen

Noch nicht hinterlegte Datei

Ohne URL bleibt der Downloadbutton verborgen.

Modultyp: facts · Quelle modul-demo.json/facts-demo

DESIGN-LAB · Zahlen und Fakten

40+Modultypen
1gemeinsame Engine
100 %JSON-gesteuert
Modultyp: faq · Quelle hormones.json/faq

DESIGN-LAB · Kurze Antworten auf wichtige Fragen

Müssen in den Wechseljahren immer Hormone gemessen werden?
Nein. Viele typische Beschwerden werden zunächst klinisch eingeordnet. Labor ist besonders dann sinnvoll, wenn Diagnose oder Therapieentscheidung unklar sind.
Ist eine Hormontherapie grundsätzlich gefährlich?
Nein, aber sie ist auch nicht für jede Person geeignet. Nutzen, Risiken, Beschwerden, Alter und Vorerkrankungen müssen individuell abgewogen werden.
Sind Gewichtszunahme und Erschöpfung automatisch hormonbedingt?
Nein. Hormone können beitragen, häufig spielen zusätzlich Schlaf, Muskelmasse, Ernährung, Medikamente und Stoffwechsel eine Rolle.
Modultyp: first_visit · Quelle modul-demo.json/first-visit-demo

DESIGN-LAB · Vor dem ersten Termin

Unterlagen vorbereiten

Relevante Dokumente möglichst geordnet mitbringen.

  • aktuelle Befunde
  • Medikamentenliste
  • wichtige Vorberichte

Fragen notieren

Die wichtigsten Anliegen vorab festhalten.

  • Was ist besonders wichtig?
  • Was wurde bereits versucht?
Modultyp: form · Quelle modul-demo.json/form-demo

DESIGN-LAB · Kontaktformular

Das Formular nutzt die global hinterlegte Empfängeradresse. Bitte zum Test keine echten sensiblen Daten eingeben.

Modultyp: html · Quelle modul-demo.json/html-demo

DESIGN-LAB · Freier HTML- und JavaScript-Block

Dieses Element stammt aus einem freien HTML-Feld.

Modultyp: list · Quelle modul-demo.json/list-demo

DESIGN-LAB · Listenmodul

Eine einfache Liste kann aus Texten oder strukturierten Einträgen bestehen.

  • Ein einfacher Listenpunkt
  • Strukturierter Listenpunkt Mit eigener Überschrift und Beschreibung.
  • Ein weiterer Punkt
Modultyp: logo_cloud · Quelle modul-demo.json/logo-cloud-demo

DESIGN-LAB · Logos und Partner

Modultyp: map · Quelle modul-demo.json/map-demo

DESIGN-LAB · Standort und Karte

Route öffnen
Modultyp: network · Quelle modul-demo.json/network-demo

DESIGN-LAB · Netzwerk und Zusammenarbeit

Fachbereich A

Kooperation bei weiterführenden Fragestellungen.

Fachbereich B

Ergänzende Diagnostik oder Mitbehandlung.

Fachbereich C

Gezielte Weiterleitung bei besonderem Bedarf.

Modultyp: notice · Quelle modul-demo.json/notice-demo

DESIGN-LAB · Ein wichtiger Hinweis

Das vorbereitete Hinweis-Modul verwendet den Text-Renderer und kann für organisatorische, rechtliche oder medizinische Hinweise eingesetzt werden.

Modultyp: patient_journey · Quelle modul-demo.json/patient-journey-demo

DESIGN-LAB · Ein längerer Weg mit mehreren Stationen

  1. 1

    Termin vereinbaren

    Kontaktweg auswählen und Termin bestätigen.

  2. 2

    Anliegen besprechen

    Fragen, Vorgeschichte und Ziele ordnen.

  3. 3

    Vorgehen festlegen

    Geeignete Bausteine auswählen.

  4. 4

    Verlauf begleiten

    Ergebnisse überprüfen und anpassen.

Modultyp: practice_images · Quelle modul-demo.json/practice-images-demo

DESIGN-LAB · Praxisbilder

Heller Praxisflur
Mehrere Bilder werden als responsive Galerie dargestellt.
Heller Besprechungsraum
Jedes Bild besitzt Alternativtext und Bildunterschrift.
Modultyp: process · Quelle modul-demo.json/process-demo

DESIGN-LAB · Ein Prozess mit nummerierten Schritten

Die Nummern verwenden die globale Akzentflächen- und Schriftfarbe.

  1. 1

    Ausgangslage erfassen

    Die wichtigsten Informationen zusammenführen.

  2. 2

    Prioritäten setzen

    Relevante Themen zuerst bearbeiten.

  3. 3

    Ergebnis prüfen

    Wirkung und nächste Entscheidungen nachvollziehen.

„Ein gutes Modul macht Inhalte leichter zugänglich, ohne sie unnötig zu vereinfachen.“
Demonstrationszitat
Modultyp: searchable_directory · Quelle programs.json/bestand-suche

DESIGN-LAB · Das passende Programm nach Ziel und Funktion finden.

Der Bestand wird hier nicht als Kurswüste gezeigt. Suche und Filter machen sichtbar, was bereits existiert; Inhalte mit Überschneidungen bleiben als Prüfbestand markiert, bis die Zusammenführung abgeschlossen ist.

Regulation & Body–Mind Querschnitt / noch prüfen Deutsch

7 Tage Seminar: Stress verstehen & loslassen

Sieben Tage für mehr Klarheit, Ruhe und innere Verbindung · Mini-Seminar: Struktur & Inhalt

Bestand öffnen →
Stress & Regeneration Querschnitt / noch prüfen Deutsch

7 Tages-Impulse: Stress verstehen & loslassen

Stress verstehen – und loslassen · Die sieben Tagesimpulse

Bestand öffnen →
Ernährung & Stoffwechsel Stoffwechsel & Ernährung Deutsch

basic nutrition

Basisnahrung aufbauen: jeden Tag ein klarer Schritt · So funktioniert’s

Bestand öffnen →
Ernährung & Stoffwechsel Querschnitt / noch prüfen Deutsch

Basisnahrung

Dein klarer Start: messen, verstehen, essen – in Ruhe und mit System · Was du bekommst

Bestand öffnen →
Ernährung & Stoffwechsel Stoffwechsel & Ernährung Deutsch

Basisnahrung leicht verdaulich – Startmodul Nahrungstest

Basisnahrung leicht verdaulich – Startmodul Nahrungstest · Warum zuerst die Basis?

Bestand öffnen →
Regulation & Body–Mind Umwelt & Lebensweise Deutsch

everyday-audio

Tag 1 – Die offene Hand · Langfassung (ca. 14–17 Minuten)

Bestand öffnen →
Allgemeines Programm / prüfen Umwelt & Lebensweise Deutsch

familien

Sommer, Natur & Gemeinschaft – mit Initiative · Gemeinschaftlich & frei

Bestand öffnen →
Regulation & Body–Mind Stoffwechsel & Ernährung Deutsch

Geistige Klarheit & Präsenz

Geistige Klarheit & Präsenz · Nicht mehr denken – sondern sehen

Bestand öffnen →
Professional / Fortbildung Umwelt & Lebensweise Deutsch

haven-book

Ein Ort des Ankommens - und die Freiheit, eigene Wege zu gehen · Warum wir dieses Booklet öffentlich zugänglich machen

Bestand öffnen →
Regulation & Body–Mind Nervensystem & Regulation Deutsch

Mediathek

Mediathek · Impulse, die tragen – für deinen Weg mit Tiefe

Bestand öffnen →
Regulation & Body–Mind Querschnitt / noch prüfen Deutsch

not-me-tmp

Du: · ChatGPT:

Bestand öffnen →
Regulation & Body–Mind Bewegung, Belastung & Regeneration Deutsch

reset

Müde vom Dauerfeuer? · NeuroRESET: dein Reset für Wahrnehmung, Nerven & Fokus.

Bestand öffnen →
Regulation & Body–Mind Querschnitt / noch prüfen Deutsch

Resonanzlabor

Kleine Kreise – Klarheit, Kraft & Vertrauen teilen. · Ein kleiner Kreis genügt – um Klarheit zu finden, Kraft zu teilen und gemeinsam ein neues Miteinander wachsen zu las

Bestand öffnen →
Regulation & Body–Mind Nervensystem & Regulation Deutsch

Stress verstehen & und loslassen

Warum diese Challenge? · Was erwartet dich?

Bestand öffnen →
Regulation & Body–Mind Energie, Mitochondrien & biologische Reserve Deutsch

stress-intelligence

Stressintelligenz · Mehr als Entspannung: Klarheit, Energie, Freiheit.

Bestand öffnen →
Stress & Regeneration Nervensystem & Regulation Deutsch

stresschallenge

Stress loslassen. Dich erinnern. · 7-Tage-Challenge + Mini-Seminarfür sanftes Stressmanagement

Bestand öffnen →
Stress & Regeneration Querschnitt / noch prüfen Deutsch

tri

Vorschlag Kursbeschreibung (für Fly / Haven) · Gegenüberstellung zu Reset (ehemals Breakout)

Bestand öffnen →
Allgemeines Programm / prüfen Querschnitt / noch prüfen Deutsch

vitagaia-start

VitaGaia Starterkurs – Dein 1m²-Garten · Was wäre, wenn du auf nur einem Quadratmeter Erde alles finden könntest, was du brauchst?

Bestand öffnen →
Allgemeines Programm / prüfen Körper–Gehirn–Psyche Deutsch

Wahrnehmung als Schlüsselkompetenz

Wahrnehmung als Schlüsselkompetenz · Der entscheidende Moment liegt früher

Bestand öffnen →
Regulation & Body–Mind Bewegung, Belastung & Regeneration Deutsch

yes-and-no-book

Ja und Nein – die beiden Flügel der Freiheit · Worum es geht

Bestand öffnen →
Modultyp: stats · Quelle modul-demo.json/stats-demo

DESIGN-LAB · Statistikmodul

12 pxmobiler Inhaltsabstand
1180 pxDesktop-Maximalbreite
3globale Akzentrollen
Modultyp: steps · Quelle hormones.json/diagnostik

DESIGN-LAB · Wie wir die Situation einordnen

Beschwerden erfassen

Art, zeitlicher Verlauf und persönliche Belastung klären.

Risiken prüfen

Vorerkrankungen, Familienanamnese und Gegenanzeigen berücksichtigen.

Labor sinnvoll nutzen

Hormone und Schilddrüse nur dort messen, wo das Ergebnis eine Entscheidung verändert.

Therapie abwägen

Nutzen, Risiken und Alternativen gemeinsam besprechen.

Modultyp: table · Quelle modul-demo.json/table-demo

DESIGN-LAB · Responsive Tabelle

ModulGeeignet fürMobil
Textlängere Inhaltevolle Breite
Kartenmehrere gleichartige Themenuntereinander
Tabellestrukturierte Datenhorizontal scrollbar
Modultyp: tabs · Quelle modul-demo.json/tabs-demo

DESIGN-LAB · Registerkarten

Tabs zeigen mehrere Inhalte kompakt an derselben Stelle.

Modultyp: team · Quelle modul-demo.json/team-demo

DESIGN-LAB · Dynamisches Teamraster

Die Spaltenzahl passt sich an die Zahl der aktiven Profile an.

AB

Dr. Anna Beispiel

Ärztliche Leitung

Beispielprofil mit kurzer Vorstellung und Schwerpunkten.

  • Beratung
  • Prävention
  • Koordination
BM

Dr. Ben Muster

Fachärztliche Mitarbeit

Zweites Profil zur Demonstration eines zweispaltigen Rasters.

  • Diagnostik
  • Verlauf
  • Therapie
Modultyp: testimonials · Quelle modul-demo.json/testimonials-demo

DESIGN-LAB · Erfahrungsberichte als Karten

Beispielstimme

„Die Abläufe waren verständlich und gut strukturiert.“

Zweite Beispielstimme

„Die nächsten Schritte waren klar nachvollziehbar.“

Modultyp: timeline · Quelle modul-demo.json/timeline-demo

DESIGN-LAB · Zeitleiste

  1. Woche 1

    Start

    Erste Orientierung und Planung.

  2. Woche 4

    Zwischenstand

    Erste Erfahrungen auswerten.

  3. Woche 8

    Überprüfung

    Vorgehen weiterentwickeln.

Modultyp: trust · Quelle modul-demo.json/trust-demo

DESIGN-LAB · Vertrauens- und Qualitätsmerkmale

Verständlich

Inhalte und Entscheidungen werden nachvollziehbar erklärt.

Strukturiert

Komplexe Themen werden sinnvoll geordnet.

Überprüfbar

Ergebnisse und nächste Schritte bleiben sichtbar.

Modultyp: video · Quelle modul-demo.json/video-demo

DESIGN-LAB · Video-Modul

Video in einem neuen Fenster öffnen

Lokales Demonstrationsvideo im browserfreundlichen MP4/H.264-Format.

Kompass startenWhatsApp
Review Your Cart
0
Add Coupon Code
Subtotal