Fallstudie · Kosmetik & Wellness

Ein Salon seit 1996, jetzt online buchbar

Beauty Corner Rubin ist seit 1996 ein Kosmetikstudio in St. Gallen, mit einem zweiten Standort in Gamprin (FL). Wir haben die Website auf WordPress neu aufgebaut: 19 Behandlungen mit klaren Preisen, Online-Terminbuchung für den Salon in St. Gallen und einen Gutschein-Shop.

Website ansehen (opens in a new tab)
Startseite von beautycorner-rubin.ch
Kunde
Beauty Corner Rubin
Branche
Kosmetik & Wellness
Leistungen
Design · Entwicklung · SEO & GEO · Betreuung
Dauer
23 Wochen bis zum Launch, danach Betreuung

Die Ausgangslage

Ein Salon mit Geschichte, eine Website, die dazu passt

Beauty Corner Rubin bietet Hand- und Nagelpflege, Fusspflege, Sugaring und Waxing, Augenbrauen, Wimpern und Permanent Make-up an – in St. Gallen und nach Vereinbarung in Gamprin. Der Neuaufbau sollte Behandlungen, Preise, Terminbuchung und Gutscheine in eine Struktur bringen, ohne die bestehenden Buchungsdaten oder die alten Adressen zu verlieren, die Kundschaft und Suchmaschinen bereits kannten.

Das Ziel: eine Website, auf der jede Behandlung ihre eigene Seite und ihre Preise hat, auf der Kundinnen und Kunden den Salon in St. Gallen online buchen und Gutscheine kaufen – und auf der das Team Preise und Fotos ohne Entwickler pflegt.

Leistungen
Website · Online-Buchung · Gutschein-Shop
Plattform
WordPress · Blocksy · WooCommerce · Bookly
Sprachen
Deutsch (de-CH)
Inhalte
19 Behandlungen · 6 Kategorien · Preisliste · FAQ
Zusammenarbeit
Konzept, Umsetzung und laufende Betreuung
Standorte
St. Gallen (CH) · Gamprin (FL)

Die Herausforderung

Ein Relaunch, ohne einen Termin zu verlieren

Ein Salon, der seit 1996 läuft, kann für ein Website-Projekt nicht pausieren. Die bestehenden Buchungsdaten mussten weiter funktionieren, echte Kundinnen und Kunden durften keine Test-E-Mail erhalten, und die alten Adressen mussten auf die neuen Seiten führen.

Dazu kamen eine Preisliste für 19 Behandlungen, die an mehreren Stellen erscheint, zwei Standorte in zwei Ländern und Gutscheine nach Schweizer Mehrwertsteuerregeln.

  • Laufende Buchungsdaten

    Bestehende Termine wurden übernommen, und der E-Mail-Versand blieb auf Staging zwei Monate gesperrt – so erhielt niemand aus der Kundschaft eine Testnachricht.

  • Eine Preisliste, drei Orte

    78 Preiszeilen speisen die Preisseite, das Preisfenster auf den Behandlungsseiten und die Daten für Suchmaschinen – gepflegt auf einer einzigen Admin-Seite.

  • Zwei Länder, ein Kalender

    St. Gallen wird online gebucht, Gamprin und Permanent Make-up telefonisch. Gutscheine sind mehrwertsteuerfrei, der Versand nicht.

Hinter dem Projekt

Ein Team, sieben Disziplinen, 23 Wochen bis zum Launch

Die Website entstand nicht durch einen Designer und einen Entwickler allein. Ein internes Team deckte sieben Disziplinen ab – Planung, Design, Code, Inhalte, SEO, Sicherheit und Betreuung –, koordiniert von einer Projektleitung als einzigem Ansprechpartner für den Salon.

Wochen 1–25

  1. Analyse, Wochen 1–2
  2. Design, Wochen 3–12
  3. Umsetzung, Wochen 13–21
  4. Launch, Wochen 22–23
  5. Ausbau, Wochen 24–25

  • Management

    • Planung, wöchentliche Abstimmung und Go-live-Plan – von Anfang bis Ende, Wochen 1–23

  • Design

    • Kick-off → Struktur → UI-Design in Figma, Wochen 2–12

  • Entwicklung

    • Theme, Blöcke, Buchung, Wochen 13–15
    • Admin-Seiten, Wochen 20–22

  • Inhalte

    • Behandlungen, Preise und FAQ im CMS, Wochen 14–23

  • SEO

    • Schema, Redirects, Wochen 21–22

  • Cybersicherheit

    • E-Mail-Sperre auf Staging, Wochen 14–20
    • Go-live-Checks, Wochen 21–23

  • Betreuung

    • Betreuung, Woche 22 – laufend

Was wir gebaut haben

Fünf Systeme, eine klare Website

