GrafikStick
Eine Vinyl-Sticker-Werkstatt, neu aufgebaut auf PrestaShop 9.
Neuer Shop neben dem alten aufgebaut, Katalog übernommen, Module auf den neuesten Stand gebracht, Inhalte neu geschrieben, dann eine Reihe von Audits, um an der Wurzel zu beheben, was Suchmaschinenranking, Barrierefreiheit und mobile Darstellung bremste.
- PrestaShop 9
- Migration
- Panda-Theme
- SEO & RGAA
- Inhalte
- SwissGeek-Module
Ein reichhaltiger Katalog, eine Basis zum Auffrischen.
GrafikStick fertigt seit 2012 Sticker auf Bestellung für Autos, Motorräder und Dekoration: durchgefärbte Vinylfolie, ohne Hintergrund, geliefert unter Transferfolie. Der Shop umfasst fast 2.000 Produktseiten, aufgeteilt in die Bereiche Auto, Motorrad, Haus, Rallye und Partnerclubs.
Das Ziel: auf PrestaShop 9 und PHP 8.4 umsteigen und dabei das Panda-Theme behalten, das das Atelier kennt, und die Gelegenheit nutzen, Inhalte, Suchmaschinenoptimierung und Barrierefreiheit grundlegend zu überarbeiten.
Katalog, Kundenkonten und Bestellungen, die in eine neue Installation übertragen werden müssen.
Versanddienstleister und Theme-Module, die mit PrestaShop 9 kompatibel gemacht werden müssen.
Rechtliche Seiten, Cookie-Einwilligung und Barrierefreiheit im Sinne des EAA.
Gut gefunden werden und für alle lesbar sein, auch mit Screenreader.
Von der Installation bis zum letzten Feinschliff.
Sechs Baustellen, von der Plattform selbst bis zu den Inhalten und Audits.
Neue PrestaShop-9-Instanz
Aufgebaut auf einer eigenen Subdomain mit dem Panda-Theme und anschließend, sobald alles bereit war, mit grafikstick.com verbunden. Die Varianten .fr, www und http leiten per 301 auf eine einzige Adresse weiter.
Aktualisierte Module
Kompatibilitätsfehler an der Wurzel behoben, etwa die Bearbeitung eines Versanddienstleisters, die bei einer leeren Tracking-URL scheiterte, oder der nach einem Update unvollständig gebliebene Admin-Cache.
Rechtsseiten und Inhalte
Impressum, AGB, Lieferung und Zahlung, Rückgabe, sichere Zahlung, Über uns und Datenschutz, neu verfasst, damit sie der Realität entsprechen: auf Bestellung gefertigte Produkte.
SEO- und Barrierefreiheits-Audits
Suchmaschinenoptimierung und Barrierefreiheit (RGAA / EAA) am realen Code geprüft, jede Feststellung mit ihrer Korrektur.
Kundenbindung
Kundenguthaben mit SGK Custom Wallet und häufig gestellte Fragen mit SGK FAQ.
Visuals und E-Mails
Visuelle Hintergründe in 4K, Warenkorb-Erinnerungs-E-Mail und Newsletter im Look der Website gestaltet.
Nebenher aufbauen, prüfen, dann umschalten.
Der ursprüngliche Shop dient bis zum Schluss als Referenz: Nichts wird kaputtgemacht, um neu aufgebaut zu werden.
Bestandsaufnahme
Katalog, Module, Inhalte und Designvorgaben, direkt von der Website übernommen: das Blau des Logos und die Schriftart Poppins.
Aufbau
Installation von PrestaShop 9, Panda-Theme, Datenübernahme und Update der Module.
Inhalte
Rechtsseiten, Konfigurationstexte, Hintergrundbilder in 4K, E-Mail-Vorlagen.
Umstellung und Betreuung
Domain verknüpft, Weiterleitungen eingerichtet, dann nacheinander Audits und Korrekturen.
Die Ursache suchen, nicht das Symptom.
Auf dem Smartphone zeigte das Menü zwölf statt sechs Einträge. Statt den Überschuss per CSS auszublenden, ergab die Analyse des tatsächlich ausgelieferten HTML, dass das Mega-Menü in zwei identischen Ausführungen vorhanden war, beide an das mobile Menü gesendet wurden und sein Panel doppelt generiert wurde. Das Menü machte allein die Hälfte der Seite aus, die an Mobilgeräte gesendet wurde.
Dasselbe Vorgehen bei einem Warenkorb, der sechs Artikel anzeigte, obwohl er leer war: Zähler und Liste lasen nicht dieselben Daten. Die Korrektur setzt bei den verwaisten Zeilen in der Datenbank an, nicht bei der Anzeige.
Was den Unterschied gemacht hat
Jedes Audit geht vom realen Code aus: dem an Besucher ausgelieferten HTML, den Templates des Themes und der live ausgelesenen Back-Office-Konfiguration, ohne etwas zu verändern.
Dabei zeigte sich zum Beispiel, dass der Werbetext des Karussells auf der Startseite nur als Bild existierte und somit für einen Screenreader wie für eine Suchmaschine unsichtbar war.
Was den Shop antreibt.
Braucht Ihr Shop dasselbe Projekt?
Beschreiben Sie Ihre Situation: Sie erhalten innerhalb von 48 Stunden eine erste Einschätzung und einen Kostenvoranschlag, unverbindlich.