Fallstudie · Kosmetik & Wellness

Ein Katalog, zwei Preiswelten

Onyx Lashes beliefert Wimpern- und Brauenprofis in der Schweiz und in Liechtenstein – und verkauft auch an Privatkundschaft. Wir haben den etablierten Shop auf WordPress und WooCommerce neu aufgebaut: ein Katalog auf Deutsch, Französisch und Italienisch, mit Nettopreisen für geprüfte Betriebe und Bruttopreisen für alle anderen.

Website ansehen (opens in a new tab)
Startseite von onyx-lashes.ch mit Hero-Slider
Kunde
Onyx Lashes
Branche
Kosmetik & Wellness
Leistungen
Design · Entwicklung · SEO & GEO · Betreuung
Dauer
15 Wochen bis zum Launch, danach Betreuung

Die Ausgangslage

Ein Lieferant für Profis, offen für Privatkundschaft

Onyx Lashes ist eine Schweizer Beauty-Marke mit Sitz in St. Gallen, spezialisiert auf Produkte und Schulungen für Wimpernverlängerungen. Der Shop führt drei Marken – BL Lashes, die eigene Linie Onyx Lashes und L’Avely – in den Bereichen Wimpernverlängerung, Brauen- und Wimpernlifting, Werkzeuge, Zubehör, Hautpflege und Marketing.

Der Neuaufbau sollte aus dem etablierten Shop einen Katalog für zwei Zielgruppen machen: Geprüfte Betriebe kaufen zu Nettopreisen, Privatkundschaft zu Bruttopreisen – in drei Sprachen, mit übernommener Bestellhistorie, Kundenkonten und alten Produktadressen.

Leistungen
Shop · B2B-Preise · Händlerprüfung
Plattform
WordPress · Blocksy · WooCommerce · Polylang Pro
Sprachen
Deutsch · Französisch · Italienisch (CH)
Inhalte
144 Produkte pro Sprache · 37 Kategorien · 3 Marken
Zusammenarbeit
Umsetzung, Launch und laufende Betreuung
Märkte
Schweiz · Liechtenstein

Die Herausforderung

Zwei Preiswelten, ein Shop

Betriebe und Privatkundschaft kaufen dieselben Wimpern, aber nicht zum selben Preis. Händlerpreise bleiben verborgen, bis ein Betrieb geprüft ist, und der Preismodus reicht bis in Filter, Sale-Kategorie, Seiten-Cache und Bestellungen.

Dazu kommt die Tiefe des Sortiments: Länge, Curl und Dicke ergeben bis zu 98 Varianten pro Produkt – und jede Seite musste cachebar bleiben.

  • Geprüft statt nur angegeben

    Jedes Produkt und jede Variante hat einen Nettopreis für Betriebe. Er wird erst nach einer Prüfung im eidgenössischen UID-Register freigeschaltet.

  • Drei Sprachen, zwei Länder

    Deutsch, Französisch und Italienisch für Produkte, Kategorien, Attribute, Formulare und Menüs – mit Lieferung in die Schweiz und nach Liechtenstein und Abholung in St. Gallen oder Gamprin.

  • Ein etablierter Shop, sauber übernommen

    Bestellhistorie und Kundenkonten bis zurück ins Jahr 2016 sind in den neuen Shop umgezogen, und 195 alte Adressen leiten auf die passenden neuen Seiten weiter.

Hinter dem Projekt

Ein Team, 15 Wochen vom ersten Commit bis zum Launch

Ein Shop mit zwei Preiswelten berührt jede Disziplin. Ein internes Team führte ihn vom ersten Commit im April bis zur Go-live-Umstellung im Juli – Planung, Design, B2B-Code, Inhalte in drei Sprachen, SEO, Sicherheit und Betreuung –, mit einer Projektleitung als Ansprechpartner für den Kunden.

