Fontastic: End-to-End Shopify-Entwicklung & Anpassung Fallstudie

Kunde: Fontastic.de
Plattform: Shopify Basic
Branche: Smartphone- & Tablet-Zubehör, Smart Home und Lifestyle-Produkte
fontastic-banner

Überblick:

Mit über 25 Jahren Erfahrung in den Bereichen Smartphone- und Tablet-Zubehör, Smart-Home-Lösungen und Lifestyle-Produkte benötigte Fontastic.de einen Shopify-Store, der ihr umfangreiches Produktportfolio und ihr Engagement für exzellenten Kundenservice widerspiegelt.

Die Eigentümer von fontastic24.de wollten einen parallelen Shopify-Store, fontastic.de, einrichten, um ihre Online-Präsenz zu optimieren. Sie arbeiteten mit HelloPerformance GmbH zusammen, die Soft Solutions4U mit der vollständigen Entwicklung, Datenmigration und Anpassung des neuen Stores beauftragte.

Trotz komplexer Herausforderungen – von der Verwaltung großer Dateiuploads bis hin zur Implementierung fortschrittlicher Produktfilter – haben wir einen vollständig funktionalen Shopify-Store von Grund auf aufgebaut. Das Ergebnis: ein reibungsloses und kohärentes Einkaufserlebnis, das speziell auf den Technologie- und Zubehörmarkt zugeschnitten ist.

Lass mich gerne wissen, wenn du Anpassungen wünschst!

Technologie Stack

Der neue Technologie-Stack bestand aus Shopify CMS, MySQL and JavaScript

Shopify – CMS

MYSQL – Backend

JavaScript

Herausforderungen & Lösungen:

Aufbau des Shopify-Shops von Grund auf

  • Herausforderung: Entwicklung eines neuen Shops, der fontastic24.de in Design, Produktlisten und Kundenflüssen gleicht – ohne direkten Shopify-Export.
  • Lösung: Wir haben die Shop-Struktur manuell nachgebildet, individuelle Shopify-Themes entworfen und Produktdaten sorgfältig zugeordnet, um den neuen Shop originalgetreu nachzubilden.

Verwaltung grosser Dateiuploads in Shopify

  • Herausforderung: Der Produktkatalog von Fontastic umfasste über 4.000 Produktanleitungen und Datenblätter, die bei jedem Update aktualisiert wurden. Die Standardfunktionen von Shopify waren damit überfordert und beeinträchtigten die Ladegeschwindigkeit.
  • Lösung: Wir speicherten die PDFs in Google Drive und integrierten die Plattform über die Google Cloud Platform (GCP) API in Shopify. Dadurch blieben die Dateien leicht zugänglich, ohne die Leistung des Shops zu beeinträchtigen.
Implementierungsschritte:
  1. Öffentliches Verzeichnis in Google Drive erstellt.
  2. Projekt in GCP eingerichtet und Drive API aktiviert.
  3. API-Zugangsdaten generiert und Domain-Einstellungen konfiguriert.
  4. Benutzerdefinierten Liquid-Code hinzugefügt, um Produktseiten dynamisch mit den entsprechenden PDF-Dateien zu verknüpfen.

Überwindung der Shopify-Filtergrenze

  • Herausforderung: Das breite Produktsortiment von Fontastic – von Ladekabeln bis zu Smart-Home-Geräten – erforderte 30–33 Filter für Spezifikationen wie Kompatibilität, Material und Funktionen. Shopify erlaubt standardmäßig jedoch nur 25 Filter.
  • Lösung: Wir integrierten die App AI Search & Product Filter und nutzten Metafelder, um die zusätzlichen Filter zu verwalten. So konnten Kunden gezielter nach passenden Produkten suchen.
Fontastic-Product-Filter

Handhabung von Nullpreisen & App-Downloads

  • Herausforderung: Für bestimmte Smart-Home-Geräte bot Fontastic kostenlose Begleit-Apps an. Shopify zeigte jedoch standardmässig einen Preis und einen In den Warenkorb-Button an, was zu Verwirrung führte.
  • Lösung: Wir passten das Theme an, um Preise auszublenden und den In den Warenkorb-Button für kostenlose Apps zu deaktivieren. Außerdem integrierten wir dynamische QR-Codes auf den Produktseiten, die Kunden direkt zu den App-Downloads führten.
Fontastic-Zero-priceProduct
Wichtige Anpassungen:
  • Preis-Anzeige: Automatisches Ausblenden von Preisen bei kostenlosen Apps.
  • Warenkorb-Button: Deaktivieren des Buttons für nicht kaufbare Artikel.
  • QR-Code-Integration: Einbettung von QR-Codes, die direkt zu den Android- und iOS-Downloads führen.
Fontastic-QRCode

Ergebnisse

  • Erfolgreiche Entwicklung und Launch von fontastic.de auf Shopify.
  • Migration von über 4.000 Produktanleitungen und Datenblättern ohne Performance-Verlust.
  • Implementierung von 30+ Produktfiltern zur Verbesserung der Produktsuche.
  • Vereinfachter App-Download durch QR-Codes, die Kundenverwirrung beseitigen.

Warum Soft Solutions4U für Ihre Shopify-Entwicklung?

Als erfahrene Shopify-Experten bieten wir:
  • Komplette Shop-Entwicklung
  • Theme-Anpassungen & Design
  • API-Integrationen (Google Drive, GCP, etc.)
  • Lösungen für komplexe Dateiverwaltung
  • Erweiterte Produktfilterung
  • Optimierung von E-Commerce-UI/UX

Egal, ob Sie einen neuen Shopify-Shop benötigen, komplexe Funktionen integrieren oder die Performance verbessern möchten – Soft Solutions4U ist Ihr vertrauensvoller Entwicklungspartner. Lassen Sie uns gemeinsam Ihre E-Commerce – Vision zum Leben erwecken!

Interessiert an einer Zusammenarbeit? Kontaktieren Sie uns gerne, um Ihr Projekt zu besprechen – wir freuen uns auf Sie!