#Technologie
NUBERT HACKATHON 2022: TEAMSPIRIT, KREATIVITÄT UND IDEENVIELFALT
Von NETFORMIC | 12.10.2022
Im Juni dieses Jahres fand ein ganz besonderes Event mit unserem Kunden Nubert statt, der uns dabei als Sponsor unterstützt hat: Der Shopware 6 Hackathon 2022.
Unsere ambitionierten und hochmotivierten Entwickler stellten sich der Challenge. Aufgeteilt in drei Teams haben sie zwei Tage lang intensiv an Lösungen für den Webshop des Kunden Nubert in ihren Projekten gearbeitet. Im Anschluss des Hackathons kürten Judges aus verschiedenen Fachbereichen die beste Idee und Umsetzung. In diesem Blogbeitrag möchten wir etwas genauer ins Detail gehen und zeigen euch den Verlauf des Hackathons, stellen euch unsere Judges vor und zeigen das Gewinnerteam.
WAS IST DAS BESONDERE AN EINEM HACKATHON?
Ein Hackathon bietet eine fantastische Möglichkeit, neue Ideen und kreativen Austausch zu fördern. Dabei findet solch ein Event unter bestimmten Rahmenbedingungen statt, wie etwa einem sehr knappen Zeitfenster. Dies soll dazu dienen, den Fokus auf die gegebene Aufgabenstellung zu erhöhen und sich ohne Ablenkungen auf die Lösungsfindung zu konzentrieren. Oftmals fahren viele der Teilnehmer gerade wegen dem Zeitdruck zu Höchstleistungen auf. Auch die Entdeckung und Förderung von Talenten ist in einem Hackathon möglich.
Insbesondere das interdisziplinäre Arbeiten macht einen Hackathon zu etwas Besonderem, da durch verschiedene Skillsets der einzelnen Teammitglieder Out-Of-The-Box Lösungsansätze entstehen können. Generell findet bei vielen Unternehmen oftmals kein oder wenig Austausch zwischen den einzelnen Fachbereichen statt. Während eines Hackathons bekommen die Teilnehmer eine erstklassige Möglichkeit, sich mit Kollegen aus unterschiedlichen Bereichen auszutauschen. Dadurch wird die Teamarbeit verbessert und die Ideenvielfalt durch größere Kreativität gesteigert.
Insbesondere das interdisziplinäre Arbeiten macht einen Hackathon zu etwas Besonderem, da durch verschiedene Skillsets der einzelnen Teammitglieder Out-Of-The-Box Lösungsansätze entstehen können. Generell findet bei vielen Unternehmen oftmals kein oder wenig Austausch zwischen den einzelnen Fachbereichen statt. Während eines Hackathons bekommen die Teilnehmer eine erstklassige Möglichkeit, sich mit Kollegen aus unterschiedlichen Bereichen auszutauschen. Dadurch wird die Teamarbeit verbessert und die Ideenvielfalt durch größere Kreativität gesteigert.
WORUM GING ES IN UNSEREM HACKATHON?
Vom 23. bis zum 25. Juni haben die einzelnen Teams ihre Ideen ausgearbeitet und anschließend unserer Jury präsentiert, die aus Fachleuten der Branche und einer Repräsentantin von Nubert bestand. Der Hersteller Nubert ist seit über 40 Jahren Spezialist für Lautsprecher und begeistert Kunden aus Deutschland und der ganzen Welt mit hochwertigen und einzigartigen Lautsprechern.
Kick-Off des Events war am 23. Juni um 16 Uhr. Die Jury begrüßte die Teilnehmer und führte sie in die Thematik des Hackathons ein. Dabei wurde der Kunde Nubert genauer vorgestellt. Die Developer bekamen tiefere Insights über das Unternehmen aus Schwäbisch Gmünd und deren Vorstellungen über ihre Positionierung auf dem Markt für Hersteller von Lautsprechern. Schon im aktuellen Stand war der Community-Bezug ersichtlich: Beispielsweise konnten Kunden ihre Wohnzimmer, die mit Nubert Lautsprechern ausgestattet waren, auf der Webseite posten. Darauf aufbauend wollte man sich noch weiter verstärkt als kundenorientiertes Unternehmen darstellen.
Der Nubert Hackathon war das erste Unit-übergreifende Event bei NETFORMIC. Somit waren die Teams interdisziplinär aufgestellt und es konnte reichlich Ideenaustausch zwischen den einzelnen Fachbereichen stattfinden. Die Aufgabe der Teilnehmer des Hackathons war es, ein Konzept für den Online Shop von Nubert zu erstellen. Hierzu wurden von der Leitung des Hackathons einige Aufgaben vorbereitet. Dabei konnte sich jedes Team auf einen frei wählbaren Bereich des Shops fokussieren, welchen sie jeweils selber aussuchen konnten. Am Ende gab es dementsprechend auch drei verschiedene Lösungsvorschläge zu drei Problemstellungen.
Kick-Off des Events war am 23. Juni um 16 Uhr. Die Jury begrüßte die Teilnehmer und führte sie in die Thematik des Hackathons ein. Dabei wurde der Kunde Nubert genauer vorgestellt. Die Developer bekamen tiefere Insights über das Unternehmen aus Schwäbisch Gmünd und deren Vorstellungen über ihre Positionierung auf dem Markt für Hersteller von Lautsprechern. Schon im aktuellen Stand war der Community-Bezug ersichtlich: Beispielsweise konnten Kunden ihre Wohnzimmer, die mit Nubert Lautsprechern ausgestattet waren, auf der Webseite posten. Darauf aufbauend wollte man sich noch weiter verstärkt als kundenorientiertes Unternehmen darstellen.
Der Nubert Hackathon war das erste Unit-übergreifende Event bei NETFORMIC. Somit waren die Teams interdisziplinär aufgestellt und es konnte reichlich Ideenaustausch zwischen den einzelnen Fachbereichen stattfinden. Die Aufgabe der Teilnehmer des Hackathons war es, ein Konzept für den Online Shop von Nubert zu erstellen. Hierzu wurden von der Leitung des Hackathons einige Aufgaben vorbereitet. Dabei konnte sich jedes Team auf einen frei wählbaren Bereich des Shops fokussieren, welchen sie jeweils selber aussuchen konnten. Am Ende gab es dementsprechend auch drei verschiedene Lösungsvorschläge zu drei Problemstellungen.
DIE TEAMS
Im Folgenden möchten wir euch die tollen Teams vorstellen, die das Herzstück des Hackathons sind und hervorragende Ideen erarbeitet haben:
Team 1: The Orangutans
Das erste Team hat sich eine besondere Challenge für den Hackathon vorgenommen. Sie wollen die Customer Journey attraktiver gestalten, so dass aus Shop-Besuchern wiederkehrende Besucher werden.
Team 2: The Bright Cheetas
Produktbeschreibungen sind heutzutage ziemlich umfangreich. Das muss auch so sein, schließlich sollen sie dem Kunden bei der Kaufentscheidung eine Hilfe sein. Die Geparden möchten, dass die Kunden zu jeder Gelegenheit das Produkt in den Warenkorb legen können – egal an welcher Stelle der Produktbeschreibung sie sich gerade befinden. Für diesen Zweck hat das Team die Implementierung einer Sticky-CTA-Funktion vorgesehen.
Team 3: The Hidden
Die Filter, sogenannte „After Search Navigation“, sind bei der Suche im Onlineshop ein wichtiger Verkaufshebel, der den Benutzer zum Ziel führen kann. Der User hat dadurch die Möglichkeit, die Suche nach den eigenen Präferenzen zu gestalten und auch Ergebnisse zu finden, die ihm eventuell gar nicht in den Sinn gekommen wären. Team 3 hat sich die Erweiterung der Filterfunktionen zur Aufgabe gemacht.
Team 1: The Orangutans
Das erste Team hat sich eine besondere Challenge für den Hackathon vorgenommen. Sie wollen die Customer Journey attraktiver gestalten, so dass aus Shop-Besuchern wiederkehrende Besucher werden.
Team 2: The Bright Cheetas
Produktbeschreibungen sind heutzutage ziemlich umfangreich. Das muss auch so sein, schließlich sollen sie dem Kunden bei der Kaufentscheidung eine Hilfe sein. Die Geparden möchten, dass die Kunden zu jeder Gelegenheit das Produkt in den Warenkorb legen können – egal an welcher Stelle der Produktbeschreibung sie sich gerade befinden. Für diesen Zweck hat das Team die Implementierung einer Sticky-CTA-Funktion vorgesehen.
Team 3: The Hidden
Die Filter, sogenannte „After Search Navigation“, sind bei der Suche im Onlineshop ein wichtiger Verkaufshebel, der den Benutzer zum Ziel führen kann. Der User hat dadurch die Möglichkeit, die Suche nach den eigenen Präferenzen zu gestalten und auch Ergebnisse zu finden, die ihm eventuell gar nicht in den Sinn gekommen wären. Team 3 hat sich die Erweiterung der Filterfunktionen zur Aufgabe gemacht.
UNSERE JUDGES UND IHRE BEWERTUNGSKRITERIEN
Ein wichtiger Aspekt von jedem Wettbewerb ist die Gewährleistung einer fairen Bewertung seitens der Jury. Auch bei unserem Hackathon war die Bewertung nach Leistung anstatt von „Nasenfaktoren” von allerhöchster Wichtigkeit für unsere Judges. Die Ergebnisse sollten im besten Fall direkt nutzbar sein und dem Kunden einen Mehrwert bieten. Auch die User Experience war ein wichtiger Aspekt, der in die Bewertung der Endergebnisse eingeflossen ist.
Im folgenden könnt ihr sehen, aus welchen Personen unsere Jury bestand und welche Motivation sie zur Teilnahme am Hackathon hatten.
Im folgenden könnt ihr sehen, aus welchen Personen unsere Jury bestand und welche Motivation sie zur Teilnahme am Hackathon hatten.
PREISVERLEIHUNG
Am Ende des Hackathons durften die Judges das Siegerteam küren. Nach genügend Bedenkenzeit haben die Judges das Gewinnerteam preisgegeben:
Team 1 – The Orangutans
Ihre Ideen kamen bei der Jury besonders gut an. Die Orangutans haben sich den Warenkorb vorgenommen. Der jetzige Zustand des Warenkorbs war aus Usability-Sicht nicht optimal: Schon bei einem einzigen Produkt im Warenkorb war die Bildschirmhöhe gefüllt, was dazu führte, dass der User den Checkout-Button nicht mehr im Blick hatte. Auch in der Desktop Ansicht war diese Problematik vorhanden.
Team 1 – The Orangutans
Ihre Ideen kamen bei der Jury besonders gut an. Die Orangutans haben sich den Warenkorb vorgenommen. Der jetzige Zustand des Warenkorbs war aus Usability-Sicht nicht optimal: Schon bei einem einzigen Produkt im Warenkorb war die Bildschirmhöhe gefüllt, was dazu führte, dass der User den Checkout-Button nicht mehr im Blick hatte. Auch in der Desktop Ansicht war diese Problematik vorhanden.
DIE LÖSUNG
Die Beschreibung des Produkts im Warenkorb auf das Mindeste reduzieren und die zusätzlichen Informationen in einem Dropdown-Menü verstecken. Damit können nun mehr Produkte im Warenkorb angezeigt werden, und der User hat einen besseren Überblick. Zudem werden im neuen Lösungsansatz der Endpreis und eventuelle Rabatte zusammengefasst, wodurch alles viel kompakter und übersichtlicher präsentiert wird. Abgerundet wird der optimierte Warenkorb durch einen Sticky CTA, der immer im Bildschirm bleibt.
Die zweite Idee des Teams war ein Cross-Selling-Ansatz, der auf der gesamten Seite funktioniert. Den Besuchern werden hier im Gegensatz zum klassischen Cross-Selling nicht nur beim Checkout ähnliche Produkte angezeigt, sondern auch beim Browsen der Website. Dadurch sollen seitenweit zum Inhalt des Warenkorbs passende Produktvorschläge gegeben werden.
Die zweite Idee des Teams war ein Cross-Selling-Ansatz, der auf der gesamten Seite funktioniert. Den Besuchern werden hier im Gegensatz zum klassischen Cross-Selling nicht nur beim Checkout ähnliche Produkte angezeigt, sondern auch beim Browsen der Website. Dadurch sollen seitenweit zum Inhalt des Warenkorbs passende Produktvorschläge gegeben werden.
DAS SAGT DIE JURY
Für diese Glanzleistung bekam das Team den vollen Zuspruch der Jury und ging somit als Sieger des Shopware 6 Hackathons hervor. Doch auch für die anderen Teams gab es ebenfalls sehr viel Lob von den Judges.
DEVELOPER STATEMENTS
Für die Organisation und den Ablauf des Hackathons gab es ebenfalls viel Lob seitens der Developer. Die Teilnahme am Event hat ihnen großen Spaß gemacht. Auf die Frage: „Was hat euch am meisten am Hackathon gefallen?“ kamen folgende Antworten:
Doch das waren nicht die einzigen Stimmen zum Hackathon seitens unserer Developer. Die anonyme Umfrage unter den anderen Teilnehmern des Events hat ergeben, dass die Teilnehmer gerne erneut an solch einem Hackathon teilnehmen wollen. Besonders toll fanden die Befragten die Betreuung und die gesamte Organisation rund um das Event.
DAS ERGEBNIS
Die Konzepte, die während des Hackathon entwickelt wurden, kamen sehr gut bei der Jury an. Die Ideen des Siegerteams werden schon bald in den Onlineshop von Nubert übernommen. Wie das Ganze umgesetzt wurde könnt ihr euch auf dem neuen Shop von Nubert anschauen, der vor kurzem Live gegangen ist.