Wochen 1–21

  1. Analyse, Wochen 1–2
  2. Design, Wochen 3–7
  3. Umsetzung, Wochen 8–13
  4. Launch, Wochen 14–15
  5. Ausbau, Wochen 16–21

  • Management

    • Planung, PR-Reviews und Go-live-Umstellung, Wochen 1–15

  • Design

    • Palette, Layouts, Widgets, Wochen 3–8

  • Entwicklung

    • Theme, Blöcke, B2B-Preise, Wochen 8–11
    • Endspurt, Wochen 14–15

  • Inhalte

    • Produkte, Lösungen, Blog – DE/FR/IT, Wochen 9–14

  • SEO

    • Yoast-Setup, Wochen 11–12
    • hreflang, Schema, Wochen 14–16

  • Cybersicherheit

    • Sicherheit einrichten, Wochen 11–12

  • Betreuung

    • Betreuung, Woche 16 – laufend

Was wir gebaut haben

Fünf Systeme, ein Shop für zwei Zielgruppen

Preismodus

Gewerbe oder Privat, nur einen Klick entfernt

Ein Schalter im Header stellt den ganzen Shop zwischen Bruttopreisen für Privatkundschaft und Nettopreisen für Betriebe um. Der Seiten-Cache berücksichtigt die Wahl, und Preisfilter, Sale-Kategorie und Bestell-Labels folgen dem aktiven Modus.

  • Schalter «Gewerbe / Privat» im Header
  • Netto- und Aktionspreise für jede Variante
  • Bestellungen im Admin als B2B oder B2C markiert
Produktseite im Modus «Gewerbe» mit Nettopreis exkl. MwSt. auf onyx-lashes.ch

Produktkonfigurator

Wimpern nach Länge, Curl und Dicke gewählt

Das Wimpern-Sortiment lebt von Varianten – bis zu 98 pro Produkt. Kundinnen und Kunden wählen Länge, Curl und Dicke per Button, jede Variante hat ihren eigenen Händlerpreis, und Suchmaschinen erhalten das ganze Set als Produktgruppe mit Varianten.

  • Länge, Curl und Dicke als Buttons
  • Händlerpreis auf jeder Variante
  • ProductGroup-Schema mit allen Varianten
Produktseite mit Auswahl von Länge, Curl und Dicke auf onyx-lashes.ch

Shop-Einstieg

Eine Shop-Seite aus Blöcken

Statt einer nackten Produktliste beginnt der Shop mit Kategorie-Kacheln samt Icons, gefolgt von Bestsellern, einem Call-to-Action, einem Sale-Bereich und Fragen zum Shop – alles aus den eigenen Gutenberg-Blöcken des Shops gebaut.

  • Kategorie-Kacheln mit SVG-Icons
  • Bestseller- und Sale-Bereiche
  • Shop-FAQ mit FAQ-Markup
Shop-Startseite mit Kategorie-Kacheln und Icons auf onyx-lashes.ch

Lösungen

Eine Seite für jede Art von Kundschaft

Fünf Lösungsseiten sprechen Wimpernstylistinnen, Salons und Studios, Privatkundschaft, Einkäufer auf der Suche nach einem Schweizer Lieferanten und Kundschaft in Liechtenstein an. Sie bestehen aus vier eigenen Lösungs-Blöcken und erscheinen in allen drei Sprachen.

  • Fünf Zielgruppen, je eine Seite
  • Zickzack-, Text-Bild- und Callout-Blöcke
  • Auf der Startseite verlinkt
Übersicht der Lösungsseiten für fünf Zielgruppen auf onyx-lashes.ch

Drei Sprachen

Deutsch, Französisch und Italienisch, sauber verknüpft

Produkte, Kategorien, Attribute, Formulare und Menüs laufen in de-CH, fr-CH und it-CH. Ein eigenes hreflang-Modul verknüpft die Sprachversionen, auch auf paginierten Archiven, und eine kleine Korrektur hält die Währungsposition im übersetzten Shop richtig.

  • Sprachwechsler im Header
  • hreflang mit x-default auf jeder Archivseite
  • Kontakt- und Newsletter-Formulare in jeder Sprache
Französische Startseite mit geöffnetem Sprachwechsler DE, FR, IT auf onyx-lashes.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

