Von einem Katalog zu einer Omnichannel-Plattform:

wie sich der E-Commerce in meinem Familienunternehmen entwickelt hat.

Wir begannen mit einem einfachen Katalog, der auf MODX aufgebaut war, gingen dann zu benutzerdefinierten Versionen in PHP und Python über, migrierten zu Magento und entwickelten schließlich einen skalierbaren Shop auf Bitrix.

Das Ergebnis war ein echtes Omnichannel-System mit CRM- und ERP-Integrationen, Zahlungs- und Logistikanbietern, End-to-End-Analysen und stabiler Datensynchronisation. Auf dem Weg dorthin stellten wir uns konsequent den Herausforderungen in den Bereichen UX, SEO, Marketing und betriebliche Skalierbarkeit, während wir die Back-Office-Prozesse dahinter aufbauten.

V 1.0 CMS MODX (Evo/Revo). 2009-2010

Das Ziel war es, nicht nur einen Katalog zu erstellen, sondern ein schönes und unvergessliches visuelles Erlebnis. Da sich bei unseren Produkten alles um Feiern und Atmosphäre dreht, musste das Design auf den ersten Blick Emotionen wecken.
Wir konzentrierten uns auf zwei Hauptaspekte – emotionale Wirkung und Sichtbarkeit in Suchmaschinen.

Da wir nur ein minimales Budget für Werbung hatten, wurde SEO unser wichtigster Wachstumskanal. Wir entschieden uns für ein leichtgewichtiges, SEO-freundliches CMS – MODX – und erstellten alles von Hand, um den Code so sauber wie möglich zu halten. Die Website wurde mit reinem HTML und CSS erstellt, während jQuery für einen Hauch von Interaktivität sorgte. Zu dieser Zeit war CSS3 gerade aufgetaucht und wir gehörten zu den Ersten, die die neuen Funktionen – abgerundete Bilder, weiche Schatten und fließende Übergänge – einsetzten und der Website damit einen wirklich modernen Look verliehen.

Da MODX kein vollwertiges E-Commerce-CMS war, haben wir das Snippet ShopKeeper verwendet, mit dem die Benutzer direkt auf der Website Bestellungen aufgeben konnten, ohne Online-Zahlungs- oder Lieferoptionen.

Gestaltung / Layout – Ilja Sorokin
Frontend / MODX / SEO – Sergey Martyn

V 2.0 Benutzerdefiniertes PHP / MySQL. 2011-2012

In der zweiten Phase entwickelte sich das Projekt von einem einfachen Katalog zu einem voll funktionsfähigen Online-Shop.
Wir verabschiedeten uns von CMS-Lösungen und bauten das System komplett von Grund auf mit PHP und MySQL auf, was uns volle Freiheit bei der Implementierung von Geschäftslogik und kundenspezifischen Integrationen gab. Ein neuer Spezialist kam zum Team hinzu – ein Server-Side Developer, der für die Serverkonfiguration und die Integration mit Zahlungsanbietern und POS zuständig war.

Zu den wichtigsten Neuerungen gehörten die Einführung der Online-Zahlung, der Abholservice und ein persönliches Konto, in dem die Kunden den Status ihrer Bestellung überprüfen konnten.
Zum ersten Mal haben wir eine Bestandsanzeige in Echtzeit eingeführt – das System synchronisierte die Bestandsdaten zwischen der Website und dem Lager. Eine weitere wichtige Verbesserung war die Integration mit einem maßgeschneiderten POS-System: Wenn ein Produkt in der Filiale verkauft wurde, wurde die Bestandsmenge auf der Website automatisch aktualisiert. Dies gewährleistete eine hohe Datengenauigkeit und half, Bestandsdiskrepanzen zu vermeiden.

Frontend-Entwicklung – Anastasia Grineva
Serverseitige Entwicklung / Integrationen – Alexey Petrischev
Geschäftslogik / UI / SEO – Sergey Martyn

