Erfolgreiche Projekte in Web- und App Entwicklung, Onlineshop Erstellung und Softwareentwicklung. Über 20 Jahre Erfahrung von Suther Kommunikationsdesign.

Referenzen - Web & App Projekte Mönchengladbach | Suther Kommunikationsdesign

Auszüge aus unserer Tätigkeit...

Referenzen


In Zusammenarbeit mit der UIM – Universal Interface Management GmbH haben wir – für einen großen Automobilkonzern – ein globales Reifen-Portal entwickelt, das den hohen Anforderungen des internationalen E-Commerce gerecht wird.

### Projekt-Charakteristika

| Projekt:            | Globales Reifen-Portal für KFZ Werkstätten / Reifen Händler                                                                                                                                                                                                                                                                                                                                                                                                                                       |
|---------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| **Auftraggeber**    | [UIM – Universal Interface Management GmbH](https://uimservice.com/)                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Projekt Zeitraum** | 09/2021 - fortlaufend                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **Projekt-Größe** | weltweiter Einsatz<br/>> 8 Mio. Umsatz p.a. in den ersten beiden Jahren, (Tendenz *stark steigend*)                                                                                                                                                                                                                                                                                                                                                                                               |
| **Herausforderungen** | <ol><li>sportliche Deadline, schnelle Markteinführung</li><li>Aufbau der gesamten technischen Infrastruktur (Cloud-Server, Entwicklungsumgebung, Deployment, Testing)</li><li>Technische Komplexität: Modular, API-basiert, automatisierte EDI-Anbindung, Mehrsprachigkeit, hochgradige Automatisierung im Deployment</li><li>Qualitätsstandards: Hohe Performance & Stabilität, Mobile-Friendly, Anwenderfreundlichkeit (UX) </li><li>Erweiterbarkeit, Anbindung von Drittanbieter-Services</li></ol> |
| **Technologien**    | React, NodeJS, Material-UI, Bash-Scripting, MongoDB, NGINX, git (Versionskontrolle), GitLab CI/CD, GitLab Deployment, Cloud-Server                                                                                                                                                                                                                                                                                                                                                               |


### Projektbeschreibung
Das Herzstück des Portals ist ein hoch performanter Onlineshop, der von uns – speziell für diesen Kunden – entwickelt und ideal auf die Bedürfnisse der KFZ-Werkstätten und Reifenhändler zugeschnitten wurde.
Da der Automobilkonzern eine globale Nutzung plant, wurden sowohl die landesspezifischen Besonderheiten im E-Commerce als auch die Mehrsprachigkeit berücksichtigt. 
Die von uns verwendete PWA (Progressive Web-App) Technologie ermöglicht es zudem, den Onlineshop auch auf mobilen Endgeräten optimal zu nutzen und sogar als Web-App zu installieren.


#### Schnelle Markteinführung und hohe Performance
Die Entwicklung des Onlineshops erfolgte in einem **agilen Verfahren**, um eine schnelle Markteinführung zu gewährleisten. Trotz der sportlichen Deadline von nur 3 Monaten konnte die erste Version des Portals pünktlich zum Go-live bereitgestellt werden.
Der Onlineshop überzeugt durch herausragende Performance und Stabilität. Modernste Technologien und bewährte Best Practices garantieren ein reibungsloses Nutzererlebnis.   
**Der Erfolg bestätigt unsere Arbeit:**    
Bereits in den ersten beiden Jahren nach dem Go-Live wurden **über 8 Millionen EUR** Umsatz erzielt – und dies, obwohl erst wenige Länder freigeschaltet waren.

#### Modulare Architektur und API-basierte Schnittstellen  
Der Onlineshop wurde modular entwickelt und verfügt über API-basierte Schnittstellen. Dies ermöglicht eine einfache Wartung, flexible Erweiterbarkeit und die Anbindung von Drittanbieter-Software (z.B. Warenwirtschaftssysteme, Buchhaltungssoftware, etc.).
Die automatische Anbindung an die Reifenhersteller (u.a. Continental, Michelin, Nokian, Pirelli) via [EDI-Schnittstelle *](#uiae) ermöglicht eine effiziente und fehlerfreie Datenübertragung.


#### Automatisierung und Qualitätssicherung
Beim Aufbau der Entwicklungsumgebung und Server-Infrastruktur haben wir besonderes Augenmerk auf einen hohen Grad an Automatisierung gelegt. 
Durch den Einsatz von automatisierten Deployments (Gitlab CI/CD) können neue Features unabhängig vom Produktivbetrieb getestet und nach Freigabe schnell und sicher in den produktiven Betrieb überführt werden.
Umfassende Tests (Unit-Tests, Integrationstests, Functional Tests) sorgen für ein reibungsloses Deployment und stabile Releases.

<br/><br/><br/>

<div id="uiae">
\* **Was ist EDI?**  
Electronic Data Interchange (EDI) dient dem Austausch von strukturierten Daten zwischen Computersystemen verschiedener Unternehmen. Ziel ist es dabei, die Datenübertragung zwischen den Unternehmen zu automatisieren und zu standardisieren.
Durch die Standardisierung der Datenübertragung können die Daten ohne manuelle Bearbeitung direkt in die IT-Systeme der Unternehmen übernommen werden. Dies minimiert den Aufwand und die Fehleranfälligkeit bei der Datenübertragung.

*<a href="https://www.ibm.com/topics/edi" target="_blank" rel="noopener noreferrer" title="Link zu externer Seite">Weiterführende Informationen zu EDI (auf IBM.COM)</a>*
</div>


Komplettes Projekt, inkl. Aufbau der Entwicklungsumgebung (Server, Deployment). React-basierte PWA WebApp für globalen Reifenhandel: modulare Architektur (API-Basis) und mehrsprachig, direkte EDI-Anbindung an Lieferanten (Continental, Michelin etc.)..

Globales Reifen-Portal für KFZ-Werkstätten und Reifenhändler


Im Auftrag von Synostik GmbH wurde ein WordPress / WooCommerce-Plugin zur Zahlungsabwicklung via Volkswagen Financial Services (nachfolgend "VWfs Pay") erstellt.  

#### Projekt Charakteristika
- **Plugin-Name:** WooCommerce VW-SmartPay Gateway
- WordPress / WooCommerce Plugin
- Schnittstellen Programmierung (API Programmierung)
- Anbindung von Zahlungsdienstleister (Volkswagen Financial Services)

---

#### Features
- Nahtlose Integration via WooCommerce Settings
- frei definierbarer Referenz-Text, der den Rechnungen hinzugefügt wird
- Nachvollziehbarkeit von Zahlungen über Referenznummern (VW Pay Zahlungs-ID), die bei der Bestellung in der WooCommerce-Bestellung als Kommentar hinterlegt werden
- Test-Modus für risikofreies Setup (getrennt in Sandbox / Live-Umgebung)
- Debug-Logs zwecks Fehleranalyse
- sehr einfaches Setup über Eingabe von 2 API-Keys

#### Details zum Projekt
Das WooCommerce-Plugin wurde so programmiert, dass es – via WordPress Plugin Manager – mit einem Klick installiert und deinstalliert werden kann. 
Einmal installiert, erscheint im WooCommerce-Einstellungsmenü (Settings) unter dem Tab "Payment" Volkswagen Financial Services als Zahlungsmethode. 
 
Es können 2 Merchant-Keys eingegeben werden: Sandbox (zum Testen) und Live (für den produktiven Betrieb). 
Über eine Checkbox kann zwischen Test- und Live-Betrieb umgeschaltet werden. 
Zudem besteht die Möglichkeit, einen Debug-Log zu aktivieren, um eine erweiterte Fehleranalyse zu ermöglichen.


#### Bilder
Plugin Installer: 
![Plugin Installer](/images/references/wordpress_vwfs-pay-schnittstelle_01.jpg "Plugin Installer")

WooCommerce Einstellungen: 
![WooCommerce Einstellungen](/images/references/wordpress_vwfs-pay-schnittstelle_02.jpg "WooCommerce Settings")

Payment Referenz in der Bestellung: 
![Zahlungsreferenz](/images/references/wordpress_vwfs-pay-schnittstelle_03.jpg "Payment Referenz in der Bestellung")

---



Wordpress / WooCommerce Plugin zur Anbindung an den Zahlungsdienstleister VW Financial Services (VWf)

Volkswagen Financial Services - WooCommerce Plugin


JUST-SELL.online ist eine SaaS-Plattform, die es Nutzern ohne technische Vorkenntnisse ermöglicht, einen eigenen Onlineshop zu erstellen und zu betreiben. 
Die Software ist wartungsfrei und wird ständig weiterentwickelt. Updates und Wartung sind für den Kunden kostenlos.

Bei Fragen oder Problemen steht ein Support-Team bereit, um die optimale Lösung für Ihre Anfrage zu finden.

Unser Shopsystem ist modular aufgebaut und bietet eine umfangreiche API. So lässt es sich einfach in Ihre bestehende Softwarelandschaft integrieren und an Dritt-Anbieter-Software anbinden.

##### Projekt-Charakteristika

- Marktanalyse und Konzeption
- Aufbau der Server-Infrastruktur, Entwicklungsumgebung und Deployment-Strategie
- Aufbau von Frontend bis Backend auf Basis einer selbst entwickelten Boilerplate
- Entwicklung einer API zur Anbindung von Drittanbieter-Software


##### Features
- widget-basiertes Shopsystem mit modularer Architektur
- Schnittstellen-Anbindung von Payment-Providern (Stripe, PayPal, etc.)
- Shopsystem als Web-App (PWA) für mobile Endgeräte (offline-fähig)
- hochperformante und stabile Software-Architektur
- UX-optimiertes Frontend für intuitive Bedienung
- individuelle Anpassung des Designs über Template-Designer (Farben, Schriften, etc.)
- Facebook & Instagram Shop Integration
- KI-Unterstützung bei Produkterstellung und Bildbearbeitung




Online Service zur Bereitstellung von KI-Basierten, wartungsfreien, einfach zu bedienenden Onlineshops

Referenzen

Globales Reifen-Portal für KFZ-Werkstätten und Reifenhändler

Volkswagen Financial Services - WooCommerce Plugin

JUST-SELL.online - SaaS Plattform