Zum Inhalt
← Rezepte
Alle Rezepte

Apotheke vor Ort: offen, Notdienst, vorbestellt

Öffentliche Apotheke / Apotheke mit Filialen / Apotheke mit Botendienst (optional mit Versandhandel)

Wer die Seite einer Apotheke öffnet, will meist eins von drei Dingen: Hat sie jetzt offen oder wer hat Notdienst, kann ich mein Medikament vorbestellen, und welche Beratung oder Messung bietet sie an. Deshalb gibt es keinen großen Foto-Hero, sondern eine Statuszeile mit drei Reitern (Heute, Notdienst, Vorbestellen), deren Markierung von Reiter zu Reiter gleitet. Darunter Services mit Dauer und Preis, Botendienst nach Postleitzahl, Team, Filialen. Funnel Display und Funnel Sans in großer Lesegröße, Weiß, Petrol und Warmgrau, Petrol nur für Vorbestellen. Strenge Werberegeln sind Teil des Aufbaus: Pflichttext direkt am Angebot, keine Heilversprechen, keine Rezeptfotos per Formular. Abgrenzung zu praxis-gesundheit-ruhig (Behandlung mit Termin) und d2c-produkt-zuerst (Versandshop).

Bauplan tokens.css Alle Techniken Beispielseite

Schrift

Offen, Notdienst, vorbestellt

Wer die Seite einer Apotheke öffnet, will meist eins von drei Dingen: Hat sie jetzt offen oder wer hat Notdienst, kann ich mein Medikament vorbestellen, und welche Beratung oder Messung bietet sie an.

Headline
Funnel Display
Text
Funnel Sans

Farbe

  • #FAFAF8
  • #1A2321
  • #E0ECE8
  • #0F3B3A
  • #0D6A62
  • #55615E
  • #D2DAD7

Bewegung

cubic-bezier(0.2, 0, 0.38, 0.9)
Dauer
110 (Hover, Farbe), 240 (Markierung der Statusreiter, Akkordeon), 160 (schließen), 400 (Einblendung eines Panels)

Aufbau der Seite

SignaturGleitender Indikator / Segment-Schalter mit Pille