Behandlungskatalog

Jede Behandlung mit eigener Seite

19 Behandlungen in sechs Kategorien, von der Maniküre bis zum Permanent Make-up. Übersicht, Kategorie- und Behandlungsseiten bestehen aus denselben Blöcken – neue Behandlungen folgen demselben klaren Muster.

  • Übersicht mit Kategorie-Karten
  • Behandlungsseiten mit Ablauf und FAQ
  • Telefonische Behandlungen mit Anruf-Button
Behandlungsübersicht mit Kategorie-Karten auf beautycorner-rubin.ch

Preissystem

Eine Preisliste, an einem Ort gepflegt

Alle Preise liegen auf einer Admin-Seite: 78 Zeilen über alle Behandlungen, dazu Kombi-Pakete und Rabatte. Dieselben Daten speisen die Preisseite mit ihren Tabs, das Preisfenster auf jeder Behandlungsseite und die Preisangaben für Suchmaschinen.

  • Preisseite mit einem Tab pro Kategorie
  • Kombi-Pakete und Rabatte
  • Direktlinks zu jeder Kategorie
Preisseite mit Tabs pro Kategorie auf beautycorner-rubin.ch

Online-Buchung

Der Salon in St. Gallen, gebucht in sechs Schritten

Das Buchungssystem sitzt in einem Buchungsblock im Look des Salons. Ein schwebender Button «Termin vereinbaren» begleitet Besucher über die ganze Website, und telefonisch gebuchte Behandlungen zeigen stattdessen einen Anruf-Button.

  • Buchungsformular in sechs Schritten im Salon-Design
  • Buchungs-Button auf jeder Seite
  • Bestehende Buchungsdaten übernommen
Online-Terminbuchung in sechs Schritten auf beautycorner-rubin.ch

Gutschein-Shop

Geschenkgutscheine, bereit zum Verschenken

Drei Gutscheinarten – digital, als gedruckte Karte per Post und als Saison-Edition – bezahlt über Payrexx. Der Gutscheincode steht auf der PDF-Rechnung, und ein schlanker Checkout fragt nur Name und E-Mail ab, wenn nichts verschickt wird.

  • Digitale, gedruckte und saisonale Gutscheine
  • Gutscheincode auf der PDF-Rechnung
  • Seite zur Guthabenabfrage
Gutschein-Shop mit drei Gutscheinarten auf beautycorner-rubin.ch

Portfolio

Echte Arbeiten, nach Behandlung sortiert

Ein Foto-Mosaik zeigt die Arbeiten des Salons pro Kategorie, mit Tabs, einer Ansicht «Alle» und «Mehr anzeigen» in ganzen Reihen. Das Team ergänzt Fotos auf einer eigenen Admin-Seite.

  • Tabs pro Behandlungskategorie
  • Mosaik-Layout mit Lightbox
  • Gepflegt auf einer eigenen Admin-Seite
Portfolio-Mosaik mit Tabs pro Behandlung auf beautycorner-rubin.ch

Projekt starten

Bauen wir Ihre nächste Plattform

Erzählen Sie uns, was Sie verkaufen und an wen. Sie erhalten einen klaren Umfang, einen realistischen Zeitplan und eine Kostenschätzung – und ein Team, das alles vom ersten Gespräch bis zum Launch verantwortet.

Projekt starten 

Einblick ins Projekt

Jeder Arbeitsschritt, offen dargelegt

Die meisten Agenturen zeigen die fertige Website. Wir zeigen, wie sie entstanden ist. Öffnen Sie eine Disziplin und sehen Sie, was das Team gemacht und übergeben hat.

01 / Projektleitung

Ein Ansprechpartner, von Anfang bis Ende

Das Projekt lief als Pull-Request-Workflow über zwei Repositories. Vor dem Launch regelte ein Go-live-Plan in neun Schritten Domainwechsel, Indexierung, Cache, Weiterleitungen, Search Console und die Sperre von Staging.

  • 58

    Pull Requests in zwei Repositories

  • 9

    Schritte im Go-live-Plan

  • 2

    Standorte in zwei Ländern

Was wir gemacht haben

  • Arbeit entlang der Aufgabenliste aus dem SEO-Audit
  • Go-live-Plan in neun festen Schritten
  • Domain von www auf die Hauptdomain umgestellt
  • Übergabenotizen zu Behandlungen, Preisen und Portfolio

Übergabe Freigegebener Umfang und Anforderungen → Design

Das Projekt in Zahlen

Was es dafür gebraucht hat

