Produktkonfigurator
- Vue.js/Nuxt.js
- Figma
- HTML & Tailwind CSS
- Odoo CRM
- Prisma Datenbank
Während meiner Arbeit bei 2wcom habe ich in einem 3-monatigen Praktikum einen Produktkonfigurator für verschiedene Audiogeräte designed und entwickelt.
Vorgehensweise
Um einen benutzerfreundlichen und übersichtlichen Konfigurator zu entwickeln, habe ich mich zunächst intensiv mit den verschiedenen Produkten von 2wcom und ihren Eigenschaften auseinandergesetzt. Nachdem ich mir einen umfassenden Überblick verschafft hatte, begann der Designprozess. Besonderen Wert legte ich auf eine intuitive Bedienbarkeit, damit Nutzer*innen schnell und unkompliziert zum Ziel gelangen. Das visuelle Konzept orientierte sich am Corporate Design von 2wcom. Zur Gestaltung der Benutzeroberfläche entstand ein Mockup in Figma. Die anschließende technische Umsetzung erfolgte mit Nuxt.js und Tailwind CSS. Die Produktdaten wurden über eine Prisma-Datenbank eingebunden.
Herausforderungen
Da ich zuvor noch keine Erfahrung mit Nuxt.js hatte, war es anfangs eine Herausforderung, mich in die Struktur des Frameworks einzuarbeiten. Durch den Austausch mit Kolleg*innen konnte ich mein Wissen jedoch schnell vertiefen und den Konfigurator erfolgreich umsetzen. Besonders spannend war der Einsatz von Stores in Nuxt.js, mit denen sich der Zustand der Anwendung effizient verwalten und zwischen Komponenten teilen lässt. So konnte ich beispielsweise einen Warenkorb realisieren, der die Produktauswahl sammelt und vor dem Absenden zur Überprüfung bereitstellt.
Fazit
Der Produktkonfigurator stellt ein zentrales Tool für 2wcom dar, um Kund*innen eine einfache und benutzerfreundliche Möglichkeit zur individuellen Produktkonfiguration zu bieten. Durch den Einsatz moderner Technologien wie Nuxt.js und Tailwind CSS konnte ich eine zeitgemäße und funktionale Benutzeroberfläche gestalten. Während des Projekts habe ich wertvolle praktische Erfahrungen gesammelt – sowohl im technischen Bereich als auch in der Konzeption und Umsetzung digitaler Anwendungen.
Im Anschluss an mein Praktikum habe ich meine Arbeit als Werkstudentin bei 2wcom fortgesetzt und den Konfigurator weiterentwickelt. Ein wichtiger Schritt war dabei die Anbindung an das Warenwirtschaftssystem Odoo über eine JSON-API, um Konfigurationen direkt in Angebotsanfragen überführen zu können.