Hero–

  1. Heute geöffnet und Notdienst (Statuszeile mit Reitern; Notdienst aus dem Plan der Kammer mit Stand und Quelle; Hinweis auf die Notdienstgebühr; außerhalb der eigenen Zeiten Link zur Notdienstsuche der Kammer und 116 117 bzw. 112)Gleitender Indikator / Segment-Schalter mit PilleÖffnungszeiten mit Live-Status · HinweisleisteNotdienst mit Plan und Verweis · Apotheke
  2. Vorbestellen und Botendienst (E-Rezept: Karte in der Apotheke stecken oder App der Kasse; rezeptfreie Mittel mit Menge; Postleitzahl für den Botendienst zuerst; Abholung ab Uhrzeit; Bestätigung ohne Medikamentennamen; keine Rezeptfotos über das Formular)Vorbestellung mit Abholtag und Zeitfenster · BackstubeFehlerzusammenfassung im Formular · Kompakt über dem KnopfEingabehilfen und Autofill · Adresse
  3. Beratung und Services (Blutdruck und Blutzucker messen, Impfungen, Medikationsanalyse, Kompressionsstrümpfe anmessen, Verleih von Milchpumpe und Inhaliergerät; je Service Dauer, Preis oder Kassenleistung, Termin; je wichtiger Service eine Unterseite, Antwort zuerst)Akkordeon mit Höhenanimation auf auto · LeistungslisteTermin-Buchung per 2-Klick-Einbettung · VorauswahlLeistungsseite: Antwort zuerst · PraxisZeichnungsfamilie für Produkte, Läden und Leistungen · FilialfassadenAnker-Landung markieren · InhaltsverzeichnisSeite in Einfacher und Leichter Sprache · Pflegedienst
  4. Angebote des Monats (nur rezeptfreie Produkte; Pflichttext direkt am Arzneimittel-Angebot; Preis inkl. MwSt. und Grundpreis; Streichpreise nur mit dem niedrigsten Preis der letzten 30 Tage)Raster am Desktop, Wischreihe am Telefon · Zweireihig
  5. Team (Apothekenleitung mit Approbation, Apotheker:innen, PTA, PKA; Schwerpunkte wie Naturheilkunde, Ernährung, Diabetes; Sprachen)Team-/Über-mich-Layout mit Porträt-Interaktion · Raster
  6. Häufige Fragen (eigene Seite mit Suche ab etwa acht Fragen: E-Rezept, Vorbestellen, Botendienst, Notdienst, Zuzahlung, Impfungen; Antworten als Text, ohne FAQPage-Trick)FAQ-Seite mit Suche · Mit SucheAkkordeon mit Höhenanimation auf auto · FAQAnker-Landung markieren · FAQ-DirektlinkText-Hervorhebung mit ::highlight() · Suchtreffer
  7. Gesundheit im Jahr (kurze Beiträge zu Saisonthemen wie Reiseapotheke, Pollen, Impfsaison; mit Stand-Datum und Quelle; ohne Produktwerbung mit Heilversprechen)Editorial-/Magazin-Layout · ZeitungNews-Übersicht mit Kategorien und Jahr-Archiv · Weitere laden
  8. Artikel-Detailseite (je Beitrag eine Seite: Saisonthema wie Reiseapotheke oder Pollen, Antwort zuerst, Quelle und Stand, ohne Heilversprechen und ohne Produktwerbung; mit Datum, Autorin oder Autor und Stand)Artikelseite mit Autorin, Stand und Strukturdaten · Ratgeber
  9. Filialen (Haupt- und Filialapotheken, je mit Status, Leitung, Adresse, Parken; Liste ab zwei Häusern; Karte per 2-Klick)Standortfinder als Liste · Nur ListeKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · StandorteFirmendaten aus einer Quelle · ZahnarztpraxisStandort-Detailseite · FilialeZeichnungsfamilie für Produkte, Läden und Leistungen · Filialfassaden
  10. Ausbildung und Stellen (PTA, PKA, Apotheker:in; Tarif oder Spanne, Notdienste und Samstage ehrlich)Stellenliste mit Kurzbewerbung · Wenige Stellen
  11. Erklärung zur Barrierefreiheit (eigene Seite; bei Online-Vorbestellung oder Versandhandel nach BFSG prüfen lassen)Seite „Barrierefreiheit“ als Vorlage · Informationen nach BFSG

Nicht verwenden

Regeln
  • Erster Bildschirm: Statuszeile mit drei Reitern (Heute, Notdienst, Vorbestellen), Name, Adresse und Telefon als Text. Kein großes Foto davor.
  • Signatur (gleitender-indikator): Die Markierung gleitet unter den aktiven Reiter der Statuszeile und in der Reiterleiste der Services; höchstens vier Reiter, Tastatur mit Pfeiltasten, Inhalt bleibt ohne Animation lesbar.
  • Notdienst: Termine aus dem Notdienstplan der Landesapothekerkammer mit Stand-Datum und Link zur Quelle; nie geschätzt. Notdienstgebühr nach Arzneimittelpreisverordnung vorab nennen (Betrag vom Kunden prüfen lassen). Bei Lebensgefahr 112 im Footer.
  • Vorbestellung nur mit dem nötigsten: Name, Telefon oder E-Mail, Abholfiliale, rezeptfreie Artikel mit Menge; E-Rezepte über die elektronische Gesundheitskarte oder die App der Kasse, nicht über das Formular. Keine Pflichtfelder zu Diagnosen; Daten verschlüsselt übertragen, Speicherfrist im Datenschutz. Vom Kunden prüfen lassen.
  • Heilmittelwerbegesetz: Bei Werbung für Arzneimittel steht der Pflichttext nach § 4 HWG direkt am Angebot und gut lesbar; keine Werbung für verschreibungspflichtige Arzneimittel gegenüber Verbraucher:innen (§ 10 HWG); keine Heilversprechen, keine Vorher-nachher-Bilder, keine Patientenstimmen über Wirkungen. Vom Kunden prüfen lassen.
  • Preise: rezeptfreie Produkte inkl. MwSt. mit Grundpreis; Streichpreise nur mit dem niedrigsten Preis der letzten 30 Tage (§ 11 PAngV); keine Rabatte oder Boni auf verschreibungspflichtige Arzneimittel.
  • Impressum mit Apothekenleitung, Approbation und Berufsbezeichnung, zuständiger Apothekerkammer und Aufsichtsbehörde sowie Link zur Berufsordnung. Vom Kunden prüfen lassen.
  • Typografie: Text mindestens 18 px, Statuszeile in Funnel Sans 600, Zeiten mit Tabellenziffern; zwei Gewichte je Familie.
  • Knöpfe: Petrol gefüllt mit allen Zuständen (button-zustaende) für Vorbestellen und Termin, Nebenwege als Kontur (kontur-button-zeichnen, Variante zeichnen). Trefferfläche 44 px, mobil eine untere Leiste Anrufen / Notdienst / Vorbestellen.
  • Filialen und Dienste (Blutdruck messen, Impfen, Botendienst) als Zeichnungen aus einer Familie (zeichnungsfamilie-produkte, Variante laden), ohne Hover-Versatz, nur der Fokusring ändert sich; keine Packungen, keine Herstellerlogos, keine Nachbildung von Siegeln oder Marken (auch nicht des Apotheken-A, vom Kunden prüfen lassen).