Jede Zahl unten ist aus der fertigen Website gezählt – aus Code, Datenbank und Live-Seiten.

  • 19

    eigene Gutenberg-Blöcke

  • 19

    Behandlungen in sechs Kategorien

  • 78

    Preiszeilen auf einer Admin-Seite

  • 190

    FAQ-Antworten mit FAQ-Markup

  • 39

    301-Weiterleitungen von alten Adressen

  • 11

    Schema-Typen auf der Startseite

  • 58

    Pull Requests in zwei Repositories

  • 3

    Gutscheinarten: digital, gedruckt, saisonal

Unter der Oberfläche

Die Arbeit, die man nicht sieht – und die sofort fehlen würde

Besucher sehen eine klare, schnelle Website. Dahinter liegt eine Schicht Arbeit, die entscheidet, ob die Website ihre Rankings, ihre Buchungen und ihre Daten behält.

  • SEO

    Weiterleitungen von der alten Website

    39 permanente Weiterleitungen führen die alten Adressen /angebot/, /prices/ und /shop/ auf die neuen Seiten.

  • SEO & GEO

    Schema, das sich selbst aktualisiert

    Das Schema des Salons listet jede veröffentlichte Behandlung automatisch, und Behandlungsseiten tragen ihre Preisspanne.

  • GEO

    Lesbar für KI-Assistenten

    Eine llms.txt und eine robots.txt, die KI-Crawler bewusst zulässt, geben Assistenten eine klare Zusammenfassung des Salons.

  • Inhalte

    FAQ mit Markup

    190 FAQ-Antworten auf Behandlungs- und Kategorieseiten, so ausgezeichnet, dass Suchmaschinen sie als Fragen und Antworten lesen können.

  • Cybersicherheit

    E-Mail-Sperre auf Staging

    Zwei Monate lang konnte Staging keine einzige E-Mail versenden – echte Kundinnen und Kunden in den übernommenen Buchungsdaten erhielten nie einen Test.

  • Entwicklung

    Schweizer Handelsregeln im Code

    Versandkosten werden als Bruttopreis mit Schweizer Mehrwertsteuer erfasst, und reine Gutschein-Bestellungen überspringen die Adressfelder.

  • Management

    Go-live-Plan

    Neun Schritte in fester Reihenfolge für den Launch: Domainwechsel, Indexierung, Cache, Weiterleitungen, Search Console und Sperre von Staging.

  • Entwicklung

    Deployments aus GitHub

    Theme und Blöcke werden bei jedem Merge aus GitHub ausgerollt, mit Build-Check – der Wechsel auf die Produktion war ein einziger Commit.

Was Sie erwarten können

Eine Plattform, die sich jeden Tag bewährt

Wir bauen für das, was bleibt – eine Plattform, die übersichtlicher ist, bei jedem Besuch überzeugt und die Ihr Team einfacher betreiben und weiterentwickeln kann.

  • Leichter zu wählen

    Klare Kategorien, Filter und Preise helfen Besuchern, das passende Angebot selbst zu finden – statt nachzufragen, wo sie anfangen sollen.

  • Glaubwürdig für jeden Besuch

    Eine Website, die so wirkt wie die Qualität dahinter – für neue Besucher ebenso wie für langjährige Kunden.

  • Mühelos aktuell zu halten

    Ihr Team pflegt Angebote, Inhalte und News selbst – ohne Entwickler-Ticket und ohne Warteschlange.

  • Gebaut zum Wachsen

    Neue Angebote, Kategorien und Sprachen kommen dazu, wenn das Geschäft wächst – ohne Neubau.

Gebaut auf ein klares Ziel

Wir legen die wichtigen Ziele vorab gemeinsam fest und bauen darauf hin – und bleiben nach dem Launch Partner, damit die Plattform mit dem Geschäft Schritt hält.

In eigenen Worten

Was der Kunde sagt

Der wahre Massstab eines Projekts: ob die Menschen, die täglich damit arbeiten, es wieder so machen würden.

  • Alle unsere Behandlungen und Preise sind endlich an einem Ort, und unsere Kundschaft bucht den Salon in St. Gallen online. Preise anpassen ist jetzt unsere Aufgabe – nicht die eines Entwicklers.

    Beauty Corner Rubin

    Umgesetzte Website: beautycorner-rubin.ch (opens in a new tab)

Eingesetzt

  • WordPress
  • Blocksy
  • Gutenberg
  • ACF Pro
  • WooCommerce
  • Bookly
  • Payrexx
  • Yoast SEO

Projekt starten

Erzählen Sie uns von Ihrem Projekt

Wir melden uns so schnell wie möglich mit klaren nächsten Schritten — unverbindlich.

  • Wir antworten so schnell wie möglich
  • Klarer Umfang, Zeitplan und Kostenschätzung
  • Vollständige Vertraulichkeit Ihrer Daten
Projektanfrage (DE)

Mit dem Absenden stimmen Sie der Datenschutzerklärung zu.