Orderstep

Herausforderung

Orderstep ist ein schnell wachsendes Startup mit einem kleinen Inhouse-Team. Da es ursprünglich selbst finanziert wurde, musste das Unternehmen seine begrenzten Ressourcen weise einsetzen. Gleichzeitig kann die schnelle Implementierung neuer Funktionen für den Erfolg eines Startups entscheidend sein. Um im Zeitplan zu bleiben und den Druck auf das interne Team zu verringern, wandte sich Orderstep an Redwerk.

Sie wollten das Orderstep-Kundenportal um persönliche Webshops erweitern, damit ihre Kunden nicht nur das Angebotsmanagement und den Kundenfluss an jedem Kontaktpunkt verbessern, sondern auch ihre Produkte auf derselben Plattform verkaufen können.

Orderstep bat das Redwerk-Team, den Frontend-Teil der Webshop-Funktionalität zu entwickeln. Hier sind einige der Anforderungen, die wir erfüllen sollten:

• Framework-freie Lösung. Das Webshop-Backend war bereits fertiggestellt, daher würde die Verwendung eines Frameworks umfangreiche Anpassungen erfordern, um es mit dem Frontend kompatibel zu machen. Deshalb wurden wir gebeten, die Benutzeroberfläche ohne die Verwendung von Frameworks zu erstellen.
• Flexibilität. Redwerk ist bekannt für seine Flexibilität in Bezug auf Kommunikation und Werkzeuge, die unsere Kunden bevorzugt nutzen. Dieses Mal mussten wir sicherstellen, dass unser Kunde direkt mit unseren Entwicklern kommunizieren konnte, da er selbst Softwareingenieur ist.
• Dokumentation. Wir sollten auch die Anforderungsspezifikationen analysieren, Lücken identifizieren und diese entweder durch Einbindung des Orderstep-Teams oder durch Nutzung unserer langjährigen E-Commerce-Expertise eigenständig lösen.
• Termingerechte Lieferung.Zu guter Letzt mussten wir die endgültige Lösung gemäß der zuvor für Orderstep erstellten Projektabschätzung liefern.

Lösung

Single-Page-Applications (SPA) haben ihre Effektivität bewiesen, um nahtlose Benutzererfahrungen zu schaffen. Anstatt bei jeder Interaktion mit dem Benutzer neue Seiten zu laden, lädt eine SPA nur ein einziges Webdokument. Es schreibt die aktuelle Webseite dynamisch neu und holt nur die Daten, die der Benutzer benötigt.

React ist ein bevorzugtes Framework zum Erstellen einer SPA. Da wir jedoch aufgrund der Backend-Besonderheiten keine Frameworks verwenden konnten, wollten wir dennoch, dass der Webshop einige der SPA-Vorteile hat. Deshalb haben wir vorgeschlagen, React für interaktive Teile des Online-Shops zu verwenden, während statische Seiten frameworklos blieben.

Für die zweite Anforderung haben unsere Entwickler ein hohes Englisch-Sprachniveau, was die direkte Kommunikation zwischen den Redwerk- und Orderstep-Entwicklern barrierefrei machte.

Die Figma-Designs, die wir erhielten, enthielten nicht alle Elementzustände, daher haben wir vor der Implementierung dieser Zustände die Entscheidungsträger von Orderstep einbezogen und ihnen Optionen angeboten, die den neuesten Industriestandards entsprechen.

Die von uns entwickelte Benutzeroberfläche umfasst eine Produktgalerie, eine detaillierte Produktseite, Felder zur Anpassung der Farbe, Anzahl und anderer Merkmale des Artikels vor dem Hinzufügen zum Warenkorb, den Warenkorb selbst und den Checkout.