Jede Aufgabe bekam ihren eigenen Branch und Pull Request – 98 davon wurden im Theme und im Block-Plugin gemergt. Ein Merge auf main baut den Code mit GitHub Actions und spielt ihn per FTP aus; der Go-live selbst war eine Umstellung dieses Deploy-Ziels.

  • 98

    gemergte Pull Requests in zwei Repositories

  • 15

    Wochen vom ersten Commit bis zum Go-live

Was wir gemacht haben

  • Ein Branch pro Aufgabe, mit Pull Requests
  • Build und FTP-Deploy bei jedem Merge auf main
  • Go-live durch Umstellung des Deploy-Ziels
  • Workflow-Notizen im Block-Repository

Übergabe Freigegebener Umfang und Anforderungen → Design

Das Projekt in Zahlen

Was hinter einem Katalog steckt

Jede Zahl ist gezählt – aus dem Live-Shop, dem Code und der Datenbank.

  • 3

    Sprachen: de-CH, fr-CH, it-CH

  • 144

    Produkte pro Sprache

  • 37

    Produktkategorien pro Sprache

  • 24

    eigene Gutenberg-Blöcke

  • 4

    eigene Plugins, darunter der B2B Switcher

  • 195

    301-Weiterleitungen vom alten Shop

  • 25

    Schema-Typen auf der Startseite

  • 98

    gemergte Pull Requests

Unter der Oberfläche

Was passiert, bevor der Preis erscheint

Besucher sehen einen Schalter und einen Preis. Dahinter liegen Prüfungen, Regeln und Weiterleitungen, die zwei Preiswelten trennen und die Adressen des alten Shops am Leben halten.

  • SEO

    Weiterleitungen vom alten Shop

    195 permanente Weiterleitungen führen alte Produkt-, Kategorie- und Markenadressen auf die passenden Seiten des neuen Shops.

  • SEO & GEO

    Ein Shop, der sich selbst beschreibt

    Organization- und Shop-Schema mit Versandoptionen, 14 Tagen Rückgaberecht und 33 knowsAbout-Themen in vier Sprachen.

  • SEO

    hreflang auf jeder Seite

    Eigene hreflang-Gruppen mit x-default ersetzen die Ausgabe des Übersetzungs-Plugins, damit auch paginierte Archive in allen drei Sprachen verknüpft bleiben.

  • Entwicklung

    UID-Prüfung an der Quelle

    Unternehmensnummern werden live im UID-Register des Bundesamts für Statistik geprüft – über dessen offiziellen Webservice.

  • Entwicklung

    Ein Cache, der den Preismodus kennt

    Der Seiten-Cache unterscheidet nach dem B2B-Cookie, und Variantendaten für bis zu 120 Optionen sind eingebettet, damit Produktseiten cachebar bleiben.

  • Betreuung

    Lagerbestand auf einer Seite

    Ein Lager-Manager zeigt Produkt- und Variantenbestand gemeinsam, mit Inline-Bearbeitung und CSV-Export für Lieferanten.

  • Management

    Ein Branch pro Aufgabe

    98 gemergte Pull Requests, und jeder Merge auf main baut und verteilt Theme und Blöcke über GitHub Actions.

  • Cybersicherheit

    Sichere SVG-Uploads

    Kategorie-Icons sind SVG-Dateien: Uploads sind nur Administratoren erlaubt und laufen durch einen Filter, der Skripte und Event-Handler entfernt.

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 Projekt ist erst fertig, wenn die Menschen, die täglich damit arbeiten, es wieder wählen würden.

  • Salons und Privatkundschaft kaufen jetzt am selben Ort ein – jeweils zu ihrem Preis und in ihrer Sprache. Händlerkonten werden automatisch geprüft, und unseren Lagerbestand pflegen wir auf einer einzigen Seite.

    Onyx Lashes

    Umgesetzte Website: onyx-lashes.ch (opens in a new tab)

Eingesetzt

  • WooCommerce
  • Blocksy
  • Gutenberg
  • Polylang Pro
  • Payrexx
  • Yoast SEO
  • LiteSpeed
  • Brevo

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.