Fallstudie · Optik & Brillen

Von PrestaShop zu einem Shop, der mitwächst

Augenkontakt ist ein Optiker in Zürich-Affoltern mit eigener Brillenkollektion, KATZENSEH. Wir haben den Online-Shop 2024 von PrestaShop zu WooCommerce migriert und 2025 auf Blocksy neu aufgebaut: 44 Produkte, 12 Dienstleistungsseiten, 9 Markenseiten und ein Buchungs-Button auf der Startseite.

Website ansehen (opens in a new tab)
Startseite von augenkontakt-shop.ch
Kunde
Augenkontakt AG
Branche
Optik & Brillen
Leistungen
Migration · Design · Entwicklung · Betreuung
Dauer
Zwei Etappen (2024, 2025), danach Betreuung

Die Ausgangslage

Brillen, Linsen und Sehtests – auf einer Website

Die Augenkontakt AG ist ein Optiker am Zehntenhausplatz in Zürich-Affoltern: Brillen, Kontaktlinsen, Sehtests, Sports Vision und Low Vision, dazu die eigene Brillenkollektion KATZENSEH und Marken wie Oakley und Andy Wolf. Bis 2024 lief der Online-Shop auf PrestaShop.

Das Projekt kam in zwei Schritten. Zuerst zogen Shop und Blog auf WooCommerce um; danach wurde die ganze Website auf Blocksy neu aufgebaut – damit Dienstleistungen, Marken und Produkte in einer Struktur stehen, aufeinander verweisen und zur Terminbuchung führen.

Leistungen
Shop-Migration · Neuaufbau · Betreuung
Plattform
WordPress · WooCommerce · Blocksy · ACF Pro
Sprachen
Deutsch (de-CH)
Inhalte
44 Produkte · 12 Dienstleistungsseiten · 9 Marken · Blog
Zusammenarbeit
Zwei Etappen, danach laufende Betreuung
Sortiment
Brillen · Lesebrillen · Sportbrillen · Accessoires

Die Herausforderung

Ein Shop, zweimal umgezogen – unter derselben Adresse

Der Shop wechselte zweimal die Plattform – von PrestaShop zu WooCommerce, danach auf ein neues Theme – unter derselben Domain und mit einem Blog-Archiv, das bis 2019 zurückreicht.

Gleichzeitig findet vieles, was ein Optiker anbietet, im Geschäft statt. Die Website musste die Dienstleistungen erklären, die Produkte dazu zeigen und Besucher an die Buchungstools übergeben.

  • Zwei Umzüge in weniger als zwei Jahren

    Bis 2024 PrestaShop, danach eine erste WooCommerce-Version, dann der Neuaufbau auf Blocksy – und Inhalte wie das Blog-Archiv mussten jedes Mal mitziehen.

  • Laden und Shop auf einer Website

    Brillen und Accessoires werden online verkauft, Sehtests und Kontaktlinsen-Anpassungen finden im Geschäft statt – Dienstleistungsseiten und Produkte mussten aufeinander verweisen.

  • Tools anderer Anbieter

    Termine laufen über die Buchungstools des Optikers, der Newsletter über mailxpert und die News über einen Facebook-Feed – die Website musste alle drei anbinden.

Hinter dem Projekt

Ein Shop, zwei Etappen, ein Team

Der Shop wuchs in zwei Etappen: 2024 der Umzug von PrestaShop zu WooCommerce, 2025 der Neuaufbau auf Blocksy mit eigenen Blöcken. Dazwischen kamen Markenseiten dazu, und jede Disziplin – von der Planung bis zur Betreuung – blieb beim selben internen Team mit einem Ansprechpartner für den Optiker.

