™ Глянець, студія веб-дизайну — Encanto Online-Shop_0
Zurück

Encanto Online-Shop

™ Глянець, студія веб-дизайну — Encanto Online-Shop_1
™ Глянець, студія веб-дизайну — Encanto Online-Shop_2
Encanto

Encanto: Umfassende Neuentwicklung und Migration eines Online-Shops mit flexibler Kataloglogik

Encanto wandte sich mit der Aufgabe an uns, ihren Online-Shop zu erneuern. Ziel war es nicht nur, ein modernes Design zu schaffen, sondern auch die Website auf eine neue, flexiblere Plattform zu migrieren. Zentrale Anforderungen waren der Erhalt der bestehenden SEO-Rankings sowie die Implementierung mehrerer maßgeschneiderter Lösungen für die Katalog- und Produktverwaltung.

Aufgabe №1: Dynamische Namen für unterschiedliche Einkaufsszenarien

In der Modebranche kann dasselbe Produkt auf verschiedene Weise positioniert werden: als Teil einer Kollektion, als Accessoire oder als Basic. Standard-CMS-Funktionen ermöglichen dies nicht.

Unsere Lösung:

  • Wir entwickelten ein System, das es ermöglicht, einem Produkt bis zu 7 verschiedene Namen zuzuweisen: einen Hauptnamen, eine Kurzform und alternative Bezeichnungen.
  • Der angezeigte Name passt sich automatisch an die Kategorie an, in der sich der Nutzer befindet.

Ergebnis:

  • Das Unternehmen kann je nach Kontext unterschiedliche Aspekte eines Produkts hervorheben.
  • Für SEO bedeutet dies eine größere Bandbreite an Keywords und bessere Sichtbarkeit in Suchmaschinen. 
Encanto

Aufgabe №2: Sichere Migration und SEO-Optimierung

Die größte Herausforderung bestand darin, den Shop auf eine neue Plattform zu migrieren, ohne den organischen Traffic zu verlieren.

Unsere Lösung:

  • Wir führten eine vollständige Datenmigration durch: Produkte, Kategorien, URLs, Meta-Tags und SEO-Texte.
  • Die Linkstruktur wurde beibehalten, um fehlerhafte Seiten zu vermeiden.
  • Wir entwickelten eine erweiterte Logik für Breadcrumbs, die sich je nach Seitentyp (Katalog, Kategorien, Produkte) unterscheidet.
  • Wir optimierten die Code-Struktur: H1-Überschriften und SEO-Texte wurden im HTML hoch platziert, aber durch CSS weiter unten angezeigt.

Ergebnis:

Die SEO-Positionen blieben erhalten, und zusätzliche technische Lösungen schufen eine solide Grundlage für weiteres Wachstum im organischen Traffic.

Aufgabe №3: Werkzeuge für die Shop-Verwaltung

Die täglichen Abläufe des Encanto-Teams erforderten schnelle und einfache Werkzeuge.

Unsere Lösung:

  • Wir implementierten die Gruppierung von Produkten nach Modell: Jede Farbe derselben Kollektion wird als separates Produkt angezeigt.
  • Wir fügten eine Massenimport-Funktion für die schnelle Aktualisierung von Kollektionen hinzu.
  • Wir erstellten erweiterte Regeln für Rabattcodes, die nach Marke, Kollektion oder Kategorie angewendet werden können.
  • Wir konfigurierten Bestellbenachrichtigungen per Telegram und E-Mail.
  • Wir optimierten die Ladegeschwindigkeit: Die Seite erreicht stabil über 90 Punkte bei Google PageSpeed auf mobilen Geräten.

Ergebnis:

Als Ergebnis erhielt Encanto eine moderne Plattform mit einzigartiger Kataloglogik, flexiblen Verwaltungsmöglichkeiten und beibehaltenen SEO-Positionen. Das Projekt vereinte eine komplexe Migration, technische SEO-Lösungen und maßgeschneiderte Werkzeuge, die an die Geschäftsprozesse des Unternehmens angepasst sind.

Was wir gemacht haben
™ Глянець, студія веб-дизайну — Encanto Online-Shop_3
UI/UX, Gestaltung
™ Глянець, студія веб-дизайну — Encanto Online-Shop_4
Programmierung
™ Глянець, студія веб-дизайну — Encanto Online-Shop_5
Webseiten-Layout
™ Глянець, студія веб-дизайну — Encanto Online-Shop_6
Contentpflege
™ Глянець, студія веб-дизайну — Encanto Online-Shop_7
Testen
™ Глянець, студія веб-дизайну — Encanto Online-Shop_8
™ Глянець, студія веб-дизайну — Encanto Online-Shop_9
™ Глянець, студія веб-дизайну — Encanto Online-Shop_10
™ Глянець, студія веб-дизайну — Encanto Online-Shop_11
™ Глянець, студія веб-дизайну — Encanto Online-Shop_12
™ Глянець, студія веб-дизайну — Encanto Online-Shop_13
™ Глянець, студія веб-дизайну — Encanto Online-Shop_14
™ Глянець, студія веб-дизайну — Encanto Online-Shop_15
™ Глянець, студія веб-дизайну — Encanto Online-Shop_16
™ Глянець, студія веб-дизайну — Encanto Online-Shop_17
™ Глянець, студія веб-дизайну — Encanto Online-Shop_18
™ Глянець, студія веб-дизайну — Encanto Online-Shop_19
™ Глянець, студія веб-дизайну — Encanto Online-Shop_20
™ Глянець, студія веб-дизайну — Encanto Online-Shop_21
™ Глянець, студія веб-дизайну — Encanto Online-Shop_22
™ Глянець, студія веб-дизайну — Encanto Online-Shop_23
™ Глянець, студія веб-дизайну — Encanto Online-Shop_24
™ Глянець, студія веб-дизайну — Encanto Online-Shop_25
™ Глянець, студія веб-дизайну — Encanto Online-Shop_26
™ Глянець, студія веб-дизайну — Encanto Online-Shop_27
Zugevendete Zeit
Encanto Online-Shop On tablet
Encanto Online-Shop On laptop
Hauptseite
™ Глянець, студія веб-дизайну — Encanto Online-Shop_28
Tools und Technologien
die wir bei der Entwicklung der Website verwendet haben
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
Midjourney
Encanto Online-Shop
Interne Seiten
Accessibility menu
Kontrasteinstellungen
Schriftgröße
Zeichenabstand
Zeilenabstand
Bilder
Schriftart
Zurücksetzen der Einstellungen