E-Commerce 28. Dezember 2021

Online-Shop Entwicklung (Workflow)

Seit 2015 entwickeln wir Online-Shops für KMUs und Agenturen. Dabei haben wir stets unseren Workflow an neue Technologien angepasst.

Lesezeit: 3 Minuten

E-Commerce Strategie

Wir analysieren Ihren aktuellen Prozess und helfen Ihnen dabei einen optimalen Workflow für Ihr E-Commerce-Business aufzusetzen. Dabei ist auch die Auswahl eines geeigneten E-Commerce-Systems entscheidend, welches mit Ihren Geschäftsvorhaben skaliert. Wir arbeiten mit einer großen Auswahl von klassischen E-Commerce-Systemen, wie z.B. Shopify und Headless-Commerce-Architekturen.

Der Nutzer spielt bei einer erfolgreichen E-Commerce Strategie natürlich auch eine wichtige Rolle. Mit Hilfe einer User Research können Sie herausfinden, wer Ihre Kunden sind und wie Sie sie am Besten erreichen.

Multichannel und Omnichannel E-Commerce Lösungen helfen dabei, Ihre Zielgruppe über verschiedene Plattformen zu erreichen und eine nahtlose Customer Experience zu erreichen.

UX & UI Design

Natürlich sollten Sie mit Ihrem Online-Shop auch die richtige Zielgruppe erreichen. Dabei dienen die Ergebnisse aus der User Research, die Grundlage für das User Experience (UX) Design. In Workshops erarbeiten wir dann Customer Journeys und die Informations-Architektur für den Online-Shop.

Wireframes dienen als Vorlage für den späteren Design Prozess. Hier kann bereits die Seitenstruktur und Layouts, wie z.B. der Warenkorb und Checkout visualisiert werden. Zudem können die Wireframes in einem Usability Testing auf Benutzerfreundlichkeit geprüft werden.

Im weiteren Schritt wird anhand der Wireframes das UI Design entwickelt. Dabei dienen neben dem Corporate Design, auch die Ergebnisse aus dem User Research als Grundlage. Das Ergebnis ist ein Design Prototype, mit dem auch bereits Animationen visualisiert werden können. Der Design Prototype kann zusätzlich auch nochmal einem Usability Testing unterzogen werden.

Programmierung

In der anschließenden Programmierung wird der Design Prototype mit Code umgesetzt. Je nach E-Commerce-System arbeiten wir dabei mit unterschiedlichen Technologien, wie z.B. JavaScript, React, Liquid oder PHP. Bereit während der Programmierung achten wir auf ein optimale Lesbarkeit des Codes für Suchmaschinen.

Bei der Programmierung ist es uns vor allem wichtig, ein nachhaltiges Ergebnis zu erschaffen, welches auch in Zukunft einfach erweiterbar ist. Zudem setzen wir Pipelines auf, welche das Testing und Deployment des Online-Shops vereinfacht. Dadurch können wir schneller Kundenwünsche umsetzen und garantieren, dass der Online-Shop ohne Ausfälle weiterläuft.

Optimierung & SEO

Nach der Programmierung unterziehen wir den Online-Shop nochmal einem gründlichen Test auf Performance, SEO und Usability. Dazu nutzen wir Tools, wie z.B. Google Lighthouse und Semrush.

Um eine Ladezeit von weniger als einer Sekunde zu erreichen, schauen wir auf eine geringe Anzahl von HTTP-Anfragen, die der Online-Shop benötigt, um z.B. Bilder und Schriften zu laden. Zudem verwenden wir für Bilder das effiziente Grafikformat WebP.

Auf Basis einer Keyword-Analyse optimieren wir den Online-Shop für die entsprechenden Keywords, die von Ihrer Zielgruppe verwendet werden. Bei der On-Page Suchmaschinenoptimierung fügen wir weitere Meta Daten für Google & Co hinzu. Dadurch stellen wir sicher, dass der Online-Shop optimal von Suchmaschinen indexiert wird.