Fallstudie · Kosmetik & Wellness

Drei Sprachen, eine Preisquelle

Faircare ist ein Massagestudio für Frauen in Berlin-Prenzlauer Berg – mit Massagen, kosmetischen Behandlungen und Geschenkgutscheinen. Wir unterziehen die bestehende Website einem umfassenden Update auf derselben Plattform: eine neue Blockbibliothek, eine Preisquelle für Deutsch, Englisch und Ukrainisch und ein Gutschein-Shop, der im Code eingerichtet ist.

Leistungsübersicht der neuen Faircare-Website
Kunde
Faircare
Branche
Kosmetik & Wellness
Leistungen
Design-Umsetzung · Entwicklung · Inhalte
Status
In Arbeit

Die Ausgangslage

Eine Studio-Website mit Shop, von innen erneuert

Faircare betreibt in Berlin-Prenzlauer Berg ein Massagestudio ausschliesslich für Frauen. Die Website stellt Massagen und kosmetische Behandlungen vor, verkauft Geschenkgutscheine als digitalen Code oder gedruckte Karte und führt zur Terminbuchung auf die Treatwell-Seite des Studios.

Das Update behält die bestehende Basis – Blocksy, WooCommerce, YITH Gift Cards und Polylang – und erneuert, was darauf aufbaut: eine Blockbibliothek aus Figma, eine Preisquelle für drei Sprachen und Shop-Einstellungen in versioniertem Code statt in Klick-Konfiguration.

Leistungen
Blockbibliothek · Preissystem · Gutschein-Shop
Plattform
WordPress · Blocksy · WooCommerce · YITH Gift Cards
Sprachen
Deutsch · Englisch · Ukrainisch
Inhalte
6 Leistungsgruppen · 15 Behandlungen · Geschenkgutscheine
Zusammenarbeit
Umfassendes Update, in Arbeit
Standort
Berlin, Prenzlauer Berg

Die Herausforderung

Ein Update, ohne bei null anzufangen

Faircare verkaufte bereits Gutscheine online, und das Update musste das am Laufen halten: Gutschein-Produkte, Shop-Einstellungen und Rechnungsoptionen sollten in den neuen Stand kommen, ohne sie von Hand neu zusammenzuklicken.

Dazu kamen drei Sprachen mit gemeinsamen Preisen und die Regeln, die ein kleiner deutscher Shop einhalten muss – von der KI-Kennzeichnung bei Bildern bis zu Barrierefreiheit und Widerrufsrecht.

  • Ein Preis, drei Sprachen

    Preise werden einmal an der deutschen Behandlung gespeichert. Englische und ukrainische Seiten zeigen dieselben Zeilen mit eigenen Texten, und abgelaufene Rabatte verschwinden von selbst.

  • Einstellungen, die sich wiederholen lassen

    Der WooCommerce-Import kann YITH-Gutscheinprodukte nicht verlustfrei übertragen – deshalb entstehen Gutscheine, Shop-Einstellungen und Rechnungsoptionen aus versioniertem Code.

  • Deutsche Regeln für einen kleinen Shop

    KI-Kennzeichnung von Bildern, Barrierefreiheits-Checks, PDF-Rechnungen immer auf Deutsch, ein Widerrufslink und ein kurzer Checkout für digitale Gutscheine – alles Teil des Baus.

Hinter dem Projekt

Ein Sprint über zwei Wochen, vier Disziplinen im Einsatz

Das Update entstand in einem dichten Sprint im August: Aus Figma-Frames wurden Markup und Blöcke, Theme und Shop-Einrichtung folgten, und ein Durchgang für Barrierefreiheit schloss die Runde ab. Inhalte, Rechtsseiten, SEO und der Go-live sind die nächsten Schritte.