Monate 1–25

  1. Migration, Monate 1–3
  2. Ausbau, Monate 4–21
  3. Neubau, Monate 22–23
  4. Betrieb, Monate 24–25

  • Management

    • Umzugsplan, Monate 1–3
    • Planung, Monate 22–23

  • Design

    • Erstes Theme, Monate 1–2
    • Layouts, Slider, Monate 22–23

  • Entwicklung

    • Shop auf WooCommerce, Monate 1–3
    • Markenseiten, Monate 10–12
    • Blocksy, Blöcke, Monate 22–23

  • Inhalte

    • Blog, Rechtstexte, Monate 1–3
    • 44 Produkte, Monate 22–23

  • Cybersicherheit

    • Anti-Spam, Monate 22–23

  • Betreuung

    • Betreuung, Monat 4 – laufend

Was wir gebaut haben

Fünf Bausteine, ein Optiker online

Dienstleistungen

Zwölf Dienstleistungen, jede mit eigener Seite

Brillen, Kontaktlinsen, Optometrie, Sports Vision und Low Vision: 12 Dienstleistungsseiten in fünf Kategorien. Ein Raster auf der Startseite verlinkt direkt auf die Themen jeder Leistung, und die Dienstleistungsseiten führen per Button zum passenden Termin.

  • Dienstleistungs-Raster mit direkten Unterlinks
  • Dienstleistungsseiten in fünf Kategorien
  • Buchungs-Buttons pro Terminart
Übersicht der Dienstleistungen mit Unterlinks auf der Startseite von augenkontakt-shop.ch

Online-Shop

44 Produkte, übersichtlich sortiert

KATZENSEH-Brillen, Lesebrillen, Oakley-Sportbrillen, Accessoires und Gutscheine in 19 Kategorien. Unser eigenes Akkordeon-Plugin hält den Kategorienbaum kompakt, und Filter für Farbe und Preis grenzen die Auswahl auf die passende Brille ein.

  • Kategorie-Akkordeon aus eigener Entwicklung
  • Farbmuster und Preis-Schieberegler
  • Wunschliste und Kundenkonto
Shop-Kategorie Brillen mit Produktkarten und Kategorie-Akkordeon auf augenkontakt-shop.ch

Eigene Blöcke

Produkte genau dort, wo beraten wird

Ein ACF-Block setzt eine Reihe Shop-Produkte in jede beliebige Seite. Auf der Brillenseite zeigt er die KATZENSEH-Kollektion und Accessoires – mit Preisen und Warenkorb-Buttons, die WooCommerce aktuell hält.

  • Produktreihe für jede Shop-Kategorie
  • Im Einsatz auf den Dienstleistungsseiten
  • Warenkorb-Button in jeder Karte
Produktreihe der Marke KATZENSEH auf der Dienstleistungsseite Brillen

Marken

Neun Marken, jede mit eigener Geschichte

Von der eigenen Kollektion KATZENSEH bis zu Oakley, Andy Wolf und NINE Eyewear: Jede Marke hat eine eigene Seite und eine Karte mit Logo, Kurztext und einem Pop-up mit Details. Dasselbe Kartenraster erscheint auch auf der Brillenseite.

  • Markenkarten mit Pop-up-Details
  • Eine Seite pro Marke
  • Kartenraster per Block wiederverwendet
Markenkarten mit Logos und «Mehr erfahren»-Buttons auf der Dienstleistungsseite Brillen

Startseite

Eine Startseite, die den Laden öffnet

Ein Hero-Slider mit News aus dem Geschäft, etwa zum Umzug an einen neuen Standort, führt zum Dienstleistungs-Raster, zu einem Produkt-Slider mit Gutschein-Teaser, einem Blog-Slider und der Newsletter-Anmeldung. Ein Buchungs-Button öffnet das Termin-Widget.

  • Hero-Slider mit Buchungs-Button
  • Produkt-, Gutschein- und Blog-Teaser
  • Newsletter-Anmeldung über mailxpert
Produkt-Slider, Gutschein-Teaser und Shop-Kachel auf der Startseite von augenkontakt-shop.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

Eines unserer ersten Projekte, umgesetzt in zwei Etappen: 2024 der Umzug von PrestaShop zu WooCommerce, 2025 der Neuaufbau auf Blocksy. Zwischen und nach den Etappen hat dasselbe Team den Shop weiter ausgebaut – mit einem Ansprechpartner für den Optiker.

  • 2

    Plattformwechsel: WooCommerce, dann Blocksy

  • 24

    Blogbeiträge aus 2019–2023 übernommen

