Webentwicklung
Eine Ordination, drei Fachbereiche
Technisch läuft die Seite als statisches HTML auf Vercel, ohne CMS und ohne Tracker: es gibt keine fremden Skripte, die Schrift liegt lokal, das HTML der Startseite misst rund 44 Kilobyte.
skinchic.atDrei Fachbereiche, die niemand verwechseln soll
Skinchic.Med vereint ästhetische Lasermedizin, Allgemeinmedizin und Urologie unter einem Dach. Die Website musste diese drei Bereiche so führen, dass niemand im falschen landet, und die Ordination trotzdem als ein Haus lesbar halten. Entstanden ist eine statische Website ohne CMS, mit einer eigenen Seite je Fachbereich.
Was die Website leistet
Website Statische Site ohne CMS mit Startseite, drei Bereichsseiten, Team, Kontakt, Impressum, Datenschutz und 23 Behandlungsseiten. Menü-Overlay, Tab-Umschalter im Showcase, aufklappbare Preisgruppen und FAQ, ein Anfrageformular mit Bereichsauswahl und eine Karte, die erst nach Klick lädt. Ausgeliefert wird das Ganze über Vercel, einsprachig, in Deutsch für Österreich.
EscSEO-Optimierung Pro Seite genau eine H1, ein eigener Titel und eine eigene Beschreibung, auf allen 32 geprüften Adressen. Alt-Texte auf allen 15 Bildern der Startseite und auf jedem geprüften Bild der Unterseiten. Das JSON-LD ist als Graph verkettet: MedicalClinic, zwei Physician-Knoten, WebSite, FAQPage und auf den Unterseiten BreadcrumbList. Dazu Sitemap mit 29 Adressen und robots.txt.
EscGEO-Optimierung Die Fragen, die jemand einer KI über eine Ordination stellt, stehen als Fließtext auf der Seite: Adresse in der Lindauer Straße, Öffnungszeiten bis auf die Mittagspause, Telefonnummer, zwei Mailadressen und die Zuständigkeit je Bereich. Dieselben Angaben liegen strukturiert daneben, mit Postanschrift, Koordinaten und einem Einzugsgebiet von Hörbranz und Bregenz über Vorarlberg bis Lindau und den Bodensee.
EscResponsive Optimierung Gemessen bei 375 und bei 1440 Pixel auf vier Seiten: kein horizontales Scrollen, die Scrollbreite entspricht überall exakt der sichtbaren Breite. Der Showcase stapelt am Telefon Text über Bild, die Preisgruppen bleiben zugeklappt und öffnen einzeln, die Formularfelder messen 49 Pixel Höhe. Neun Layout-Umbrüche im CSS, dazu Rücksicht auf reduzierte Bewegung und reduzierte Transparenz.
Esc
Seitenstruktur für drei Bereiche
Von der Struktur über die Inhalte bis zur Auslieferung: was Invisions aus Innsbruck für die Ordination in Hörbranz entwickelt hat.
Startseite, drei Bereichsseiten, Team, Kontakt, Impressum und Datenschutz, dazu 23 Behandlungsseiten. Jeder Bereich trägt seine eigene Ordinationsbox, seine eigene FAQ und den Hinweis auf die Abrechnung, damit niemand die Antwort für sein Anliegen auf der Seite eines anderen Fachbereichs suchen muss.
23 Behandlungsseiten
23 Landingpages unter der Adresse Behandlungen, und keine davon ist eine Dublette: eigener Titel, eigene Beschreibung, eigene FAQ, eigene Bilder und Verweise auf verwandte Behandlungen. Wer nach einer einzelnen Methode sucht, landet damit auf einer Seite über diese Methode statt auf der Übersicht des ganzen Angebots.
Offene Preisliste
14 aufklappbare Preisgruppen auf der Ästhetik-Seite, von Botulinumtoxin und Fillern über RedTouch PRO, Fraxel DUAL und Laserhaarentfernung bis EMSELLA und EMSCULPT NEO. Die Beträge stehen als Text im Dokument, nicht als Bild und nicht als PDF. Das Beratungsgespräch kostet 50 Euro und wird bei einer Behandlung angerechnet.
Anfrageformular mit Bereichsauswahl
Name, Telefon, Mailadresse, Pflichtauswahl des Bereichs und Nachricht gehen an eine Serverless-Funktion, die per Resend eine Mail an die Ordination schickt, mit Antwortadresse auf den Absender, Feldprüfung und Honeypot gegen Spam. Ohne aktives JavaScript greift der klassische Formularversand auf dieselbe Adresse.
Bedienung und Menü
Ein Menü-Overlay führt auf jeder Breite dieselben fünf Links, dazu Adresse, Telefonnummer und Öffnungszeiten. Es schließt per Escape, per Klick daneben und über jeden Link. Der Showcase schaltet mit drei Tabs zwischen den Bereichen, Preisgruppen und FAQ öffnen mit einer Höhenanimation, die reduzierte Bewegung respektiert.
Auslieferung und Sicherheit
Ausgeliefert wird über Vercel, mit strikter Content-Security-Policy, HSTS, Referrer-Policy und Permissions-Policy in den Auslieferungsregeln. Skripte dürfen nur von der eigenen Domain kommen, ein eingebetteter Rahmen nur von Google Maps, und die Karte auf der Kontaktseite lädt erst nach ausdrücklichem Klick.
Was wir für Skinchic.Med machen
1 von 8 Leistungen umgesetzt
Website
Website für die ärztliche Ordination Skinchic.Med in Hörbranz bei Bregenz: Ästhetik, Allgemeinmedizin und Urologie sauber getrennt, 23 Behandlungsseiten und die komplette Preisliste offen im Text.
Diese Seite
Nicht Teil dieses Projekts, aber Teil unseres Angebots.
Marketing & Strategie
Social Media
Fotoproduktion
Videoproduktion
Grafik & Branding
Virtueller Rundgang
Employer Branding