Innovatives Shopsystem für traditionelles Handwerk
gutgereift
E-Commerce
)
Projektbeschreibung
Der Erhalt kleiner Strukturen auf der Produktionsseite und die Direktvermarktung von gut gereiftem Bregenzerwälder Bergkäse ist der Familie Simma schon seit vielen Jahren ein Anliegen.
Nach 20 Jahren im Bankensektor, hat Melchior Simma Entschluss gefasst, auf neue Pferde zu setzen. Mit einem neuartigen und innovativen Shopsystem erfolgt die Vermarktung online über die Website gutgereift.at. Über die eigens entwickelte Bestellplattform können ganze Familien, Vereine, Firmen und Freundeskreise einfach und schnell Gemeinschaftsbestellungen aufgeben. Durch den Aufbau von Communities auf Kundenebene werden auch hier persönliche Kontakte sichergestellt. Auch Einzelbestellungen sind möglich, sofern die Mindestbestellmenge 8kg beträgt. Der Versand erfolgt über ebenfalls bestehende und bewährte Strukturen. Die Österreichischen Post. Der Hauptabsatzmarkt ist aktuell im Osten Österreichs angesiedelt und wächst stetig.
Gutgereift ist das Unternehmen von Melchior Simma, dass sich darauf spezialisiert, gut gereiften Käse aus dem Bregenzerwald zu vermarkten. Die passiert über ein eigens entwickeltes, innovatives Bestellsystem. DIe Entwicklung und Instanthaltung dieses Systems liegt in unserer Verantwortung.
Umsetzung
Eine der größten Herausforderungen für unser Team war die Konzeptionsphase. Melchior arbeitete schon lange mit seinem Bestellsystem, dessen Abläufe ausgeklügelt aber nicht selten verschachtelt und sehr umfangreich waren. Deshalb wurden mehrere große Flussdiagramme angefertigt, die von der Registrierung von Kunden, über die Bestellabwicklung selbst, bis zur Erstellung von Etiketten alles abdeckten. Nach diesem Schritt folgte die Aufwandsschätzung und Angebotslegung von Zewas.
Das Design für die Website lieferte Sonja Mathees (https://sonzilla.de). Wie schon in der Konzeptphase war auch beim Design das einfache Darstellen der Bestellabwicklung die größte Herausforderung. Ihr Können bewies Sonja schon beim Design der statischen Unterseiten, die sehr gelungen sind. Auch die Bestellseiten wurden zum einen einfach und verständlich und zum anderen auch technisch sinnvoll gestaltet. Durch kurze Kommunikationswege stellte sich die Zusammenarbeit zwischen Melchior, Sonja und unserem Team meist sehr einfach dar und auf Probleme einer Partei konnte schnell reagiert werden.
)
Bei der Umsetzung des Frontends setzte das Projektteam auf unser ReactJS, doch beim CMS (Content Managment System) und dem Shopsystem probierte das Team eine neue Kombination. Das Shopsystem verwendet eine (headless) Wordpressinstanz mit WooCommerce. Mit Wordpress wurde die Verwaltung von Benutzerkonten umgesetzt, die „Erweiterung“ WooCommerce übernahm die Bestell- und Produktverwaltung. Um das Shopsystem auf die Anforderungen zu adaptieren war Handarbeit gefragt. Das Plugin wurde an einigen Stellen umgeschrieben und verbessert. Auf die Standard-REST-Schnittstelle von Wordpress wurde verzichtet und auf eine GraphQL Schnittstelle zurückgegriffen.
Das Frontendteam begann mit der Umsetzung der statischen Seiten (Home, Über Uns, etc.). Durch die Vorarbeit von Melchior und Sonja war dies auch in kurzer Zeit möglich. Das Backendteam startete unterdessen mit der Entwicklung des Shopsystems und der Anbindung der Schnittstelle.
)
Verwendete Technologien
){kind=logo}
Wordpress
)
GraphQL
){kind=icon}
React JS
){kind=logo}
Woocommerce
Bestellsystem
So funktioniert das System
1. Registriere dich bei gutgereift.at.
2. lade FreundInnen, KollegInnen und Familie über gutgereift.at ein, mit dir zu bestellen.
3. Schicke die gesamte Bestellliste an gut gereift im Bregenzerwald ab.
4. Erhalte den bestellten Käse gesammelt in einem Paket. Die einzelnen Käsestücke sind mit Namen beschriftet.
5. Informiere deine FreundInnen und KollegInnen, dass der Käse abholbereit ist oder bring ihn persönlich vorbei.
)
Die Bestellabwicklung wurde Schritt für Schritt abgeschlossen. Zuerst war der Screen für die Benutzerdaten an der Reihe. Dafür wurden zuerst die bereits vorhandenen Benutzerdaten von Wordpress geholt und angezeigt. Bei Änderungen wurden diese Daten wieder an Wordpress gesendet.
)
Bei einer Gruppenbestellung folgt nun die Verwaltung der Bestellgruppen. Auf dieser Seite können verschiedene Gruppen angelegt, verwaltet und eingeladen werden. Das Einladen von Subbestellern ist über zwei Arten möglich. Zum einen können Besteller in der Oberfläche per Mail eingeladen werden, zum anderen kann ein Link generiert werden, der auch auf anderen Wegen versendet werden kann. Bei der ersten Einladung wird eine maximale Bestellzeit angegeben. Diese ist die Zeit, die eingeladene Subbesteller haben, um sich der Bestellung anzuschließen. Bei einem Klick auf „Weiter“ werden wieder alle Daten zwischengespeichert.
)
Die Subbesteller, die per Mail eingeladen wurden, können ganz einfach ihre Produkte hinzufügen und abschließen. Da der Bestellinitiator in den Gruppen bereits Namen angegeben hat, sind keine zusätzlichen Informationen zum Subbesteller notwendig. Bei den Subbestellern, die über den Link eingestiegen sind, ist eine kleine Registrierung nötig, um den Namen speichern zu können. Der restliche Prozess bleibt der Gleiche.
)
Der nächste Schritt ist die Übersichtsseite des Bestellinitiators. Auf dieser Seite kann er seine eigenen Produkte hinzufügen. Zudem ist es auch möglich, händisch einen Subbesteller mit Produkte hinzufügen. Auf der rechten Seite sieht der Bestellinitiatoren all seine Listen mit bereits getätigten Bestellungen von Subbestellern und kann diese verwalten. Mit einem Klick auf „Weiter“ kommt der Subbesteller auf eine Bestellübersichtsseite und kann die Bestellung abschließen.
Bei einer Einzelbestellung wird der Bestellcomunity-Schritt übersprungen. Die Mindestbestellmenge muss trotzdem erfüllt sein.
)
Nachdem die Bestellung implementiert war und funktionierte, kamen weitere Herausforderungen auf uns zu. Zum einen wurde ein eigenes Rechnungslayout erstellt und zum anderen wird dem Bestellinitiator eine Liste mit allen Subbestellern und Listen zum Download zur Verfügung gestellt. Im WooCommerce Dashboard stehen zudem bereits alle Etiketten zur verfügung, die einfach gedruckt werden müssen.
Um das System zu vervollständigen, wurde noch eine Seite für alle vergangenen Bestellungen und eine Profilseite für die Kunden erstellt. Hier wurden externe Service zur Prüfung von Adressen, Postleizahlen und Telefonnummern eingebunden.
)
Services
Unser Service begann in der Konzeption, ging über die Systemarchitektur und endete bei der Auswahl der Technologien. Neben der technischen Umsetzung des Systems lieferten wir auch die Mail und andere relevante Punkte für die Infrastruktur. Abschließend haben wir eine Übergabe mit einer Einführung in das CMS durchgeführt.
Webentwicklung
Umsetzung der Website mittels ReactJS, Wordpress und GraphQL
Shopsystem
Erstellen des Shopsystems.
Systemarchitektur
Aufsetzen der Infrastruktur, Auswahl der Technologien
)
