Webentwicklung für Kältequelle, ein Projekt der Werbeagentur Invisions
Webentwicklung für Kältequelle
Erst die Erklärung, dann der Termin: eine statisch ausgelieferte Seite für ein Angebot, das die meisten zum ersten Mal lesen.
Website für Kältequelle ACP
Kältequelle ACP bietet in Innsbruck Alpha Cooling an, und die wenigsten wissen beim ersten Klick, was das ist. Die Seite beantwortet deshalb der Reihe nach: worum es geht, für wen es gedacht ist, wie man hinkommt. Ausgeliefert wird fertiges HTML ohne Datenbank und ohne Redaktionssystem, die Terminvereinbarung liegt auf einer eigenen Seite und stellt die Verbindung zum Buchungsdienst erst her, wenn jemand zustimmt. Das ist Webentwicklung für ein Gesundheitsangebot, das erklärt werden muss; was sie dem Betrieb bringt, steht im Projekt Kältequelle.
- Statisch ausgeliefert
- Online-Terminbuchung
- Ohne Redaktionssystem
Ausgangslage
Eine Anwendung ohne eigene Seite
Erklärung
Ein unbekannter Begriff
Wer Alpha Cooling zum ersten Mal hört, hat keine Vorstellung davon: Gekühlt wird über die Handflächen, in Straßenkleidung, in rund zwanzig Minuten. Ohne eigene Seite blieb das eine Erklärung, die jedes Mal von Hand gegeben werden musste, am Telefon oder am Empfang. Eine Website gibt sie einmal und danach immer wieder.
Termin
Jede Buchung über das Telefon
Am Ende jeder Erklärung steht ein Termin, und der lief vorher durch einen Anruf. Für einen Betrieb in der Gesundheitsbranche ist das die Stelle, an der Interesse verloren geht. Wer abends liest und sich entscheidet, will nicht bis zum nächsten Vormittag warten. Gesucht war ein Weg, der ohne Rückruf auskommt und trotzdem Telefon und E-Mail danebenstehen lässt.
Invisions
Wir bauen Seiten, die erklären.
Ablauf
Der Ablauf
Erst die Reihenfolge, dann die Seiten
Ein Gespräch darüber, was ein Besucher zuerst wissen muss.
Vor dem ersten Entwurf steht eine Liste von Fragen in der Reihenfolge, in der jemand sie stellt. Bei Kältequelle waren das drei. Was ist Alpha Cooling, passt es zu mir, wie komme ich zu einem Termin. Daraus wurde der Seitenplan, und aus dem Seitenplan die Navigation mit Startseite, Anwendungsbereichen, Blog und Terminvereinbarung.
Im selben Gespräch fällt die Entscheidung über das, was die Seite NICHT tut. Kein Shop, kein Login, kein Redaktionssystem, das jemand pflegen müsste. Welche Farben und welches Zeichen sie trägt, stand schon fest: Das kam aus Grafik & Branding und musste nicht ein zweites Mal erfunden werden.
- Meist per Videocall
- Fragen vor Seiten
- Navigation aus dem Plan
- Umfang vorher benannt
Handgebaut statt zusammengeklickt
Jede Seite bekommt ihren eigenen Kopf, nicht nur ihren eigenen Text.
Die Seiten entstehen als statisches HTML: kein Redaktionssystem im Hintergrund, keine Datenbank, die antworten muss, keine Erweiterung, die aktuell gehalten werden will. Das ist die kleinste Angriffsfläche, die man einem Betrieb dieser Größe anbieten kann, und zugleich das, was am wenigsten kaputtgeht.
Jede Seite bekommt dabei ihren eigenen Titel, ihre eigene Beschreibung und ihr eigenes Canonical, dazu genau eine H1 und eine Hierarchie darunter, die hält. Der Betrieb selbst liegt als strukturierte Daten im Quelltext, mit Adresse, Koordinaten und Einzugsgebiet. Dieselbe Sorgfalt trägt jede Webentwicklung von uns, ob die Seite sechs Adressen hat oder sechshundert.
- Statisch, ohne Datenbank
- Eigener Kopf je Seite
- Eine H1, klare Hierarchie
- Kein Redaktionssystem
Was am Tag des Livegangs steht
Sitemap, Einwilligung und Kontaktwege stehen vor dem ersten Besucher.
Vor dem Livegang stehen die Dinge, die niemand sieht und ohne die nichts läuft: eine Sitemap, die jede Adresse führt, eine robots.txt, die darauf verweist, und ein Einwilligungsbanner, das den Buchungsdienst erst nach Zustimmung freigibt. Bis dahin besteht keine Verbindung dorthin.
Dazu die Kontaktwege, die eine Seite auch dann tragen muss, wenn ein Formular einmal nicht will: Telefonnummer und E-Mail-Adresse stehen als anklickbare Links in der Fußzeile jeder Seite, darunter die Anschrift der Praxis. Welche Rolle das für einen Betrieb in der Gesundheitsbranche spielt, merkt man an dem Tag, an dem jemand sofort anrufen will.
- Sitemap und robots.txt
- Consent vor dem Embed
- Telefon und E-Mail sichtbar
- Texte bleiben änderbar
Die Seite
Homepage erstellen lassen für eine Kälteanwendung
Fünf Stellen aus der fertigen Seite, vom Erklärabschnitt bis zur Terminvereinbarung. Was dahinter steckt, steht eine Bande tiefer im Bauplan, und wofür der Betrieb steht, im Projekt Kältequelle.
Das Websitesystem
Bauplan
Auslieferung
Fertiges HTML von einem Apache-Server, ohne Datenbank und ohne Redaktionssystem. Jede Adresse endet auf .html und liegt bereits gebaut auf dem Server.
Seitenplan
Startseite, Anwendungsbereiche, Terminvereinbarung, Blog mit einer eigenen Seite je Beitrag, dazu Impressum und Datenschutzerklärung. Alle Adressen stehen in der Sitemap.
Terminbuchung
Ein eingebettetes Formular von Calendly auf einer eigenen Seite. Es lädt erst nach einem Klick auf den Zustimmungsknopf, mit sichtbarem Hinweis auf die Datenübertragung in die USA; Telefon und E-Mail stehen als Links daneben.
Einwilligung
Ein Banner am unteren Rand mit zwei gleichwertigen Wegen, nur notwendige oder alle Cookies. Wer ablehnt, bekommt die Seite vollständig und ohne Verbindung zum Buchungsdienst.
Anwendungsbereiche
Mentaltraining, Gesundheit, körperliche Fitness und Alpha Aging, jeder mit einem eigenen Anker. Die Startseite springt von der passenden Schlagwortgruppe direkt in den zugehörigen Abschnitt.
Suchmaschinen
Eigener Titel, eigene Beschreibung und eigenes Canonical je Seite, genau eine H1 darunter, Bilder unterhalb des ersten Bildschirms verzögert geladen, robots.txt mit Verweis auf die Sitemap.
Strukturierte Daten
Der Betrieb liegt als HealthAndBeautyBusiness im Quelltext, mit Anschrift, Geokoordinaten und Einzugsgebiet; Fragen und Antworten zusätzlich als FAQPage, Unterseiten mit einer Breadcrumb.
Am Telefon
Die Spalten laufen auf eine zusammen, die Navigation wird zum Vollbildmenü über einen Knopf mit aria-label und aria-expanded, und über allem steht ein Sprunglink zum Inhalt.
Eine Seite, die zuerst erklärt und dann zum Termin führt, und die dafür keine Pflege im Hintergrund braucht.
Ergebnis
Termine direkt über die Seite
Website
Die Seite ist online.
kaeltequelle.atWeg
Der Weg bis zur Buchung
Die Seite führt in der Reihenfolge, in der jemand denkt: ein Absatz über Alpha Cooling, vier benannte Anwendungsbereiche mit Sprungmarken, dann die Terminvereinbarung. Wer sich in einem der Bereiche wiederfindet, ist mit einem Klick beim passenden Abschnitt und von dort mit einem zweiten beim Buchungsformular.
Betrieb
Eine Seite ohne Pflegeaufwand
Es gibt kein Redaktionssystem, das aktualisiert werden will, und keine Datenbank, die ausfallen kann. Was sich ändert, sind Texte und Beiträge, und die ändern wir. Dieselbe Bauart steht hinter jeder Website, die keinen Shop und keinen Login braucht.
Fragen
Häufige Fragen zur Website einer Kälteanwendung
Was ein Betrieb vor einem Webprojekt wissen will, beantwortet an diesem Projekt. Woher Farben und Zeichen der Seite kommen, steht in Grafik & Branding; was für die Gesundheitsbranche insgesamt gilt, steht auf der Branchenseite.
Braucht eine kleine Praxis ein Redaktionssystem?
In den meisten Fällen nicht. Ein Redaktionssystem lohnt sich, wenn mehrere Menschen laufend Inhalte anlegen; bei einer Seite, die einmal im Quartal einen Text bekommt, ist es vor allem eine Sache, die aktuell gehalten werden muss. Die Seite von Kältequelle wird deshalb als fertiges HTML ausgeliefert: keine Datenbank, kein Login, keine Erweiterung mit eigenem Update-Zyklus. Was sich ändert, ändern wir, und der Betrieb bekommt dafür keine zweite Aufgabe.
Wie bindet man eine Online-Terminbuchung datenschutzkonform ein?
Indem der Dienst erst nach einer aktiven Zustimmung geladen wird. Ein Buchungsformular eines Anbieters aus den USA stellt beim Laden eine Verbindung dorthin her, und das passiert sonst, bevor ein Besucher überhaupt etwas entschieden hat. Bei Kältequelle liegt das Formular auf einer eigenen Seite hinter einem Knopf, daneben steht der Hinweis auf die Datenübertragung. Wer nicht zustimmt, sieht die Seite trotzdem vollständig und findet Telefonnummer und E-Mail als Links.
Was gehört auf die Startseite eines Angebots, das erklärt werden muss?
Die Erklärung, und zwar vor allem anderen. Eine Startseite, die mit Preisen oder mit dem Buchungsknopf beginnt, setzt voraus, dass jemand schon weiß, worum es geht. Bei Kältequelle steht deshalb zuerst ein Absatz darüber, was Alpha Cooling ist, danach die vier Anwendungsbereiche als Einstiege, und erst am Ende der Weg zum Termin. Ein Blog mit sachlichen Hintergründen fängt ab, wer noch weiterlesen will, statt sofort zu buchen.
Was kostet eine Website ohne Shop und ohne Login?
Deutlich weniger als eine mit beidem, weil die aufwendigen Teile fehlen. Was eine Seite teuer macht, sind Katalog, Bezahlung, Benutzerkonten und laufende Anbindungen an andere Systeme; eine Seite wie die von Kältequelle hat nichts davon und dafür eine eingebettete Terminbuchung. Den Rahmen nennen wir im Erstgespräch, bevor etwas entworfen wird, und sagen dazu, was laufend anfällt und was einmalig.
Wie lange dauert es, bis so eine Seite online ist?
Das hängt fast nur daran, wie schnell die Texte und die Bilder da sind. Der Bau selbst ist bei einer Seite dieser Größe der kürzere Teil; die Zeit geht dafür drauf, dass jemand die eigenen Inhalte formuliert und freigibt, und in einem Gesundheitsangebot muss dabei jede Zeile stimmen. Bei Kältequelle standen Farben und Zeichen vorab fest, was eine ganze Abstimmungsrunde gespart hat. Einen Termin nennen wir erst, wenn feststeht, wer welche Texte liefert.
Du brauchst eine neue Website, melde dich bei uns
Eine Seite, die ein Angebot erklärt und danach zum Termin führt, ohne dass jemand im Hintergrund ein System pflegen muss. Wir sagen dir offen, was das braucht und was es kostet, bevor etwas entworfen wird. Ein Erstgespräch kostet nichts und verpflichtet zu nichts.
Invisions, Werbe- und Marketingagentur in Innsbruck
Invisions Marketingagentur KG
Philippine-Welser-Straße 20a
6020 Innsbruck, Österreich
Weitere Arbeiten