Wochen 1–4

  1. Umsetzung, Wochen 1–2
  2. Feinschliff, Wochen 3–4

  • Management

    • PR-Workflow und Deploy-Pipeline, Wochen 1–3

  • Design

    • Figma → Markup → Blöcke, Wochen 1–2

  • Entwicklung

    • Theme, Blöcke, Shop-Setup, Wochen 1–2
    • Barrierefreiheit, Woche 3

  • Inhalte

    • Leistungen, Preise, News, Wochen 1–2
    • Erklärungen zur Barrierefreiheit, Woche 3

Was wir gebaut haben

Fünf Systeme, eine Studio-Website in drei Sprachen

Preiskarte

Jede Behandlung mit ihrem Preis zuoberst

Auf jeder Leistungsseite steht die Preiskarte zuoberst: Dauer und Preis jeder Option, ein Rabatt-Badge mit Countdown der verbleibenden Tage und ein Buchungs-Button, der zur Treatwell-Seite des Studios führt.

  • Preisoptionen nach Dauer
  • Rabatt-Badge mit Countdown der Tage
  • Treatwell-Buchungslink pro Preiszeile
Preiskarte mit Rabatt-Badge und Buchungs-Button auf einer Faircare-Leistungsseite

Preissystem

Eine Admin-Seite für alle Preise

Alle Preise werden in einem Formular unter Services → Prices erfasst: Dauer, Preis, Rabatt mit Enddatum und Buchungslink pro Zeile. Die Zahlen sind einmal gespeichert und speisen die Preisliste, die Preiskarten und die Leistungskarten in News-Beiträgen.

  • Preisliste mit einem Tab pro Leistungsgruppe
  • Texte pro Sprache, Zahlen gemeinsam
  • Abgelaufene Rabatte automatisch ausgeblendet
Preisliste mit einem Tab pro Leistungsgruppe auf der neuen Faircare-Website

Gutschein-Shop

Geschenkgutscheine, digital oder per Post

Gutscheine gibt es als digitalen Code oder als gedruckte Karte, mit frei wählbarem Betrag von 50 bis 1000 Euro. Warenkörbe mit rein digitalen Gutscheinen überspringen die Adressfelder, und der Gutscheincode steht auf der deutschen PDF-Rechnung.

  • Digitale und gedruckte Gutscheine in jeder Sprache
  • Kurzer Checkout für digitale Gutscheine
  • Gutscheincodes auf PDF-Rechnungen
Gutschein-Shop mit digitalem und gedrucktem Gutschein auf der neuen Faircare-Website

Öffnungszeiten & Sprachen

Gerade geöffnet? Der Header weiss es

Zwei eigene Header-Elemente: eine Status-Pille, die die Öffnungszeiten des Studios liest und zeigt, ob und bis wann geöffnet ist, und ein Sprachwechsler mit Flaggen für Deutsch, Englisch und Ukrainisch – mit korrekt deklinierten Wochentagen im Ukrainischen.

  • Aktueller Öffnungsstatus im Header
  • Sprachwechsler mit Flaggen und Dropdown
  • Zeiten gepflegt im Kontakt-Admin
Englische Preisseite mit Öffnungszeiten-Status und Sprachwechsler im Header

Kontakt-Zentrale

Kontaktdaten an einem Ort gepflegt

Ein Admin-Menü mit Tabs für Kontaktdaten, Social Links, Öffnungszeiten und das Footer-Formular. Dieselben Daten speisen den Kontaktbereich mit Formular, Kontaktkarte und Foto, der auf jeder Seite vor dem Footer erscheint.

  • Kontakt-Admin mit vier Tabs
  • Kontaktbereich mit Formular vor dem Footer
  • Sichtbarkeit des Formulars im Admin steuerbar
Kontaktbereich mit Formular vor dem Footer der neuen Faircare-Website

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

Zwei Repositories, eine Routine: Jede Änderung lief über einen Dev- oder Feature-Branch und einen Pull Request – bisher 29 gemergt. Ein CI-Build-Check sichert den Dev-Branch des Plugins, und ein Merge auf main baut und verteilt Theme und Blöcke automatisch.

  • 29

    gemergte Pull Requests

  • 78

    Commits in zwei Repositories

