Wir sind drei Studierende der Fachhochschule Wedel, die im Rahmen des Moduls „Online-Plattform: Konzeption und Aufbau“ einen eigenen Online-Shop entwickelt haben. Der Aufbau eines Onlineshops war für uns eine spannende Herausforderung, bei der wir die im Studium erlernten E-Commerce-Kenntnisse praktisch anwenden konnten. Unser innovativer Shop, ‚DriveFrame‘, bietet personalisierbare Poster für Autoliebhaber. In diesem Blogbeitrag möchten wir Ihnen den Aufbau unseres Onlineshops detailliert vorstellen und erklären, warum wir welche Vorgehensweisen gewählt haben.
![DriveFrame Startseite mit personalisierbaren Wandpostern für Auto-Enthusiasten. Rabattaktionen und einfache Navigation zur Produktauswahl.](https://www.webspotting.de/wp-content/uploads/2025/01/Startseite-1-1102x315.jpeg)
Kurzvorstellung des Projekts
DriveFrame bietet personalisierbare Wandkunst für Automobilfans und Auto-Enthusiasten. Während viele Anbieter Wandkunst vertreiben, liegt unser Alleinstellungsmerkmal in der Möglichkeit zur individuellen Gestaltung.
Kunden können mithilfe vorgefertigter Vorlagen ihre eigenen Designs anpassen. Dies erleichtert den kreativen Prozess für den Kunden erheblich und bietet auch Laien die Möglichkeit, ihre eigenen, einzigartigen Wandkunstwerke zu gestalten.
Ziel des Projekts
Nachdem wir uns für eine Branche und Geschäftsidee entschieden hatten, haben wir uns zunächst intensiv damit auseinandergesetzt, was für unsere potenziellen Kunden wirklich wichtig ist und wer genau unsere Zielgruppe darstellt. Zunächst haben wir die Erwartungen genereller Online-Kunden analysiert und wichtige Ziele für unseren Shop definiert. Kunden erwarten qualitativ hochwertige Produkte, schnellen Versand, einen reibungslosen und intuitiven Bestellprozess sowie eine übersichtliche Gestaltung der Website. Dazu zählen eine klare Navigation, eine breite Palette an Zahlungsmöglichkeiten und die Sicherheit der Website, beispielsweise durch SSL-Verschlüsselung.
Außerdem haben wir großen Wert auf Transparenz gelegt, indem wir ausführliche Informationen zu Versand, Retouren und weiteren relevanten Themen bereitstellen. Elemente wie ein vollständiges Impressum, eine einheitliche und professionelle Kommunikation über personalisierte E-Mails sowie ein verlässlicher Kundensupport unterstreichen die Seriosität des Shops.
Unser wichtigstes Ziel war es, die Benutzerfreundlichkeit der Personalisierungsfunktion zu gewährleisten. So wollten wir den Kunden ermöglichen, Änderungen in Echtzeit zu sehen. Dies sollte die Produktauswahl erleichtern und verhindern, dass die Kunden im Dunkeln tappen, wie ihr finales Produkt aussehen wird.
Mit diesen Überlegungen haben wir die Grundlagen geschaffen, um die Erwartungen unserer Zielgruppe zu erfüllen und ein stimmiges Gesamtkonzept für unseren Online-Shop zu entwickeln. Wir hielten also fest, zu unseren zentralen Aufgaben gehörten:
- Projektmanagement: Die Erstellung eines klaren Projektplans mit Meilensteinen, um die Zusammenarbeit im Team effizient zu gestalten.
- Auswahl eines geeigneten Shop-Systems: Shopify erwies sich als ideale Wahl für die Umsetzung.
- Entwicklung eines ansprechenden Designs: Die Benutzeroberfläche wurde so gestaltet, dass sie sowohl visuell ansprechend als auch intuitiv ist.
- Integration von Personalisierungsfunktionen: Kunden sollten in der Lage sein, ihre Designs live zu erstellen und anzupassen.
- Druck- und Versandprozesse: Auswahl eines zuverlässigen Partners für die Produktion und Lieferung der Produkte.
Technische Umsetzung
Umsetzung des Projektmanagements
Um eine klare Strukturierung und effiziente Arbeitsweise zu gewährleisten, haben wir uns für die Nutzung von JIRA entschieden. Über diese Plattform wurden den einzelnen Gruppenmitgliedern spezifische Aufgaben zugeteilt, die nach ihrer Wichtigkeit priorisiert wurden. Dabei konnten wir zwischen unterschiedlichen Prioritätsstufen wie niedrig und hoch wählen, um sicherzustellen, dass die wichtigsten Aufgaben zeitnah bearbeitet wurden. Diese Methode half uns während des Aufbau des Onlineshops, den Überblick über den Projektfortschritt zu behalten und die Zusammenarbeit innerhalb des Teams zu optimieren.
Auswahl des Shop-Systems
![Shopify App Store: Übersicht der besten Apps für Online-Shops, darunter Tools für Versand, Buchhaltung, Produktbewertungen und Upsells.](https://www.webspotting.de/wp-content/uploads/2025/01/Bild4-1102x619.png)
Als zweiten Schritt mussten wir ein geeignetes Shop-System für den Aufbau des Onlineshops auswählen. Dafür haben wir mehrere Plattformen miteinander verglichen, darunter Shopify, WooCommerce, Magento und Shopware. Die Entscheidung fiel letztendlich auf Shopify, da es unsere Anforderungen ideal erfüllte:
- Benutzerfreundlichkeit: Shopify bietet eine intuitive Oberfläche, die auch ohne tiefgehende Programmierkenntnisse leicht zu bedienen ist.
- Skalierbarkeit: Die Plattform ermöglicht eine einfache Erweiterung, um zukünftige Funktionen und Produkte zu integrieren.
- Integration von Drittanbieter-Tools: Mit zahlreichen verfügbaren Plugins ließen sich Funktionen wie Personalisierung, Zahlungsabwicklung und Versand nahtlos implementieren.
- Transparente Kostenstruktur: Trotz zusätzlicher Kosten für Plugins und Domains bietet Shopify eine übersichtliche Preisstruktur.
Auswahl der Domain
Nach der Wahl des Shop-Systems widmeten wir uns der Auswahl der Domain. Hier entschieden wir uns bewusst gegen die von Shopify angebotene Option, die mit 14 Euro pro Jahr vergleichsweise teuer war. Stattdessen wählten wir eine kostengünstigere Alternative von IONOS, die uns im ersten Jahr lediglich einen Euro kostete. Zusätzlich erhielten wir eine personalisierte E-Mail-Adresse mit der Endung @driveframe.de, die wir für unseren Schriftverkehr mit Kunden und Anbietern nutzen. Diese Lösung ermöglichte uns eine einheitliche, professionelle Kommunikation und gleichzeitig eine erhebliche Kosteneinsparung.
Entwicklung eines ansprechenden Designs
Für unseren Shop haben wir uns für das Shopify-Theme „Theme Dawn“ entschieden, da es sowohl flexibel als auch ansprechend gestaltet ist. Bei der Farbauswahl haben wir uns für eine Kombination aus Orange, Schwarz, Weiß und Hellgrau entschieden, die in unseren Augen besonders modern wirkt. Diese Farbkombination bildet die Grundlage unseres gesamten Brandings und sorgt für einen einheitlichen Wiedererkennungswert.
Auch bei der Gestaltung des Logos und der E-Mails, wie der Versand- und Bestellbestätigung, haben wir dieses Farbkonzept berücksichtigt, um einen einheitlichen und professionellen Auftritt zu gewährleisten.
Integration der Personalisierungsfunktion
Ein klarer Fokus unseres Projekts lag auf der Integration einer benutzerfreundlichen Personalisierungsfunktion, die es unseren Kunden ermöglicht, ihre Designs live anzupassen und das finale Produkt vor der Bestellung genau zu sehen. Für die Umsetzung entschieden wir uns für die Zusammenarbeit mit Gelato, einem erfahrenen Partner für Druck- und Versandprozesse.
![DriveFrame Produktseite für personalisierbare Autoquartett-Poster mit Fahrzeugdetails wie Motorisierung, Baujahr und Höchstgeschwindigkeit. Anpassbares Design mit individueller Bild-Upload-Funktion.](https://www.webspotting.de/wp-content/uploads/2025/01/Bild3-1102x620.png)
Die Entscheidung für Gelato fiel aus mehreren Gründen:
- Personalisierungstools: Gelato bietet eine benutzerfreundliche App, mit der sich Produkte mit Personalisierungsmöglichkeiten einfach integrieren lassen.
- Hochwertige Druckqualität: Die Qualität der Drucke entspricht den Ansprüchen unserer Zielgruppe und bietet eine professionelle Darstellung der Designs.
- Nahtlose Integration mit Shopify: Die Anbindung von Gelato an unser Shop-System war unkompliziert und hat unseren Arbeitsaufwand erheblich reduziert.
- Effiziente Logistik: Gelato übernimmt den Versandprozess vollständig und ermöglicht schnelle Lieferzeiten, was für uns und unsere Kunden ein entscheidender Vorteil ist.
Erläuterung der Personalisierungsfunktion
Die Integration der Personalisierungsfunktion erfolgte über die App von Gelato. Diese ermöglicht es, auf der Gelato-Plattform Produkte mit verschiedenen Layern zu erstellen, von denen einzelne Layer personalisierbar sind. Die Flexibilität dieser Funktion bietet den Kunden eine Vielzahl an Anpassungsmöglichkeiten, wie etwa die Wahl von Farben, Texten oder Motiven.
![Personalisierungstool DriveFrame](https://www.webspotting.de/wp-content/uploads/2025/01/Bild5-1102x620.png)
Nach der Erstellung der personalisierbaren Produkte auf Gelato wurden diese in unser Shopify-System hochgeladen. Für die Kunden wird die Personalisierung intuitiv gestaltet:
- Sie können die Änderungen live auf dem Produktvorschau-Bild sehen.
- Das personalisierte Design wird nahtlos in den Warenkorb übertragen, sodass der Kunde auch dort eine realistische Darstellung seines individuellen Produkts vorfindet.
Durch diese Funktion schaffen wir eine interaktive und transparente Einkaufserfahrung, die Wahrscheinlichkeit von Fehlbestellungen reduziert.
Zahlungsabwicklung
Um die Zahlungsabwicklung effizient und benutzerfreundlich zu gestalten, entschieden wir uns für Shopify Payments. Diese Lösung ermöglicht eine einfache Integration und bündelt alle gängigen Zahlungsmethoden wie Kreditkarten und Sofortüberweisung. Zwar sind die Gebühren bei Shopify Payments etwas höher als bei der individuellen Einbindung jeder Zahlungsmethode, doch der damit verbundene reduzierte Verwaltungsaufwand war für uns ein entscheidender Vorteil.
Ein weiteres Highlight von Shopify Payments ist die automatische Integration der Markenlogos der angebotenen Zahlungsmethoden im Footer unserer Website. Diese Logos können einfach per Häkchen aktiviert werden, wodurch ein zeitaufwändiges Recherchieren und manuelles Einfügen von Bilddateien entfällt. PayPal, eine für unsere Zielgruppe wichtige Zahlungsmethode, wurde separat hinzugefügt, da es nicht standardmäßig in Shopify Payments enthalten ist.
Weitere verwendete Plugins und Apps
Zusätzlich haben wir folgende Apps verwendet, um den Funktionsumfang und die Benutzerfreundlichkeit unseres Online-Shops zu erweitern:
- Izy Free Shipping Progress Bar: Eine Fortschrittsleiste, die den Kunden anzeigt, wie nah sie an kostenlosem Versand sind.
- IT-Recht AGB: Zur rechtssicheren Darstellung von AGB und Datenschutzrichtlinien.
- Vify Order Printer: Zur einfachen Erstellung und Verwaltung von Rechnungen.
- Powerful Form Builder: Zum Erstellen von benutzerdefinierten Formularen, z. B. für Rückgabeanfragen.
- Klaviyo: Email Marketing & SMS: Für gezielte Marketingkampagnen per E-Mail und SMS.
- GDPR Legal Cookie: Zur Einhaltung der DSGVO durch Cookie-Banner.
- Tidio: Live Chat & Chatbots: Für eine direkte Kommunikation mit Kunden.
- Booster: Page Speed Optimizer: Zur Verbesserung der Ladezeiten und Performance der Website.
Durchführung der Geschäftsprozesse
Erstellung der personalisierbaren Designs
Um die personalisierbaren Produktdesigns für unseren Shop zu erstellen, haben wir mit Designern auf der Plattform Fiverr zusammengearbeitet. Dabei gaben wir den Designern klare Anweisungen, wie die Designs aussehen sollten und welche Elemente personalisierbar sein sollten. Für die Zusammenarbeit wählten wir Pakete aus, die uns zusätzlich die Rohdateien zur Verfügung stellten. Diese Rohdateien zerlegten wir anschließend in Einzelteile und integrierten sie in die bereits erwähnten Layer von Gelato, um die Personalisierungsfunktionen nahtlos zu ermöglichen.
Produktpalette
Letztendlich haben wir uns für eine vielseitige Produktpalette entschieden, die sowohl klassischen als auch modernen Ansprüchen gerecht wird. Unsere Designs umfassen eine breite Auswahl an Motiven, die von minimalistischen Darstellungen bis hin zu detailreichen Automobilgrafiken reichen. Um den unterschiedlichen Geschmäckern und Einrichtungsstilen unserer Kunden gerecht zu werden, bieten wir diese Designs auf verschiedenen Materialien an.
Zu den verfügbaren Materialien gehören klassische matte Papierposter, die optional auch mit hochwertigen Metallrahmen erhältlich sind, sowie Premiummaterialien wie Aluminium, gebürstetes Aluminium, Holz und Acrylglas. Besonders die Premiummaterialien zeichnen sich durch ihre Langlebigkeit, moderne Optik und besondere Farbbrillanz aus. Darüber hinaus ermöglichen wir den Druck auf leichte und stabile Forexdruckplatten, die eine vielseitige und kosteneffiziente Option darstellen.
![](https://www.webspotting.de/wp-content/uploads/2025/01/Bild2-2-1102x619.png)
Neben der Auswahl an Materialien zeichnet sich unser Shop durch einzigartige und innovative Designs aus, die speziell auf Autofans und ihre Interessen zugeschnitten sind. Hier einige unserer beliebtesten Designs:
- AutoQuartett: Ähnlich einer Quartettkarte können Nutzer ein Bild ihres Autos hochladen und technische Daten wie PS, Laufleistung oder andere Fahrzeugwerte einfügen. Dieses Design ist ideal für Sammler und Autoliebhaber.
- Zeitungsartikel: Eine witzige Darstellung, die einen personalisierten Artikel simuliert, in dem der Nutzer beispielsweise als „Flüchtiger vor der Polizei“ beschrieben wird. Hier kann ein Bild sowie individuelle Details eingefügt werden.
- Grüne Hölle: Ein Streckenverlauf des Nürburgrings, der durch seinen Spitznamen „Grüne Hölle“ bekannt ist. Dieses Design bietet Autofans, die die Strecke selbst gefahren sind, die Möglichkeit, ihre beste Rundenzeit oder andere Informationen einzutragen.
- Kennzeichen: Ein personalisierbares deutsches Nummernschild, das sich hervorragend als dekoratives Element oder als Geschenk eignet.
Diese Vielfalt an Designs ermöglicht es uns, eine breite Zielgruppe anzusprechen – von passionierten Autofans bis hin zu Gelegenheitskunden, die etwas Einzigartiges suchen. Jedes Design wurde sorgfältig entwickelt, um sowohl ästhetisch ansprechend als auch individuell anpassbar zu sein. So stellen wir sicher, dass jeder Kunde ein Produkt findet, das seinen persönlichen Geschmack und Stil widerspiegelt.
Bestellprozess
Der Bestellprozess ist klar strukturiert, wobei einige Schritte manuell verwaltet werden. Sobald ein Kunde die Website besucht und eine Bestellung aufgibt, wird diese direkt an unseren Partner Gelato weitergeleitet. Gelato übernimmt den Druck und die Organisation des Versands. Nach Abschluss des Drucks stellt uns Gelato eine Sendungsverfolgungsnummer zur Verfügung. Diese Nummer fügen wir manuell in die Shopify-Bestellung ein, sodass der Kunde über Shopify eine Sendungsverfolgungs-Mail erhält. Für die Kommunikation verwenden wir eine personalisierte E-Mail-Adresse (info@driveframe.de), die wir bei Shopify integriert haben. Dadurch erhalten Kunden eine professionelle Benachrichtigung und nicht eine zufallsgenerierte Shopify-E-Mail.
Zusätzlich wird die Sendungsverfolgungsnummer auch bei PayPal hinterlegt, um potenzielle Probleme mit dem Käuferschutz zu vermeiden und eine reibungslose Abwicklung sicherzustellen.
Retourenmanagment
Da es sich bei unseren Produkten um personalisierte Güter handelt, sind diese von der Verpflichtung zur Rücknahme ausgeschlossen. Dies kommunizieren wir transparent auf unserer speziellen Seite „Rückgabe & Reklamationen“. Dennoch nehmen wir Produkte mit Mängeln zurück, um die Zufriedenheit unserer Kunden sicherzustellen.
Für Mängelmeldungen bieten wir zwei Kontaktmöglichkeiten an: Kunden können entweder ein allgemeines Kontaktformular nutzen, das im Footer unserer Website verlinkt ist, oder über die Seite „Rückgabe & Reklamationen“ ein spezielles Formular ausfüllen. Hierbei geben sie Details zum Schaden oder Qualitätsmangel an und hinterlegen verpflichtend ihre Telefonnummer sowie E-Mail-Adresse. Diese Angaben werden direkt an unsere Geschäfts-E-Mail-Adresse weitergeleitet, sodass wir das Anliegen effizient bearbeiten und den Kunden direkt kontaktieren können.
![](https://www.webspotting.de/wp-content/uploads/2025/01/Maengelmeldung-1102x844.png)
Die Schadensmeldung leiten wir anschließend an Gelato weiter. Innerhalb von 30 Tagen nach der Zustellung des Produkts können wir eine Schadensmeldung bei Gelato einreichen. Basierend auf deren Prüfung bieten wir dem Kunden entweder eine Erstattung oder ein Ersatzprodukt an, das zügig zugestellt wird. Dieses strukturierte Vorgehen gewährleistet einen reibungslosen und kundenfreundlichen Ablauf im Umgang mit Reklamationen.
Testbestellung
Um den Bestellprozess sowie die Qualität und den Versand unserer Produkte zu testen, haben wir eine Testbestellung in unserem Shop aufgegeben. Diese wurde an eines unserer Gruppenmitglieder geliefert. Während des Tests stellten wir fest, dass das Produkt einen kleinen Schaden aufwies. Dies gab uns die Gelegenheit, das Verfahren für Schadensmeldungen direkt auszuprobieren.
Innerhalb der vorgegebenen Frist von 30 Tagen konnten wir den Schaden reklamieren und erhielten die Wahl, entweder ein Ersatzprodukt zu erhalten oder eine Rückerstattung vorzunehmen. Dieser Test war für uns hilfreich, um sicherzustellen, dass unsere Kunden ein verlässliches und effizientes Verfahren zur Verfügung haben.
Learnings aus dem Projekt
Im Verlauf des Projekts konnten wir viele wertvolle Erkenntnisse gewinnen, die uns in zukünftigen Vorhaben helfen werden. Ein wesentlicher Punkt war unsere Erfahrung mit der Beauftragung von Fiverr-Designern. Zwar konnten wir so professionell aussehende Designs erstellen lassen, jedoch führte diese Vorgehensweise zu einer starken Abhängigkeit von den Bearbeitungszeiten und der Qualität der jeweiligen Designer. Häufig mussten wir lange auf einzelne Designs warten, und die unterschiedlichen Qualitätsstufen der Ergebnisse erschwerten den Nachbesserungsprozess erheblich, insbesondere da uns nur begrenzte Revisionen zur Verfügung standen.
Darüber hinaus stellte sich als problematisch heraus, dass wir für jedes Design jeweils spezialisierte Designer ausgewählt hatten, z. B. für personalisierbare Zeitungsartikel. Dies führte dazu, dass die Designer unterschiedliche Photoshop-Tools verwendeten, was die spätere Bearbeitung und Integration der Designs in die Layer von Gelato unnötig kompliziert machte.
Ein weiteres Learning war, dass wir durch die Nutzung von Tools wie Canva inzwischen in der Lage sind, viele Designs selbst zu erstellen. Dies erlaubt uns, kostengünstiger und vor allem schneller auf neue Anforderungen zu reagieren, ohne auf externe Ressourcen angewiesen zu sein. Für die Zukunft planen wir daher, verstärkt auf eigene Fähigkeiten und interne Tools zu setzen, um Flexibilität und Effizienz zu steigern. Zudem haben wir festgestellt, dass die Entscheidung für Shopify aufgrund der Vielzahl an Drittanbietertools und Plugins zwar vorteilhaft war, jedoch auch Herausforderungen mit sich brachte. Viele der benannten Shopify-Tools bieten nur in kostenpflichtigen Plänen ihre vollständige Funktionalität an. Kostenlose Versionen sind häufig stark eingeschränkt und nur schwer auf ein reales Unternehmen skalierbar. So waren beispielsweise beim Formular-Tool nur 40 Einreichungen kostenlos, danach mussten wir einen kostenpflichtigen Plan abschließen. Ähnlich verhielt es sich mit der begrenzten Anzahl an Live-Chat-Einreichungen in unserem Chatbot von Tidio. Dies führte dazu, dass sich die Kosten für den Betrieb des Shops erheblich steigerten, was uns im Vorfeld nicht bewusst war. In Zukunft würden wir daher genauer prüfen, welche Tools und Anbieter kostengünstigere oder kostenlose Alternativen bieten, um die laufenden Kosten zu reduzieren.
Fazit
Unser Projekt hat uns die Möglichkeit gegeben, das im Studium erworbene E-Commerce-Wissen in die Praxis umzusetzen und einen funktionierenden Online-Shop zu entwickeln. Von der Auswahl des Shop-Systems über die Integration von Personalisierungsfunktionen bis hin zur Gestaltung einer ansprechenden Produktpalette konnten wir alle relevanten Aspekte eines modernen Online-Shops umsetzen. Dabei haben wir wertvolle Erfahrungen gesammelt, wie die Zusammenarbeit mit externen Designern, die Integration von Drittanbieter-Tools und die Optimierung interner Prozesse. Trotz Herausforderungen haben wir durch unser Engagement und unsere Learnings eine solide Grundlage für die Weiterentwicklung des Projekts geschaffen.
Ausblick
Im kommenden Semester planen wir, unser Projekt im weiterführenden Modul „Online-Plattformen: Betrieb und Optimierung“ fortzusetzen. Ziel ist es, die Website in ihrer aktuellen Form weiterzuführen und weiter zu verbessern. Stand jetzt werden wir dies in der gleichen Gruppenkonstellation umsetzen, was uns die Möglichkeit gibt, nahtlos an unsere bisherigen Erfolge und Erkenntnisse anzuknüpfen.
Ein weiterer wichtiger Schritt ist die Nutzung von Social Media zur Vermarktung unserer Produkte. Ein Gruppenmitglied hat kürzlich begonnen, erfolgreich Kurzvideos mit dem Thema Autos auf Plattformen wie TikTok zu posten. Ein Beitrag konnte bereits eine beeindruckende Reichweite von ca. 2,5 Millionen Aufrufen erzielen. In Zukunft möchten wir diese Reichweite nutzen, um unsere Produkte direkt zu verlinken und so die Bekanntheit unseres Online-Shops weiter zu steigern. Wir sehen hierin großes Potenzial, unsere Zielgruppe effizient zu erreichen und den Shop langfristig zu skalieren.