[Alle Projekte](https://88lab.eu/de/portfolio/) AUTOZUBEHÖR, HAUS UND GARTEN # Praktik Market Großer Katalog. Einfache Auswahl. Klare Bestellung. [Website besuchen](https://praktikmarket.bg/) Headless Onlineshop API-Integrationen Automatisierung  Echtes Projekt aus dem 88Lab-Portfolio · Praktik Market 01 / KONTEXT UND AUFGABE ## Großer Katalog. Einfache Auswahl. Klare Bestellung. Praktik Market vereint Produkte für Auto, Haus, Garten und Camping sowie eine eigene Auswahl an Planen und Abdeckungen. Die Aufgabe war, aus einem umfangreichen Lieferantenkatalog einen übersichtlichen Shop mit aktuellen Preisen und Beständen, einfacher mobiler Bestellung und berechneten Versandkosten aufzubauen. Wir entwickelten eine individuelle Shop-Oberfläche, die per API mit WordPress und WooCommerce für die Verwaltung von Produkten, Inhalten, Kunden und Bestellungen verbunden ist. Katalog, Produktseiten, Warenkorb, Kundenkonto und Bestellabschluss folgen einem gemeinsamen Gestaltungssystem mit klarer Typografie, sanften Farbverläufen, illustrativen Akzenten und fließenden Animationen. ### Ein Katalog, der sich automatisch aktualisiert Wir banden einen XML-Feed mit mehr als 13.000 Artikeln an und richteten eine tägliche Synchronisierung von Preisen und Beständen ein. Preisregeln werden bei erneuten Importen ohne wiederholte Aufschlagsberechnung angewendet. Manuell angelegte eigene Produkte bleiben vom Lieferantenfeed getrennt und werden bei der Synchronisierung erhalten. ### Orientierung in einem großen Katalog Wir strukturierten die Navigation nach Bereichen und Unterkategorien. Am Desktop öffnen sich verschachtelte Menüs seitlich bei Hover, auf dem Smartphone klappen separate Pfeile die Ebenen auf. Die Suche unterstützt Namen und Produktcodes mit Bild- und Preisvorschlägen. Kontextbezogene Filter, Preisspannen und Raster- oder Listenansichten erleichtern den Vergleich und erhalten Filtereinstellungen und Scrollposition. ### Eigene Produkte mit übersichtlicher Größenauswahl Wir bereiteten die eigenen Planen und Abdeckungen mit Bildern, Beschreibungen, Größen, Eigenschaften und Europreisen auf. Die Variantenauswahl zeigt den konkreten Preis vor der Bestellung. Bilder lassen sich vergrößern, die Galerie bleibt neben längeren Beschreibungen am Desktop sichtbar und die mobile Bestellaktion befindet sich nahe am gewählten Produkt. ### Schnellbestellung und individueller Bestellabschluss Besucher können für eine Schnellbestellung ihre Telefonnummer hinterlassen oder Warenkorb und vollständiges Bestellformular nutzen. Ergänzt wurden direkte Anrufe, Mengenänderungen, ein gespeicherter Warenkorb, Registrierung, Anmeldung und Kundenkonten. Daten und Summen werden serverseitig geprüft, Fehler am jeweiligen Feld angezeigt und doppelte Bestellübermittlungen verhindert. Eingehende Bestellungen werden in der Administration verwaltet. ### Versand mit Econt und Speedy mit automatischer Preisberechnung Wir verbanden den Shop mit den produktiven APIs von Econt und Speedy für Lieferungen an eine Filiale oder Adresse. Das Formular bietet Orte, Filialen und Straßen passend zum gewählten Versanddienstleister an. Nach der Auswahl einer Filiale oder der Adresseingabe werden Versandkosten und Gesamtsumme automatisch aktualisiert. Nachnahme und Bestätigungs-E-Mails für Kunden und Shop wurden ebenfalls eingerichtet. ### Design und Inhalte für den gesamten Shop Wir gestalteten responsive Layouts mit fließender Typografie und Abständen, einheitlichen SVG-Symbolen, farbigen Texthervorhebungen, dekorativen Formen, Schatten, Hover-Effekten und Lottie-Animationen. Ratgeber, häufige Fragen, Informationsseiten und eine individuelle 404-Seite ergänzen den Katalog. Hinzu kamen Metadaten, kanonische URLs, Angaben für soziale Netzwerke und eine XML-Sitemap. ### Veröffentlichung auf eigener Domain und Automatisierung Wir übertrugen den Shop aus der Arbeitsumgebung auf praktikmarket.bg mit eigener Datenbank, HTTPS-Zertifikaten und Weiterleitungen von den bisherigen Adressen. Importpläne und Hintergrundaufgaben wurden ohne Duplizierung übernommen und tägliche Sicherungen eingerichtet. Geprüft wurden Bestellerfassung, E-Mail-Empfang, Versandtarife und die wichtigsten Seiten bei unterschiedlichen Bildschirmbreiten. 02 / WAS WIR GESCHAFFEN HABEN ## Details machen das Ganze - 01 Individuelle Shop-Oberfläche mit WordPress-/WooCommerce-Verwaltung per API - 02 Täglicher XML-Import von über 13.000 Produkten, Preisen und Beständen - 03 Preisregeln und separate Verwaltung eigener Produkte - 04 Mehrstufige Menüs für Desktop, Smartphone und Tastaturbedienung - 05 Suche nach Name und Code mit Produktvorschlägen - 06 Kontextbezogene Filter, Preisspanne und Raster-/Listenansicht - 07 Größenvarianten mit konkreten Preisen und Eigenschaften - 08 Produktgalerie mit Vergrößerung und Sticky-Verhalten am Desktop - 09 Schnellbestellung per Telefonnummer und direkte Anrufe - 10 Individueller Warenkorb, Bestellabschluss, Registrierung und Kundenkonto - 11 Econt und Speedy: Filialen, Adressen und automatische Versandberechnung - 12 Bestellungen und E-Mail-Bestätigungen mit Anbindung an die Administration - 13 Fließende Typografie, SVG-Symbole, Lottie und sanfte Animationen - 14 Ratgeber, häufige Fragen, Informationsseiten und individuelle 404-Seite - 15 SEO-Metadaten, kanonische URLs und XML-Sitemap - 16 Migration, HTTPS, Weiterleitungen und tägliche Sicherungen UMGESETZTE LÖSUNG Praktik Market erhielt einen Shop, der den umfangreichen automatisch aktualisierten Katalog und die eigenen Produkte in einem System zusammenführt. Kunden können Artikel finden, Varianten auswählen, Versandkosten sehen und bestellen. Das Team verwaltet Inhalte, Kunden und eingehende Bestellungen an einem Ort. ## Haben Sie ein ähnliches Projekt? [Lass uns reden](https://88lab.eu/de/contact/?service=Onlineshops) NÄCHSTES PROJEKT [## American Popcorn](https://88lab.eu/de/klienti/popcornbg-com/)