V 3.0 Benutzerdefiniertes Python / Django + MySQL. 2013-2014

In der dritten Phase wurde das Projekt auf Python(Django + MySQL) umgestellt, was dank des Memcached-Cachings zu einer spürbaren Steigerung der Leistung und Stabilität bei Spitzenlasten führte.

Zum ersten Mal haben wir eine Integration mit der SDEK Lieferdienst-API implementiert, die automatische Aktualisierungen des Versandstatus direkt auf der Website ermöglicht. Außerdem haben wir Unisender für automatische Benachrichtigungen und Marketing-E-Mail-Kampagnen eingebunden.

Um das Nutzerverhalten zu verfolgen und die Konversionen zu verbessern, haben wir Google Universal Analytics und Yandex.Metrica eingeführt, mit denen wir den Checkout-Funnel überwachen und die gesamte UX optimieren können.

Wir begannen auch mit der Optimierung für soziale Medien zu experimentieren . Um die Darstellung von Produkten beim Teilen zu verbessern, fügten wir Open Graph-Metadaten hinzu und sorgten so dafür, dass Links auf VKontakte mit den richtigen Titeln, Bildern und Beschreibungen angezeigt wurden.
Wir implementierten auch strukturierte Daten nach Schema.org für Produktseiten, damit Suchmaschinen Rich Snippets mit Preisen und Verfügbarkeit direkt in den Suchergebnissen anzeigen können.

Frontend-Entwicklung – Anastasia Grineva
Backend / Integrationen – Igor Laevsky
SEO / SMO / Marketing / Analytik – Sergey Martyn

V 4.0 Magento. 2014-2016

Der Wechsel zu Magento markierte den Übergang des Projekts zu einer E-Commerce-Plattform im industriellen Maßstab. Das Ziel waren Zuverlässigkeit, vorgefertigte Module und Skalierbarkeit zur Unterstützung einer schnell wachsenden Produktpalette. Der Katalog wurde auf über 5.000 SKUs erweitert, einschließlich Variationen nach Farbe und Größe.

Es wurde eine voll funktionsfähige Verwaltungsschnittstelle eingeführt, die es Content Managern ermöglicht, Produkte, Kategorien und Werbeaktionen unabhängig voneinander zu aktualisieren. Um die Beschaffung und Logistik zu verbessern, implementierten wir einen Connector mit 1C ERP, der die Auftragsabwicklung und die Synchronisierung der Lagerbestände rationalisiert.

Wir begannen auch, mehrere Storefronts(Multistore) für verschiedene Produktlinien und Zielgruppen zu verwenden. Gleichzeitig wurde das Projekt mit mehreren Einzelhandelsgeschäften verknüpft, um die Bestandsdaten standortübergreifend zu vereinheitlichen. Es wurde ein verteiltes Auftragsverwaltungssystem – Distributed Order Management (DOM) – eingeführt: Die Kunden gaben ihre Bestellungen wie gewohnt auf, während die Plattform automatisch die optimalen Geschäfte und Lagerhäuser für die Erfüllung auswählte. Für die Käufer war der Prozess völlig transparent, selbst wenn die Produkte von mehreren Standorten bezogen wurden.

Der Shop erhielt einen erweiterten Checkout mit Coupons, Rabatten und Treuecodes sowie automatisierte, ereignisbasierte E-Mail-Kampagnen, einschließlich Erinnerungen an abgebrochene Warenkörbe.

Zum ersten Mal haben wir ein responsives Design auf der Grundlage von Bootstrap 3 eingeführt, das die separate mobile Version ersetzt – die Website ist nun auf Smartphones, Tablets und Desktops gleichermaßen komfortabel.

Wir haben Enhanced E-Commerce mit Google Analytics verbunden, um Checkout-Funnelund Konversionspfade zu verfolgen, während Yandex.Direct und Yandex.Feed verwendet wurden, um Produkte auf Yandex.Market zu bewerben.

