Hausarzt-Portal — Case Study

Das "Ampel-System"

Wie man hunderte Anrufe pro Tag digital abfängt.

🚨

Rot: Notfall

Sofortige Weiterleitung zum Notruf 112. Verhindert, dass echte Notfälle in der Warteschleife hängen.

⚠️

Gelb: Beschwerden

Integration des 116117 Symptom-Checks. Patienten prüfen selbst, ob ein Arztbesuch nötig ist.

✅

Grün: Orga

Rezepte und Überweisungen online bestellen. Asynchrone Kommunikation statt Telefonterror.

Features

📱

Mobile First

Optimiert für die Nutzung am Smartphone – da wo Patienten nach Hilfe suchen.

🔒

DSGVO Konform

Keine Tracker, keine Cookies (außer technisch notwendig), Hosting in Deutschland.

♿

Barrierefrei

Hohe Kontraste, skalierbare Schriften und Screenreader-Unterstützung.

🕒

Smarte Öffnungszeiten

Automatische Anzeige von "Jetzt geöffnet" oder "Nächste Sprechstunde: Mo 08:00".

Code Einblick

index.html

<!-- Das Ampel-Grid zur Patientensteuerung -->
<div class="ampel__grid">
  <!-- NOTFALL (ROT) -->
  <div class="ampel-card ampel-card--emergency">
    <h3>Sofort 112 anrufen</h3>
    <p>Bei Brustschmerzen, Atemnot, Lähmungen.</p>
    <a href="tel:112" class="btn btn--emergency">Notruf wählen</a>
  </div>

  <!-- ORGANISATORISCHES (GRÜN) -->
  <div class="ampel-card ampel-card--success">
    <h3>Sicher schreiben</h3>
    <p>Für Rezepte & Überweisungen.</p>
    <a href="#neu" class="btn btn--success">Nachricht senden</a>
  </div>
</div>

Tech Stack

Frontend HTML5, CSS3 (BEM)

Performance 100/100 Lighthouse

Hosting Static Hosting

Datenschutz Zero-Cookie Tracking

Hausarztpraxis Musterstadt