Bild und Ton
  • Licht: Helles Tageslicht in der Offizin, neutral.
  • Ausschnitt: Team in der Halbtotale, Beratung am HV-Tisch ohne erkennbare Kundschaft, Außenansicht.
  • Personen: Ja: eigenes Team mit Einwilligung; Kundschaft nie erkennbar.
  • Formate: 3:2, 1:1
  • Nicht: Keine Kapsel- und Tablettenbilder als Deko, keine Produktpackungen als Stimmungsbild, keine Stockfotos mit Kitteln.
  • Anrede: Sie
  • Sätze: Kurz und klar, in Alltagssprache; Fachwort in Klammern.
  • Haltung: Sachlich und zugewandt, nie werblich bei Arzneimitteln.
  • Tonproben: Heute bis 18:30 Uhr geöffnet., Notdienst heute: [Apotheke], [Straße], bis morgen 8:30 Uhr.
  • Nicht schreiben: „hilft garantiert“, „ohne Nebenwirkungen“, „Wundermittel“, Superlative bei Arzneimitteln.
Hero, Raum und Form
  • Hero-Raster: 12 Spalten: Statuszeile mit drei Reitern über Spalte 1 bis 8, Name, Adresse und Telefon über 9 bis 12; mobil untereinander.
  • Hero-Bild: Kein Hero-Bild; ein Team- oder Offizin-Foto 3:2 erst unter der Statuszeile.
  • Überschrift: Name der Apotheke und Ort, clamp(2rem, 1.3rem + 3vw, 3.5rem), Funnel Display 600, über der Statuszeile, kein Label darüber.
  • Handlung: „Vorbestellen“ (Petrol gefüllt) im dritten Reiter und mobil in der unteren Leiste; „Anrufen“ als tel:-Link.
  • Zusatz: Notdienst-Reiter mit Quelle und Stand; bei Lebensgefahr 112 als Zeile im Footer.
  • Sektionsabstand: clamp(56px, 7vw, 112px)
  • Dichte: mittel
  • Raum: Großzügig lesbar: Statuszeile mit 24 px Innenabstand, Services als Liste mit 16 px zwischen den Punkten.
  • Spalten: 12
  • Maximale Breite: 1200px
  • Raster: Statuszeile über 8 Spalten, Kontakt daneben über 4. Services als zweispaltige Liste, mobil eine Spalte.
  • Radius klein: 6px
  • Radius groß: 12px
  • Schatten: keiner
  • Form: Freundlich gerundet, ohne Pillen. Flächen über Salbei getrennt, nicht über Schatten.
Vorbilder