Was wir gemacht haben

  • Branch- und Pull-Request-Workflow
  • CI-Build-Check auf dem Dev-Branch des Plugins
  • Build und FTP-Deploy über GitHub Actions auf main
  • Schriftliche Workflow-Notizen zum Block-Plugin

Übergabe Freigegebener Umfang und Anforderungen → Design

Das Projekt in Zahlen

Was das Update bisher umfasst

Jede Zahl ist aus der neuen lokalen Version gezählt – aus Code, Datenbank und Übersetzungsdateien.

  • 3

    Sprachen: Deutsch, Englisch, Ukrainisch

  • 18

    eigene Gutenberg-Blöcke

  • 8

    Blöcke mit KI-Hinweis

  • 63

    veröffentlichte Leistungsseiten in drei Sprachen

  • 20

    Preisoptionen, einmal für alle Sprachen gespeichert

  • 6

    Gutschein-Produkte, digital und gedruckt

  • 752

    übersetzbare Oberflächentexte

  • 29

    gemergte Pull Requests

Unter der Oberfläche

Die Arbeit, die keine Preisliste zeigt

Besucher sehen Preise, Gutscheine und Öffnungszeiten. Darunter liegen die Einstellungen, Sicherheitsnetze und Regeln, die sie in drei Sprachen richtig halten.

  • Entwicklung

    Einstellungen als Code

    WooCommerce, YITH, PDF-Rechnungen und Accessibility Checker werden aus versionierten Arrays konfiguriert und bei jedem Versionssprung neu angewendet.

  • Entwicklung

    Ein Sicherheitsnetz für Gutscheine

    Codes entstehen vor der Bestell-E-Mail, und vordatierte Karten mit unlesbarem Datum werden sofort versendet, statt hängen zu bleiben.

  • Entwicklung

    PDFs immer auf Deutsch

    Rechnungen erscheinen auf Deutsch, auch wenn die Bestellung auf Englisch oder Ukrainisch aufgegeben wurde.

  • Inhalte

    Ein Übersetzungs-Workflow

    752 Oberflächentexte, eigene Extract- und Compile-Werkzeuge und korrekt deklinierte Wochentage im Ukrainischen.

  • Design

    Leitplanken im Editor

    Sieben Filter halten seitenspezifische Blöcke auf ihren Seiten, und Leistungsvorlagen setzen Preise und Behandlungen in feste Plätze.

  • Entwicklung

    Barrierefreiheit eingebaut

    Accessibility Checker prüft auch Leistungen und Produkte, Fokus-Stile sind sichtbar, und Erklärungsentwürfe liegen in drei Sprachen vor. Ein Toolbar-Plugin für Besucher wurde getestet und verworfen.

  • Inhalte

    KI-Bilder gekennzeichnet

    Acht Blöcke können einen Hinweis nach EU AI Act zeigen, und jedes Bild in der Mediathek hat ein eigenes Merkmal «KI-generiert».

  • Management

    Deployments aus zwei Repositories

    Beide Repositories bauen und deployen über GitHub Actions auf main, das Plugin hat zusätzlich einen CI-Build-Check auf dev, und 29 Pull Requests sind gemergt.

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

Ein Update bewährt sich im Alltag – so sieht es das Studio bisher.

  • Unsere Preise liegen jetzt an einem Ort und erscheinen gleich auf Deutsch, Englisch und Ukrainisch. Gutscheine und Rechnungen laufen über Einstellungen, die wir nicht mehr von Hand zusammenklicken müssen.

    Faircare

    Website im Update: faircare-berlin.de (opens in a new tab)

Eingesetzt

  • WordPress
  • Blocksy
  • Gutenberg
  • WooCommerce
  • YITH Gift Cards
  • Polylang Pro
  • ACF Pro
  • Fluent Forms

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.