Was wir gemacht haben

  • Umzug von PrestaShop als geplante Etappe
  • Blog-Archiv und Rechtstexte mitgenommen
  • Neuaufbau auf Blocksy als zweite Etappe
  • Ein Ansprechpartner über alle Etappen

Übergabe Freigegebener Umfang und Anforderungen → Design

Das Projekt in Zahlen

Ein Optiker-Shop in Zahlen

Jede Zahl unten ist im Live-Shop gezählt – im Sortiment, auf den Seiten und in den Vorlagen.

  • 44

    Produkte im Online-Shop

  • 19

    Produktkategorien unter drei Hauptkategorien

  • 12

    Dienstleistungsseiten in fünf Kategorien

  • 9

    Markenseiten, KATZENSEH inklusive

  • 41

    Blogbeiträge, der älteste von 2019

  • 3

    Inhaltstypen: Dienstleistungen, Marken, Team

  • 4

    Seitenvorlagen im Child-Theme

  • 2

    ACF-Blöcke für Produktreihen und Markenkarten

Unter der Oberfläche

Die Arbeit hinter dem Ladentisch

Besucher sehen Brillen, Dienstleistungen und einen Buchungs-Button. Dahinter steckt Arbeit, die Shop, Formulare und Updates in Ordnung hält.

  • Entwicklung

    Eigenes Kategorie-Akkordeon

    Woo Categories Accordion, ein Plugin aus eigener Entwicklung, faltet 19 Produktkategorien in ein kompaktes Menü – in der Shop-Seitenleiste und als Off-Canvas-Panel auf Produktseiten.

  • Entwicklung

    Buchung angebunden

    Der Buchungs-Button im Startseiten-Slider ist mit dem Dynoptic-Widget des Optikers verbunden, und die Dienstleistungsseiten verlinken auf die passende Terminart.

  • Design

    Partikel hinter dem Hero

    Der Startseiten-Slider läuft über einem animierten Hintergrund aus schwebenden Kreisen, live im Browser gezeichnet mit particles.js.

  • Inhalte

    Blog-Archiv erhalten

    24 Beiträge aus den Jahren 2019 bis 2023 zogen mit ihren ursprünglichen Daten vom alten Shop zu WooCommerce um.

  • Inhalte

    Rechtstexte für den Shop

    Datenschutz, Cookie-Richtlinie, AGB, Rückgabe sowie Versand und Bezahlung wurden im Frühling 2024 mit dem WooCommerce-Shop eingerichtet.

  • Cybersicherheit

    Spam bleibt draussen

    CleanTalk prüft Formulareingaben und Registrierungen im Hintergrund, und Solid Security ergänzt WordPress um eine Sicherheitsebene.

  • Betreuung

    Updates in kurzen Fenstern

    WordPress, WooCommerce und Plugins werden in kurzen Wartungsfenstern aktualisiert, damit der Shop auf unterstützten Versionen bleibt.

  • Management

    Eine Domain, drei Plattformen

    PrestaShop, eine erste WooCommerce-Version und Blocksy – jede Etappe lief unter www.augenkontakt-shop.ch, der Shop behielt seine Adresse bei jedem Umzug.

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 Shop bewährt sich, wenn die Menschen, die ihn täglich betreiben, den Weg wieder so gehen würden.

  • Unser Shop ist zweimal umgezogen, jedes Mal mit demselben Team dahinter. Heute stehen Brillen, Linsen, Marken und unsere Dienstleistungen auf einer Website, und unsere Kundschaft bucht den Termin direkt auf der Startseite.

    Augenkontakt AG

    Umgesetzte Website: augenkontakt-shop.ch (opens in a new tab)

Eingesetzt

  • WordPress
  • WooCommerce
  • Blocksy
  • ACF Pro
  • CleanTalk
  • Solid Security
  • mailxpert
  • Dynoptic

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.