Startseite von kaeltequelle.at mit der Ganzkoerper-Kaelteanwendung

Webentwicklung

Zurück zum ProjektKältequelle

Eine Kälteanwendung, zwölf Seiten

Am Ende jeder Route steht die Terminvereinbarung.

kaeltequelle.at

Eine Kälteanwendung, zwölf Seiten

KälteQuelle bietet in der Defreggerstraße 46 in Innsbruck die Ganzkörper-Kälteanwendung Alpha Cooling Professional an: rund 20 Minuten, gekühlt wird über die Handflächen, angezogen bleibt man dabei. Wer davon noch nie gehört hat, braucht zuerst eine Erklärung und danach einen Termin. Genau in dieser Reihenfolge ist die Website gebaut.

Was in der Seite steckt

Video folgt

  • Zwölf Seiten in Dunkelblau Zwölf statische Seiten in dunklem Blau mit Cyan-Akzent, gegliedert in Startseite, vier Anwendungsbereiche, Terminvereinbarung und Blog. Der Hero trägt ein stummes Hintergrundvideo, die Startseite verlinkt die Anwendungsbereiche über Sprungmarken, und ein Consent-Banner gibt den Calendly-Embed erst nach Zustimmung frei. Ausgeliefert wird handgebautes HTML auf Apache, ohne Redaktionssystem dahinter.

    Esc

  • Jede Hauptseite mit eigenem Kopf Die sechs Hauptseiten tragen jeweils einen eigenen Title, eine eigene Description und ein eigenes Canonical, dazu genau eine H1 und eine saubere Hierarchie von H1 über H2 zu H3. Kein Bild ohne Alt-Text, dekorative Icons bewusst mit leerem Attribut. robots.txt und sitemap.xml sind gesetzt und verknüpft, alle zwölf URLs stehen darin. Bilder unterhalb des Heros laden verzögert.

    Esc

  • Fakten, die eine KI zitieren kann Adresse, Geokoordinaten, Einzugsgebiet und Kontaktwege liegen als HealthAndBeautyBusiness im Quelltext, Unterseiten zusätzlich als Breadcrumb, Blogbeiträge als BlogPosting mit Frage-Antwort-Auszeichnung. Dieselben Angaben stehen parallel als Fließtext auf der Seite: Ablauf, Dauer, Preis, Adresse und Telefonnummer sind auswählbarer Text und kein Bild. Ein Assistent kann sie direkt übernehmen, statt sie aus einer Grafik zu raten.

    Esc

  • Von 1440 auf 375 Pixel Unter 900 Pixel Breite klappen Split-Blöcke, Kartenraster und Fußzeile auf eine Spalte, die Navigation wird zum Vollbild-Menü über einen Burger mit aria-label und aria-expanded. Die H1 skaliert von 46 auf 30 Pixel. Auf 375 Pixel gemessen: kein horizontaler Scroll auf Startseite, Anwendungsbereichen, Kontakt und Blog, und kein Bedienelement unter 44 Pixel Höhe.

    Esc

  1. Navigation und Einstieg

    Der Aufbau

    Die Kopfzeile führt Logo, vier Links und den Button für die kostenlose Probeeinheit. Über dem Hero liegt sie transparent auf dem Video, auf den Unterseiten ohne Vollbild-Hero wird sie weiß und bleibt beim Scrollen stehen. Ein Skip-Link zum Inhalt steht auf jeder Seite.

  2. Hero mit Hintergrundvideo

    Hinter Kicker, Überschrift und den beiden Buttons läuft ein stummes Video in Schleife, gedeckt von einem dunkelblauen Verlauf, damit der Text lesbar bleibt. Es ist mit playsinline und Posterbild eingebunden. Die Aufnahmen stammen aus unserer Produktion, ebenso die Fotos auf der Seite.

  3. Vier Anwendungsbereiche

    Mentaltraining, Gesundheit, körperliche Fitness und Alpha Aging bekommen eine eigene Seite mit vier benannten Ankern. Die Startseite verlinkt jeden Bereich einzeln und stellt ihm 22 Schlagwörter voran, von Arthritis über Long Covid bis Sportverletzungen, damit die Zuordnung ohne Vorwissen gelingt.

  4. Terminbuchung über Calendly

    Die Buchung läuft über ein eingebettetes Calendly-Formular auf einer eigenen Seite. Es lädt erst nach einem Klick auf den Zustimmungs-Button, mit sichtbarem Hinweis auf die Datenübertragung in die USA. Bis dahin besteht keine Verbindung zu Calendly. Telefon und E-Mail stehen als klickbare Links daneben.

  5. Blog mit sechs Beiträgen

    Sechs Beiträge, jeder auf einer eigenen Seite mit eigenem Datum und eigenem Haftungshinweis. Zwei davon sind reine Frage-Antwort-Seiten zu Terminbuchung, Standort und Einzugsgebiet und beantworten die häufigsten Fragen vor dem ersten Besuch. Alle sechs stehen in der Sitemap.

  6. Consent, Haftung und Absender

    Ein fest am unteren Rand liegendes Banner bietet zwei Wege an: nur notwendige oder alle Cookies. Der Personenblock auf der Startseite gibt der Praxis ein Gesicht, darunter steht der Hinweis, dass die Anwendungen keine medizinischen Therapien sind und keine Heilversprechen abgegeben werden. Die Fußzeile nennt Adresse, Telefon, E-Mail sowie den Foto- und Videonachweis.

Was wir für Kältequelle machen

2 von 8 Leistungen umgesetzt

Nicht Teil dieses Projekts, aber Teil unseres Angebots.

  • Marketing & Strategie

  • Social Media

  • Fotoproduktion

  • Videoproduktion

  • Virtueller Rundgang

  • Employer Branding