Auf der Infrastrukturebene haben wir Varnish Cache implementiert und das Projekt auf VPS-Hosting migriert, um eine hohe Stabilität und schnelle Ladegeschwindigkeiten bei zunehmender Verkehrslast zu gewährleisten.

Desktop-Wireframes

Mobile Wireframes

Mygento Entwicklung – Danila Tarasov & Mygento.ru
Frontend-Entwicklung – Anastasia Grineva
BPM / Wireframes / Ya.Direct / Google Ads – Ich

V 5.0 Bitrix CMS + CRM. 2016-2022

Nach Magento gingen wir zu einem einheitlichen Ökosystem über, das auf 1C-Bitrix: Site Management und Bitrix24 CRM, um einen durchgängigen Prozess vom Prototyp bis zum Verkauf zu schaffen .
Alle Schnittstellen und UX-Flows durchliefen ein vollständiges Prototyping – beginnend mit schnellen Wireframes in Balsamiq und weiterentwickelt zu interaktiven Layouts und einem Designsystem in Figma. Jeder Bildschirm wurde mit User Stories dokumentiert und durch Usability-Sitzungen und Heatmap-Analysen in Yandex.Metrica getestet.

Wir erstellten ein zentrales Kundenprofil – Leads von der Website, Formulare, Anrufe und Chats wurden automatisch in Bitrix24 CRM erfasst. Wir verknüpften Telefonie(SIP/ACall Trackingg), Messenger(WhatsApp, Telegram, VK), E-Mail und Chat-Widgets – alle Kommunikationen wurden mit entsprechenden Geschäften und Aufgaben verknüpft. Innerhalb von CRM automatisierten wir Workflows mit Robotern und Geschäftsprozessen: Aufgabenerstellung, SLA-Erinnerungen, Antwortvorlagen, Segmentierung und auslöserbasierte Marketingkampagnen (abgebrochene Warenkörbe, Upsells, Wiederholungskäufe).

Auf der Back-Office-Seite richteten wir eine Zwei-Wege-Integration mit 1C ein, um Produkte, Preise, Bestände, Bestellungen, Status und Retouren sowohl planmäßig als auch in Echtzeit zu synchronisieren. Wir fügten auch eine Integration mit einem Videoüberwachungssystem hinzu, das den exakten Moment des Verpackens der Bestellung aufzeichnete – das Filmmaterial wurde automatisch an die CRM-Karte des Kunden angehängt, was die Transparenz erhöhte.

Die Logistik entwickelte sich zu einem Modell der verteilten Auftragsverwaltung: Bestellungen wurden von mehreren Lagern und Einzelhandelsgeschäften aus erfüllt, während sie für den Kunden völlig transparent blieben – Lieferung, Abholung und Click-and-Collect funktionierten alle als ein einziges, nahtloses System. Während der Schließungszeiten führten wir die kontaktlose Lieferung ein und verwalteten Zeitfenster für die Abholung.

Die Leistung des Frontends wurde durch Redis-Caching und Bitrix Composite-Updates optimiert, wobei nur die Produktverfügbarkeit dynamisch aktualisiert wurde, wenn sich der Bestand im Lager änderte. Das Marketing wurde durch Enhanced E-Commerce in Google Analytics und CRM-Daten gesteuert – Aufbau von Checkout-Funnel, Segmentierung von Zielgruppen und Start von saisonalen Kampagnen und RFM-basierter Kommunikation.

Das Ergebnis war, dass Online- und Offline-Kanäle Teil einer einzigen, zusammenhängenden Plattform wurden – mit klaren Prozessen, zuverlässigen Abläufen und einem vollständig messbaren, datengesteuerten Verkaufstrichter.

Gestaltung – Anastasia Stieb
Frontend-Entwicklung – Anastasia Grineva, Me
Bitrix Entwicklung – Alexandr Zinoviev
Bitrix & 1C Konfiguration / Strategie / Prozesse – Sergey Martyn