{"id":2771,"date":"2021-10-05T16:04:56","date_gmt":"2021-10-05T14:04:56","guid":{"rendered":"https:\/\/www.forty-four.de\/blog\/?p=2771"},"modified":"2021-11-02T12:07:20","modified_gmt":"2021-11-02T11:07:20","slug":"case-study-sidroga-relaunch","status":"publish","type":"post","link":"https:\/\/www.forty-four.de\/blog\/case-study-sidroga-relaunch\/","title":{"rendered":"Case Study: Website-Relaunch f\u00fcr Arzneitee-Marktf\u00fchrer Sidroga"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Lesedauer<\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">Minuten<\/span><\/span>\n<p class=\"wp-block-paragraph\">Sidroga ist ein mittelst\u00e4ndisches Unternehmen, das im gesamten DACH-Gebiet Arznei- und Gesundheitstees vertreibt. Mit \u00fcber 60 Tee-Produkten ist Sidroga im Bereich Arzneitee Marktf\u00fchrer in Deutschland und der Schweiz. Dar\u00fcber hinaus bietet das Unternehmen in Deutschland innovative Eigenentwicklungen aus dem Bereich der pflanzlichen Gesundheitsmittel an. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um diesen vielf\u00e4ltigen Produkten und dem Status des Unternehmens gerecht zu werden, haben wir in 2021 einen Relaunch der Website durchgef\u00fchrt. In dieser Case Study erfahren Sie alles von der Ausgangslage \u00fcber die Herausforderungen bis hin zur konkreten Umsetzung. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Ausgangslage der Website von Sidroga<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"1024\" src=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/scrnli_5-10-2021_13-09-27-702x1024.jpg\" alt=\"Ein Screenshot der alten Website von Sidroga vor dem Relaunch durch forty-four.\" class=\"wp-image-2796\" srcset=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/scrnli_5-10-2021_13-09-27-702x1024.jpg 702w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/scrnli_5-10-2021_13-09-27-206x300.jpg 206w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/scrnli_5-10-2021_13-09-27.jpg 740w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><figcaption><em>Ein Screenshot der alten Sidroga-Website.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Die Website f\u00fcr die DACH-Region war 2016 zuletzt neugestaltet worden. Es gab von Sidroga den Wunsch, die Website moderner umzusetzen. Geplant war deshalb urspr\u00fcnglich nur ein Facelift. Bereits fr\u00fch im Projektverlauf stand jedoch fest, dass f\u00fcr das zugrundeliegende CMS <a href=\"https:\/\/www.forty-four.de\/blog\/2021\/03\/typo3-update\/\" target=\"_blank\" data-type=\"post\" data-id=\"1748\" rel=\"noreferrer noopener\">TYPO3 ein Versionsupdate<\/a> durchgef\u00fchrt werden musste. Auch sollte aufgrund der Markteinf\u00fchrung einer neuen Produktrange sowohl die grundlegende Seitenstruktur als auch der Content \u00fcberdacht werden.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So standen letztlich Ver\u00e4nderungen im Bereich <a href=\"https:\/\/www.forty-four.de\/webseiten\/webdesign.html\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.forty-four.de\/webseiten\/webdesign.html\" rel=\"noreferrer noopener\">Webdesign<\/a>, Technik, Struktur sowie <a href=\"https:\/\/www.forty-four.de\/online-marketing\/content-marketing.html\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.forty-four.de\/online-marketing\/content-marketing.html\" rel=\"noreferrer noopener\">Content <\/a>an <a href=\"https:\/\/de.wiktionary.org\/wiki\/%E2%80%93\" rel=\"noopener\">\u2013<\/a> und aus dem Facelift wurde ein vollumf\u00e4nglicher Relaunch.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Herausforderungen des Relaunchs<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die gr\u00f6\u00dfte Herausforderung des Projekts lag auf der konzeptionellen Ebene. Mit den Phytotherapeutika erweiterte ein v\u00f6llig neuer Produktbereich das Portfolio von Sidroga Deutschland. Die Website war vorher jedoch vollst\u00e4ndig auf Tees ausgerichtet gewesen. Dementsprechend mussten wir uns einige strukturelle Fragen stellen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Wie k\u00f6nnen die Phytotherapeutika sinnvoll in die Website integriert werden?<\/li><li>Was bedeutet das f\u00fcr die Gesamtstruktur? <\/li><li>Wie kann der Phytotherapeutika-Bereich in Sachen SEO sinnvoll aufgestellt werden?<\/li><li>Welche Begrifflichkeiten sind hier wichtig und wie wirkt sich das auf den bestehenden Ratgeberbereich aus?<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Insgesamt haben wir viel Zeit und Hirnschmalz in diese Planung eingebracht, da wir die deutsche Website einmal grundlegend durch die Mangel drehen mussten, ohne die Tee-Ausrichtung f\u00fcr die \u00f6sterreichische und schweizerische Sprachversion aus den Augen zu verlieren. Dabei haben wir die Seitenstruktur wie ein Puzzle neu zusammengesetzt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So lief der Relaunch der Sidroga-Website ab<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr das Projekt haben wir ausgehend vom <a href=\"https:\/\/www.forty-four.de\/blog\/2021\/03\/typo3-update\/\" data-type=\"post\" data-id=\"1748\" target=\"_blank\" rel=\"noreferrer noopener\">TYPO3-Update <\/a>gearbeitet. Auf Basis der technischen Umstellung haben wir dann die neue Seitenstruktur geplant und eine Entwicklungsumgebung angelegt, in der jede Sprachversion <a href=\"https:\/\/de.wiktionary.org\/wiki\/%E2%80%93\" rel=\"noopener\">\u2013<\/a> Deutschland, \u00d6sterreich und die deutsch- und franz\u00f6sisch-sprachige Schweiz <a href=\"https:\/\/de.wiktionary.org\/wiki\/%E2%80%93\" rel=\"noopener\">\u2013<\/a> in einem eigenen Stamm untergebracht wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In der Konzeptionsphase ging es auch darum, eine passende Bildsprache zu finden. Wie gehen wir mit Schriftarten um? Welche Stimmung wollen wir vermitteln? Hier musste der Look &amp; Feel der Seite entwickelt werden. Die Bildwelt setzt sich nun vor allem aus einer nat\u00fcrlichen (Licht-)Stimmung zusammen, die warm und freundlich wirkt und h\u00e4ufig Menschen zeigt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Insgesamt entsteht dadurch ein frischer, aufger\u00e4umter und lockerer Look. Alles wurde offener umgesetzt und wirkt somit bedeutend stringenter. Auf der Startseite sind nun \u00e4hnlich eines Schaufensters die Produkt-Highlights klar hervorgehoben und die Kaufoptionen harmonisch dargestellt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gleichzeitig haben wir darauf geachtet, dass neue Content-Elemente schlanker sind und somit eine h\u00f6here Ladegeschwindigkeit erm\u00f6glichen. Die Seite soll schlie\u00dflich nicht nur gut aussehen, sondern auch eine gute Leistung vorweisen. Denn Pagespeed ist sowohl f\u00fcr BesucherInnen als auch Suchmaschinen ein relevanter Faktor.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Kraeuterlexikon-1024x721.jpg\" alt=\"Ein Screenshot des neuen Kr\u00e4uterlexikons von Sidroga, das w\u00e4hrend des Website-Relaunchs hinzugef\u00fcgt wurde.\" class=\"wp-image-2792\" width=\"1024\" height=\"721\" srcset=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Kraeuterlexikon-1024x721.jpg 1024w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Kraeuterlexikon-300x211.jpg 300w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Kraeuterlexikon-768x541.jpg 768w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Kraeuterlexikon.jpg 1103w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Ein Screenshot des neuen Sidroga-Kr\u00e4uterlexikons.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In Sachen Content haben wir den Ratgeber-Bereich, der vorher eine untergeordnete Rolle eingenommen hatte, in das Main Menu gehoben und thematisch erweitert. Ein neues Kr\u00e4uterlexikon bietet zus\u00e4tzlich Informationen \u00fcber die verwendeten Heilpflanzen in den Arzneitees und bietet Nutzerinnen und Nutzern die M\u00f6glichkeit, sich tiefergehend zu informieren. Das st\u00e4rkt die Expertise von Sidroga. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Insgesamt ist die Seite nun state of the art vom technischen Standpunkt her. Dar\u00fcber hinaus \u00fcberzeugt sie mit einer schlanken Navigation und einer modernen, \u00fcbersichtlichen Gestaltung. Eben ein gelungener Relaunch. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Besonderheiten des Projekts<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"721\" height=\"745\" src=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Indikations-Circle.png\" alt=\"Ein Screenshot des Content-Elements Indikations-Circle der neuen Sidroga-Website nach Relaunch.\" class=\"wp-image-2789\" srcset=\"https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Indikations-Circle.png 721w, https:\/\/www.forty-four.de\/blog\/wp-content\/uploads\/2021\/10\/Sidroga_Relaunch_Indikations-Circle-290x300.png 290w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><figcaption><em>Ein Screenshot des neuen Indikations-Circles der Sidroga-Website.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Onlineverkauf ohne Onlineshop: <\/strong>Da es sich bei Arzneitees um Apothekenprodukte handelt, gibt es auf der Seite selbst keine Einkaufsm\u00f6glichkeit. Stattdessen mussten wir einen m\u00f6glichst flie\u00dfenden und einfachen \u00dcbergang auf Onlineapotheken und Kooperationspartner bieten. <\/li><li><strong>Indikations-Circle:<\/strong> Auf der Startseite haben wir aus einer alten Kachel-Darstellung ein modernes und zeitgem\u00e4\u00dfes Content-Element gemacht. Die verschiedenen Indikationen werden in einem animierten Kreis dargestellt, der mit Icons eine intuitive Navigation erm\u00f6glicht.<\/li><li><strong>Fokus auf Layout:<\/strong> Da der urspr\u00fcngliche Ansatzpunkt ein Facelift war, stand insbesondere das neue Layout im Vordergrund. Dabei haben wir auf neue Content-Elemente mit kleinen Erlebnissen wie Bewegung gesetzt. So ist insgesamt eine \u00fcbersichtliche Seite entstanden, die in der Benutzung einfach Spa\u00df macht.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Der Sidroga-Relaunch: eine gelungene Website f\u00fcr alle Seiten<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>F\u00fcr mich war es ein sehr sch\u00f6nes und rundes Projekt, weil wir es ab der Konzeption betreut haben. Wir haben uns ja wirklich von der urspr\u00fcnglichen Struktur der Seite entfernt, aber haben die neue Site logisch und gut strukturiert aufgebaut. Auf dieser Basis, dem Konzept, beruht alles, was wir jetzt live sehen. Wir haben stringent daran gearbeitet und es hat alles Hand in Hand gegriffen. Der Relaunch ist ein echter Team-Erfolg und es macht einfach Spa\u00df, ein gestecktes Ziel gemeinsam zu erreichen.<\/p><cite><strong>Anne Banke, Projektmanagerin bei forty-four<\/strong><\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Am Ende haben vom Relaunch der <a href=\"https:\/\/www.sidroga.de\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.sidroga.de\" rel=\"noreferrer noopener\">Sidroga-Website<\/a> alle Beteiligten profitiert. Das Unternehmen ist gl\u00fccklich mit der modernisierten Website und den NutzerInnen wird ein modernes Website-Erlebnis geboten. Wir als Agentur sind zufrieden mit der Arbeit und freuen uns dar\u00fcber, wieder einmal ein so gro\u00dfes Projekt erfolgreich umgesetzt zu haben. Eine klassische Win-Win-Win-Situation eben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group has-ast-global-color-4-background-color has-background is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\">forty-four bringt Ihre Website auf Vordermann<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Als Full-Service Internetagentur f\u00fcr den Mittelstand verstehen wir von forty-four Multimedia uns hervorragend auf die Modernisierung von Websites. Wir wissen, welche Herausforderungen das Web mit sich bringt und wie wir Ihr Unternehmen gestalterisch, technisch und inhaltlich richtig in Szene setzen. Gerne pr\u00fcfen wir auch Ihre Website auf Herz und Nieren und erstellen Ihnen ein unverbindliches Angebot. Melden Sie sich einfach!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/www.forty-four.de\/webseiten.html\" target=\"_blank\" rel=\"noreferrer noopener\">jetzt \u00fcber relaunch informieren!<\/a><\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sidroga ist Marktf\u00fchrer f\u00fcr Arzneitee in Deutschland und der Schweiz. Um diesem Status und einer erweiterten Produktpalette gerecht zu werden, haben wir einen Website-Relaunch durchgef\u00fchrt. <\/p>\n","protected":false},"author":3,"featured_media":2788,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7,1,3],"tags":[],"class_list":["post-2771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webseiten","category-allgemein","category-online-marketing"],"_links":{"self":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/2771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/comments?post=2771"}],"version-history":[{"count":5,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/2771\/revisions"}],"predecessor-version":[{"id":2929,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/posts\/2771\/revisions\/2929"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media\/2788"}],"wp:attachment":[{"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/media?parent=2771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/categories?post=2771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.forty-four.de\/blog\/wp-json\/wp\/v2\/tags?post=2771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}