{"id":246743,"date":"2023-04-19T08:16:51","date_gmt":"2023-04-19T06:16:51","guid":{"rendered":"https:\/\/www.shopmacher.de\/oxid-meets-headless-how-hirmer-brought-its-oxid-store-headless-up-to-date-again\/"},"modified":"2024-07-03T17:10:05","modified_gmt":"2024-07-03T15:10:05","slug":"oxid-meets-headless-how-hirmer-brought-its-oxid-store-headless-up-to-date-again","status":"publish","type":"post","link":"https:\/\/www.shopmacher.de\/en\/oxid-meets-headless-how-hirmer-brought-its-oxid-store-headless-up-to-date-again\/","title":{"rendered":"Oxid meets Headless: How Hirmer brought its Oxid store Headless up to date again"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;45px||0px||false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;0px||0px||true|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_css_main_element=&#8221;display: flex;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_post_nav show_next=&#8221;off&#8221; prev_text=&#8221;Previous post&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|||||||#E02B20|&#8221; title_text_color=&#8221;#252020&#8243; title_font_size=&#8221;16px&#8221; title_text_color_phone=&#8221;#fc0839&#8243; title_text_color_last_edited=&#8221;off|desktop&#8221; global_colors_info=&#8221;{}&#8221; title_text_color__hover_enabled=&#8221;on|hover&#8221; title_text_color__hover=&#8221;&#8221;][\/et_pb_post_nav][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_post_nav show_prev=&#8221;off&#8221; next_text=&#8221;Next post&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; title_text_color=&#8221;#252020&#8243; title_font_size=&#8221;16px&#8221; global_colors_info=&#8221;{}&#8221; title_text_color__hover_enabled=&#8221;on|desktop&#8221; title_text_color__hover=&#8221;#fc0839&#8243;][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;25px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px||0px||false|false&#8221; custom_padding_phone=&#8221;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_divider color=&#8221;#b4bbc2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_post_title title=&#8221;off&#8221; author=&#8221;off&#8221; date_format=&#8221;j. M Y&#8221; categories=&#8221;off&#8221; comments=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; meta_text_color=&#8221;#858D93&#8243; meta_font_size=&#8221;18px&#8221; custom_margin=&#8221;||15px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_post_title][et_pb_post_title _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;c97e8f75-c26e-4c2f-9b67-c9d654ec0cbd&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_post_title][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;6ef5f875-8750-478a-9764-36675c174ece&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||15px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: left;\"><b>Veraltete Shop-Software bremst Online-H\u00e4ndler bei der Entwicklung zeitgem\u00e4\u00dfer Online-Features aus. Doch der komplette Wechsel von einem Monolithen hin zu einer Headless-Architektur ist ein komplexes Vorhaben mit vielen Fallstricken. Der M\u00fcnchner Herrenmodeh\u00e4ndler Hirmer hat einen Kompromissansatz gew\u00e4hlt. Er dockte ein modernes Headless Frontend an sein bestehendes Oxid-Backend an. Im Interview mit eCommerce Fachredakteurin Daniela Zimmer\u00a0 best\u00e4tigen Michael Hobelsberger, Bereichsleiter E-Commerce, und Frederic Worm, Head of Shop Technologie bei Hirmer: \u201cWir w\u00fcrden es genau so wieder tun.\u201d<\/b><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-9px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: left;\"><strong>Welche Relevanz hat der E-Commerce f\u00fcr Hirmer?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Michael Hobelsberger: <em><span style=\"font-weight: 400;\">Unser Online-Shop ist f\u00fcr uns ein wichtiger Absatzkanal, der stetig w\u00e4chst. Unsere Stammkunden nutzen ihn beispielsweise, um online zu recherchieren, bevor sie dann zu uns in die Filiale kommen.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Sie haben sich entschieden, Ihre Shop-Software zu modernisieren. Was war das Problem am alten Setup?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger: <em><span style=\"font-weight: 400;\">Wir wollen im E-Commerce weiter wachsen. Dem stehen aber bestimmte Systeme und insbesondere das Frontend im Wege. Also haben wir uns entschieden, in einem ersten Schritt das Frontend auszuwechseln und gleichzeitig neue Tools wie ein PIM-System und ein Order-Management-System einzuf\u00fchren.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Frederic Worm:<em><span style=\"font-weight: 400;\"> Unsere bestehende L\u00f6sung ist jahrelang sehr zuverl\u00e4ssig und stabil gelaufen, im Laufe der Zeit aber ein wenig in die Jahre gekommen. Dadurch hatten wir diverse Baustellen. Unser urspr\u00fcngliches Wunschkonzept war, das komplette Tech-Stack auszutauschen. Aber das ist nat\u00fcrlich riskant. Also haben wir uns im ersten Schritt f\u00fcr einen Kompromiss entschieden und mit \u201ccommercetools Frontend\u201d ein Headless Frontend an unser bestehendes Oxid-Backend andocken lassen. Teil des Projekts war auch, unser eigenes Entwicklungsteam, das sehr lange mit der alten L\u00f6sung gearbeitet hatte, mit Unterst\u00fctzung der SHOPMACHER ein bisschen in die Zukunft zu schubsen. Und das ist auch wirklich gut gelungen.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\">[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-75px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-9px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\" style=\"text-align: justify;\"><strong>Was hat denn letzten Endes den Ausschlag gegeben f\u00fcr die Headless-Variante?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: justify;\">Worm:<em><span style=\"font-weight: 400;\"> Bei Monolithsystemen hat man immer das Problem, dass es Teile gibt, die gut funktionieren, w\u00e4hrend andere veraltet sind. Bei unserem Oxid war das ganz klar die Art und Weise, wie Templates gerendert werden. W\u00e4hrend die ganze Welt schon mit reaktiven Frameworks wie React Angular oder Vue arbeitet, drucksten wir noch mit jQuery rum. Wollten die Kollegen neue Features haben, war der Entwicklungsaufwand enorm. Deswegen war f\u00fcr uns der erste Schritt, das Frontend auszutauschen. Unser Oxid-Backend ist auch alt und sicher gibt es da auch einiges zu kritisieren. Aber der Teil, der jetzt noch in Betrieb ist, funktioniert zuverl\u00e4ssig.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: justify;\">Hobelsberger: <em><span style=\"font-weight: 400;\">Ein ausschlaggebender Punkt, Headless zu gehen, war auch, dass wir auf absehbare Zeit nicht nur ein Frontend bauen wollen, sondern mehrere. Wir denken da an ein Frontend f\u00fcr unsere Kundenkartenbesitzer, das anders aussehen und funktionieren muss als das Shop-Frontend, aber mit derselben Technologie gebaut ist und dieselben Schnittstellen bedient. Au\u00dferdem wollen wir auch in Richtung App-Technologie oder PWA gehen.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: justify;\">[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/www.shopmacher.de\/wp-content\/uploads\/2023\/04\/Hirmer_MH_FW.jpg&#8221; alt=&#8221;Oliver Lucas, Managing Partner of ecom consulting GmbH&#8221; title_text=&#8221;Hirmer_MH_FW&#8221; show_bottom_space=&#8221;off&#8221; align=&#8221;center&#8221; admin_label=&#8221;Oliver Lucas, Gesch\u00e4ftsf\u00fchrender Gesellschafter der ecom consulting GmbH&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;6ef5f875-8750-478a-9764-36675c174ece&#8221; text_text_color=&#8221;#808080&#8243; custom_padding=&#8221;11px||15px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: left;\">Michael Hobelsberger, Bereichsleiter E-Commerce bei Hirmer und Frederic Worm, Head of Shop Technology bei Hirmer<\/p>\n<p style=\"text-align: center;\">[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-60px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;-69px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Warum fiel die Entscheidung auf \u201ccommercetools Frontend\u201d?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Worm:<em><span style=\"font-weight: 400;\"> Mit Oxid ist die Art und Weise, wie Seitentypen aufgebaut werden, sehr starr. Da gibt es eine Detailseite, eine Kategorieseite oder die Markenseite und alle werden auf eine vordefinierte Art und Weise mit Content bespielt. Unser Marketing wollte aber st\u00e4rker Content-getrieben arbeiten und beispielsweise neue Landing-Pages anlassbezogen flexibel mit Inhalten best\u00fccken. Mit \u201ccommercetool Frontend\u201d ist es m\u00f6glich, ohne gro\u00dfen Entwicklungsaufwand Landing-Pages zu erstellen, auf denen man beispielsweise Listen ganz anders zusammenstellen und auch flexibler mit neuen Content-Inhalten spielen kann. Das hat uns im Vorfeld gut gefallen.<\/span><\/em><\/p>\n<p style=\"text-align: left;\"><strong>Was waren in der R\u00fcckschau die gr\u00f6\u00dften Herausforderungen bei dem Projekt?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger: <em><span style=\"font-weight: 400;\">Ein Headless-Frontend auf ein bestehendes Backend zu packen, ist nichts, was schon 40 H\u00e4ndler vor uns gemacht haben. Und wir nutzen auch nicht die neueste Oxid-Version. Insofern gab es schon ein gewisses Risiko, dass das ganze Projekt scheitert, und entsprechende Diskussionen im Management, ob wir den Schritt machen sollen oder nicht. Aber die Zusammenarbeit zwischen unseren Agenturen SHOPMACHER und Deutsche Daten Plattforml\u00f6sungen war sehr vertrauensvoll. Und wir haben uns alle tief in die Augen geschaut und uns gegenseitig glaubw\u00fcrdig versichert: Wir kriegen das hin.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Und ab dann lief alles glatt?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Worm:<em><span style=\"font-weight: 400;\"> Wenn es so gewesen w\u00e4re, h\u00e4tte es wahrscheinlich alle \u00fcberrascht. Aber wie in jedem Software-Projekt gibt es immer mehr zu tun als man denkt und die T\u00fccke steckt im Detail.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger: <em><span style=\"font-weight: 400;\">Die Wahrheit ist: Wir haben uns alle gnadenlos versch\u00e4tzt. Aber wie Frederic schon sagte: Alles andere w\u00e4re auch ein Wunder gewesen. Und da wir bei Hirmer selber entwickeln und alle lange Erfahrung im Management von IT-Projekten haben, war f\u00fcr uns immer nachvollziehbar, was da passiert und warum es l\u00e4nger dauert. Aber am Ende hat sich der Aufwand gelohnt. Das Ergebnis ist astrein.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Wo lauerten denn konkret die T\u00fccken im Projekt?\u00a0<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Worm: <em><span style=\"font-weight: 400;\">Wir haben im Vorfeld zwar detaillierter geplant als jemals zuvor \u2013 auch mit Unterst\u00fctzung der SHOPMACHER. Aber im Detail ergaben sich einfach diverse Abh\u00e4ngigkeiten, die so erstmal nicht sichtbar waren. Ein Beispiel: \u201ccommercetools frontend\u201d wirbt damit, die Suchmaschine Algolia \u00fcber ein einfaches Steuermodul anbinden zu k\u00f6nnen. Allerdings ist diese Anbindung spezifisch auf die Datenstruktur von commercetools ausgelegt. In unserem Oxid-Case stellte sich heraus, dass der Standard-Stack von commercetools gar nicht zu unseren Dateiformaten passt und die Standardl\u00f6sung von \u201ccommercetools frontend\u201d \u00fcberhaupt nicht anwendbar ist. Stattdessen mussten wir ein komplettes Algolia-Modul entwickeln, das so mit Algolia spricht, wie es unsere Daten erfordern. Das war uns vorher so nicht klar. Und vergleichbare Herausforderungen gab es an einigen Stellen.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger:<span style=\"font-weight: 400;\"><em> Dass so ein Projekt l\u00e4nger dauert, ist immer erwartbar. Die entscheidende Frage ist, wie man damit umgeht. Und da war die Betreuung durch SHOPMACHER und Deutsche Daten wirklich super. F\u00fcr uns war jederzeit transparent, was da passiert und warum es l\u00e4nger dauert. Zudem haben alle drei Parteien, unsere internen Entwickler, SHOPMACHER und Deutsche Daten, sehr konstruktiv zusammengearbeitet. Obwohl das Projekt einiges an Sprengstoff beinhaltete und wir sehr agil ohne Pflichtenheft arbeiteten, gab es an keiner Stelle Fingerpointing. Keiner hat versucht, dem anderen Fehler in die Schuhe zu schieben. Das spricht wirklich sehr f\u00fcr SHOPMACHER und Deutsche Daten. Und insbesondere der SHOPMACHER-Projektmanager hat einiges aushalten m\u00fcssen und mit viel Sozialkompetenz \u00fcberzeugt.<\/em>\u00a0<\/span><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Sie haben es vorhin schon angedeutet: Das Ergebnis ist aus Ihrer Sicht astrein. Was \u00fcberzeugt Sie am meisten?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger:<em><span style=\"font-weight: 400;\"> Eigentlich wollten wir im Projekt ja nur Oxid durch \u201ccommercetools frontend\u201d tauschen. Der Shop sollte im Wesentlichen der alte bleiben. Aber auch da haben uns die SHOPMACHER und Deutsche Daten super begleitet. Wir bekommen viel Lob, wie sehr sich die Bedienbarkeit im Shop verbessert hat \u2013 und das, ohne dass eine Agentur f\u00fcr eine Million Euro eine UI gemalt hat. Stattdessen haben das Projektteam und die Entwickler einfach mitgedacht. Das ist nicht selbstverst\u00e4ndlich, dass da auch noch so viel Know-how nebenbei mitgeliefert wird.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Was hat sich denn konkret ver\u00e4ndert?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger:<em><span style=\"font-weight: 400;\"> Die Produktliste sieht anders aus, die Filter wurden erweitert. Fr\u00fcher konnten unsere Kunden Produkte nach Farbe, Marke, Preis und Gr\u00f6\u00dfe filtern. Jetzt gibt es je nach Produktkategorie zahlreiche verschiedene Kriterien wie Kragenform oder Zahl der Kn\u00f6pfe am Revier. Auch die Kunden-Accounts wurden optimiert.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Worm: <em><span style=\"font-weight: 400;\">Das w\u00e4re in der Bedienbarkeit und \u00dcbersichtlichkeit ohne die neue Technologie im Frontend so nicht darstellbar gewesen. Das ist jetzt viel eleganter. Man w\u00e4hlt einen Filter und das angezeigte Sortiment \u00e4ndert sich sofort. So etwas kann man nicht in Oxid bauen. Das macht einfach keinen Spa\u00df.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Der Online-Shop von Eckerle ist bereits live. Wann folgen Hirmer und Hirmer Gro\u00dfe Gr\u00f6\u00dfen?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger:<em><span style=\"font-weight: 400;\"> Die beiden gehen im Februar live. Das Risiko, mit allen drei Shops online zu gehen, war uns zu gro\u00df. Wir wollten erst einmal mit einem Erfahrungen sammeln und relevante KPIs wie Konversionsraten etc. beobachten. Auch Hirmer.de und Hirmer Gro\u00dfe Gr\u00f6\u00dfen werden wir nicht zeitgleich, sondern versetzt live schalten.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\"><strong>Zeit f\u00fcr ein letztes Fazit: W\u00fcrden Sie das Projekt noch einmal so machen?<\/strong><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Hobelsberger: <em><span style=\"font-weight: 400;\">Ja, ich w\u00fcrde es wieder so machen. Bevor ich alles auswechsle, ist es aus Risikogr\u00fcnden besser, erst einen Schritt zu tun und dann den n\u00e4chsten. Insofern sind wir auch eine Blaupause f\u00fcr andere H\u00e4ndler, die auf Altsystemen sitzen und sich nicht trauen, dieses auszuwechseln.<\/span><\/em><\/p>\n<p class=\"p1\" style=\"text-align: left;\">Worm: <em><span style=\"font-weight: 400;\">Je l\u00e4nger eine Bestandsl\u00f6sung l\u00e4uft, umso mehr technische Schulden baut man auf. Neue Features zu entwickeln, wird dann immer aufw\u00e4ndiger und umfangreicher. Deswegen muss man einfach modularisieren. Wir bieten unseren Entwicklern im Frontend jetzt wieder eine moderne Arbeitsgrundlage, um neue Features zu entwickeln. Mit veralteten Technologien wie jQuery laufen einem ja irgendwann die besten Leute weg. Insofern ist es total sinnvoll, den Weg zu gehen.<\/span><\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;55%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;||4px|||&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element_last_edited=&#8221;on|phone&#8221; custom_css_before_last_edited=&#8221;off|tablet&#8221; custom_css_main_element_tablet=&#8221;display: flex;&#8221; custom_css_main_element_phone=&#8221;display: inherit;&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element_last_edited=&#8221;off|phone&#8221;][et_pb_social_media_follow icon_color=&#8221;#858D93&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;17px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|||0px|false|false&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|tablet&#8221; custom_css_before=&#8221;content: %22Teilen%22;||color: grey;||font-size: 16px;||padding-right: 10px;&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_social_media_follow_network social_network=&#8221;facebook&#8221; url=&#8221;https:\/\/www.facebook.com\/shopmacher&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;linkedin&#8221; url=&#8221;https:\/\/www.linkedin.com\/company\/shopmacher-ecommerce-gmbh-&#038;-co.-kg&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]linkedin[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;instagram&#8221; url=&#8221;https:\/\/www.instagram.com\/shopmacher\/&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]instagram[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;twitter&#8221; url=&#8221;https:\/\/twitter.com\/shopmacher&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]twitter[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=&#8221;youtube&#8221; url=&#8221;https:\/\/www.youtube.com\/channel\/UCLhDymlUEAWiSXjv9wUEpHA&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_enable_color=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; follow_button=&#8221;off&#8221; url_new_window=&#8221;on&#8221;]youtube[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;https:\/\/www.shopmacher.de\/en\/project\/hirmer\/&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;To the case study&#8221; button_alignment=&#8221;right&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;75d18c0b-9232-4ed6-abf2-ecf1c0d20dca&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;30px||30px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_divider color=&#8221;#858D93&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;bdbb3f40-2c94-4a5a-ad50-00c5a914af1c&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: left\"><span>ALSO INTERESTING<\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog posts_number=&#8221;1&#8243; include_categories=&#8221;44&#8243; meta_date=&#8221;j. M Y&#8221; offset_number=&#8221;1&#8243; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;74be4b22-f98e-4286-aaa8-8b34bf95a7f2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog posts_number=&#8221;1&#8243; include_categories=&#8221;44&#8243; meta_date=&#8221;j. M Y&#8221; offset_number=&#8221;3&#8243; _builder_version=&#8221;4.20.0&#8243; _module_preset=&#8221;74be4b22-f98e-4286-aaa8-8b34bf95a7f2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog posts_number=&#8221;1&#8243; meta_date=&#8221;j. M Y&#8221; offset_number=&#8221;8&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;74be4b22-f98e-4286-aaa8-8b34bf95a7f2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Outdated store software slows down online retailers in the development of contemporary online features. But the complete shift from a monolith to a headless architecture is a complex undertaking with many pitfalls.  <\/p>\n","protected":false},"author":12,"featured_media":246328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[76,82,74],"tags":[],"class_list":["post-246743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digitalization","category-interview-en","category-press-release-en"],"_links":{"self":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts\/246743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/comments?post=246743"}],"version-history":[{"count":1,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts\/246743\/revisions"}],"predecessor-version":[{"id":249337,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/posts\/246743\/revisions\/249337"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/media\/246328"}],"wp:attachment":[{"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/media?parent=246743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/categories?post=246743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shopmacher.de\/en\/wp-json\/wp\/v2\/tags?post=246743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}