Customer Success Story – Anita
Werbung
CUSTOMER SUCCESS STORY www.anita.com www.anita.com – Customer Success Story 2 Projektbeschreibung für den Anita.com-Webauftritt „Anita Hautnah“ „Besondere Mieder und Bademode, geniale Passform, kompromissloser Komfort und hohe Qualität: Dafür steht das Unternehmen Anita Dr. Helbig seit mehr als 125 Jahren!“ Zusammenhang wurde von unserer eConsulting Unit u.a. eine für Anita abgestimmte und passgenaue Online-Strategie entwickelt. Das Unternehmen ist weltweit mit den Marken ANITA SINCE 1886 und ROSA FAIA vertreten und ist bekannt für Büstenhalter sowie Bademoden für die unterschiedlichsten Figurtypen. Eine Herausforderung des Projekts war es vor allem die unterschiedlichen Produktwelten auf bestmögliche Art und Weise auf der Webseite zu präsentieren. In diesem Herzstück der neuen Anita global Website ist der Storelocator, der Händler dabei unterstützt Besucher in ein nah gelegenes Geschäft zu führen. Bei der konzeptionellen und technischen Umsetzung sollten sowohl TYPO3 Neos für den Auftritt der globalen Website und Magento für das „Schaufenster“ der Website zum Einsatz kommen. In diesem Zusammenhang war es vor allem das Ziel ein optimales Zusammenspiel der beiden Systeme zu schaffen und diese intelligent miteinander zu verknüpfen. www.anita.com www.anita.com – Customer Success Story Anforderungen Realisierung einer visuell einladenden, Besucher begeisternden und Usabilityoptimierten Corporate Website mit optionalem Online-Shop Attraktive und sympathische Darstellung des Produktsortiments, der Funktionalitäten sowie des Unternehmens Begleitung des gesamten Projekts durch eine ganzheitliche Online-Strategie mit dem Ziel den Bekanntheitsgrad der Marke „Anita“ zu steigern sowie neue Besucher auf der Webseite zu generieren Die Webseite dient dazu Besucher auf einfache Art und Weise zu weltweit tragfähigen Verkaufspunkten zu führen. Darüber hinaus sollte Online-Shopping bei Bedarf jederzeit möglich sein. Lösungen Effektives Zusammenspiel und Kombination des innovativen Content Management Systems TYPO3 Neos und der Shopsoftware Magento Kraftvolle, effektive und einfache Händlersuche, die es Usern ermöglicht die Produktwelt von Anita auch im Geschäft kennenzulernen Durchdachtes und übersichtliches Layout, um die Marken paritätisch darstellen zu können Ergebnis Termingerechte Umsetzung des umfangreichen Webprojekts Umsetzung der ersten TYPO3 Neos mehrsprachigen Website – Realisierung einer globalen Website in sechs Sprachen Darstellung der Anita-Produktwelten mit Hilfe unterschiedlicher Farben bzw. Pins, die in einer Landkarte das umfangreiche Händlernetzwerk visualisieren Responsive Design mit Schwerpunkt Tablet Sympathische Vorstellung des Unternehmens und dessen Arbeitsweise durch die Rubrik „Anita Hautnah“ Hochwertiger Content gepaart mit aussagekräftigen und emotionalen Bildern und Videos 3 www.anita.com – Customer Success Story 4 www.anita.com – Customer Success Story 5 www.anita.com – Customer Success Story 6 Die TechDivision-Lösung der Anita Coporate Webseite Wie sehen Konzept und technische Realisierung aus? Analyse & Konzeption Um die Online-Präsenz von Anita optimal in Szene setzen zu können wurden zu allererst die Unternehmensstrukturen sowie das Unternehmensumfeld (Mitbewerber, Markt, etc.) umfangreich analysiert. Ziel des Projekts war es vor allem den Online-Auftritt unter dem Leitmotiv „Sympathie“ durch emotionale Bilder sowie durch treffendes Wording ansprechend zu gestalten. Darüber hinaus wurde im Rahmen des Projekts ein Usability-Test mit 56 Frauen mit Fokus auf die Benutzbarkeit der Webseite von uns durchgeführt. Zudem flossen auch die Erkenntnisse aus einer Masterarbeit mit dem Titel „Evaluating a Corporate Website from a Customer-Centric Point of View, Using the Example of Anita“ in das Design des Webprojekts ein. Unsere Analyse- und Konzeptionsarbeit im Überblick: Unique Selling Proposition Konzeptionierung Analyse und Definition der optimalen Zielgruppen Erstellen von Personas Ableiten von Bedürfnissen und Wünschen der Zielgruppen Entwicklung des Website-Konzepts Ausarbeitung eines ganzheitlichen Shop-Konzepts & Konzeption des US-Online Shops Entwicklung der Produktwelten und Aufteilung der Produkte in Kategorien Konzeption geeigneter Menüpunkte: „Anita Hautnah“ Entwicklung eines Prototyps in Axure mit Hilfe von Wireframes: Darstellung der gesamten Websitestruktur inkl. Entwicklung des Storelocators Analyse der Fotos in Bezug auf das Leitmotiv „Sympathie“ – Regelwerk und Handlungsempfehlungen Entwicklung einer tragfähigen Online Marketing Strategie Realisierung einer globalen Social-Media-Strategie (inklusive Redaktionsplan und Systematik) Entwicklung und Ausformulierung von Kreativ-Ideen für den aktuellen und zukünftigen Website-Content in Zusammenspiel mit ganzheitlichen Off- und Onlinemarketing- Maßnahmen sowie Social Media Aktivitäten Analyse geeigneter Gütesiegel und Zertifizierungen für die Textilbranche www.anita.com – Customer Success Story 7 Systeme Technische Aspekte Um die Webseite im gewünschten Umfang realisieren zu können, wurde eine Kombination aus den Open Source Lösungen Magento EE Version 1.13. und TYPO3 Neos 1.2. verwendet, die auf dem Portal optimal zusammenspielen. Magento wurde dabei für die Produktdetailansicht ohne „Kaufen Button“, aber mit einem Link zur Händlersuche genutzt. Der neue Anita.com-Webauftritt weist eine wohlüberlegte Konzeption, paritätische Anita Markendarstellung sowie einen durchdachten Backend-Workflow auf, der für höchstmöglichen Komfort und Usability sorgt. Der Schwerpunkt bei der Responsive Design-Umsetzung wurde dabei vor allem auf Tablet-User gelegt. „ Durch die vielseitigen Analysen und die umfangreiche Konzeption von TechDivision konnten wir eine Webseite realisieren, die ganz unseren Bedürfnissen entspricht. Die Kombination aus elasticsearch, TYPO3 Neos und Magento ist für uns dabei die optimale Lösung uns im Web zu präsentieren. Jürgen Weinzierl, Koordinator Internet / Online, Anita Der flexible TD-Content-Commerce-Ansatz www.anita.com – Customer Success Story TYPO3 Neos Backend mit Inline-Editing Admin 8 www.anita.com – Customer Success Story TYPO3 Neos Backend mit Inline-Editing Admin 9 www.anita.com – Customer Success Story 10 Features TYPO3 Neos Mehrsprachigkeit Händlersuche (elasticsearch) Verknüpfung TYPO3 Neos mit Magento Anita ist das erste TYPO3 Neos Projekt, bei dem eine mehrsprachige Webseite umgesetzt wurde. So ist es auf der Webseite möglich den Content auf Deutsch, Englisch, Französisch, Italienisch, Spanisch und Holländisch zu pflegen. Mit der Umsetzung der „Mehrsprachigkeit“ in TYPO3 Neos wurde ein weiterer Meilenstein für das „CMS der Zukunft“ gelegt. Damit User Händler in ihrer Umgebung schnell, einfach und bequem finden können, wurde eine Händlersuche auf Basis von Emberjs programmiert und als Nodetype in Neos integriert. Für die Suche der Stores wird elasticsearch und für die Suche der Orte die Google Maps API genutzt. elasticsearch greift dabei auf eine importierte CSV-Datei zurück. Der Import an sich wurde mit Hilfe von TYPO3 Flow entwickelt und realisiert. Während des Import-Prozesses werden die Adressen mit Hilfe des API Mapquest und Google geocodiert. TYPO3 Neos gilt als das neue und innovative CMS in der TYPO3 Familie und überzeugt mit seiner einfachen Bedienbarkeit und Usability im Backend. Zusammen mit Magento ergibt sich eine effektive Symbiose, die auf der Anita-Plattform optimal genutzt wird. www.anita.com – Customer Success Story Projektmanagement Für das Anita Content-Commerce-Projekt war ein Entwicklerteam mit bis zu sechs Personen im Einsatz. Dabei wurde das Projekt komplett agil mittels Scrum realisiert, um größtmögliche Flexibilität und Effizienz bei gleichzeitig bestmöglicher Qualität gewährleisten zu können. In diesem Zusammenhang ist besonders hervorzuheben, dass der agile Workflow durch die enge Zusammenarbeit mit der IT Abteilung von Anita nochmals gepusht wurde. DATEN & FAKTEN GOING LIVE PROJEKTLAUFZEIT TECHNOLOGIE 08/2014 Beginn: Mitte September 2013 ›› TYPO3 Neos 1.2 ›› Magento 1.13 ›› elasticsearch HARDWARE Fazit: „Projektrealisierung mit Liebe zum Detail“ 11 ›› 2 * Intel Xeon QuadCore E5-2643 @ 3.30GHz ›› 64GB Arbeitsspeicher BESONDERHEITEN ›› Integration in die bestehende IT-Infrastruktur (AS400) – Händlerdaten + Produktdaten ›› Implementierung diverser Marktforschungs- und Analysetools Die Corporate Website von Anita.com wurde in einer Projektlaufzeit von 10 Monaten und einer intensiven Entwicklungszeit von 5 Monaten umgesetzt. Das Konzept, Design und die technische Realisierung der Webseite basieren dabei auf TYPO3 Neos sowie Magento. Mit dem Abschluss des Projekts steht fest, dass TYPO3 Neos schon längst aus seinen Kinderschuhen gewachsen und für den Einsatz in Großprojekten bereit ist. Dabei überzeugt das innovative CMS vor allem mit seiner Usability und enormen Flexibilität. Zusammen mit Magento wurde eine leistungsstarke Plattform geschaffen, die User in die Produktwelt von Anita eintauchen lässt. ›› Implementierung einer effektiven Händlersuche mit elasticsearch ›› Intelligente Verbindung von TYPO3 Neos & Magento „ „Die Zusammenarbeit mit TechDivision war großartig und hat auch mir persönlich sehr viel Spaß gemacht! Das Ergebnis ist wirklich sehenswert, strukturell / technisch ausgereift und auf höchstem Niveau! TechDivision hat einen super Job gemacht – Kompliment! Ich freue mich auf die weitere Zusammenarbeit in den kommenden Wochen und Monaten.“ Dr. Clemens Friemel, Bereichsleitung Marketing & Vertrieb, Prokurist, Anita www.anita.com – Customer Success Story 12 TechDivision Anita.com Mit einem Inhouse-Team von rund 70 Mitarbeitern unterstützt TechDivision seit 1997 namhafte nationale und internationale Kunden bei der ganzheitlichen Planung, Konzeption und Umsetzung von webbasierten Technologien. Der Fokus liegt in der Realisierung von E-Commerce-ShopLösungen basierend auf Magento und der Entwicklung von Unternehmenswebseiten und Intranetlösungen mit dem Content Management System TYPO3. TechDivision ist Magento Gold Partner der ersten Stunde und kann zwischenzeitlich weit mehr als 50.000 Stunden Magento Projekterfahrung vorweisen. Als „TYPO3 Association Gold Member“ verfügt TechDivision im Bereich TYPO3, TYPO3 Neos, TYPO3 Flow, Webentwicklung (PHP, JAVA, XHTML, CSS, Flash) und Webdesign ebenfalls über umfangreiches und langjähriges Know-how. Anita ist ein traditionelles Familienunternehmen mit Hauptsitz im oberbayrischen Brannenburg, das in der vierten Generation von Georg Weber-Unger und seinen beiden Söhnen Georg und Johannes geführt wird. Neben der Entwicklung auf Basis von Open Source Technologien bietet TechDivision über ihre Online Marketing Unit – die TechDivision eConsulting – zusätzliche Leistungen rund um das Thema Performance-Marketing wie SEO/SEA, Usability- und Conversion-Optimierung, Webtracking, Social Media sowie weitere eConsulting-Leistungen an. Aktuell verfügt TechDivision über drei Standorte in Rosenheim/Kolbermoor sowie München und Lübeck. www.techdivision.com Das Unternehmen betreibt sechs eigene Produktionen, in denen rund 800 Näherinnen Anita und ROSA FAIA Artikel fertigen. Alles in Allem unterhält das Unternehmen weltweit 20 eigene Gesellschaften und beschäftigt mehr als 1.500 Mitarbeiter. Seit 1886 strebt das Unternehmen nach überragender Qualität und Einzigartigkeit seiner Produkte und hat dabei immer das Ziel vor Augen mit seinen Artikeln Kunden ein Stück mehr Lebensqualität zu geben. www.anita.com www.anita.com – Customer Success Story Magento TYPO3 Neos Magento ist die weltweit am schnellsten wachsende E-Commerce-Plattform mit über 225 Solution-Partnern, mehr als 200.000 weltweiten Händlern und Marken sowie einer Vielzahl an Industriepartnern, die für die Magento-Plattform Anwendungen und Extensions entwickeln. TYPO3 Neos ist ein neues Open-Source Content-ManagementSystem zum Erstellen von Websites und Webportalen, welches auf dem PHP-Framework TYPO3 Flow basiert. Im IR Top 500 Guide 2014 hat Magento zwischenzeitlich Demandware als Shoplösung überholt und bildet mit Oracle und IBM das Spitzentrio der 500 größten Internethändler in den USA und Kanada. Weltweit gibt es über 2000 Certified Developers – darunter arbeiten 16 bei TechDivision, die für eine hochwertige Qualität bei der Umsetzung von Projekten garantieren. www.magentocommerce.com Charakteristisch für das neue CMS sind vor allem die benutzerfreundliche Oberfläche und die erstklassige Usability. So bietet TYPO3 Neos vor allem für Redakteure den Vorteil, Content einfacher und effizienter zu pflegen und es ermöglicht beispielsweise mit dem Inline-Editing ein intuitives Arbeiten ohne „klassisches“ Backend. Zudem gilt Neos als leistungsfähige und extrem skalierbare Plattform, auf der Features einfach entwickelt und integriert werden können. Das darunter liegende Flow-Framework bietet darüber hinaus die Möglichkeit, weitere ergänzende Applikationen für Webauftritte zu entwickeln. An der Entwicklung des CMS ist TechDivision maßgeblich beteiligt und nimmt dabei eine führende Position ein. http://neos.typo3.org/ 13 www.anita.com – Customer Success Story Sie haben Fragen? Wir stehen Ihnen telefonisch und per Mail gerne zur Verfügung und freuen uns auf eine gemeinsame und erfolgreiche Zusammenarbeit! TechDivision GmbH / TechDivision eConsulting GmbH Spinnereiinsel 3a 83059 Kolbermoor Tel +49 8031 2210 55-0 Fax +49 8031 2210 55-22 Balanstr. 73, Haus 8, 3 OG 81541 München [email protected] Willy-Brandt-Allee 31c 23554 Lübeck www.techdivision.com FACEBOOK YOUTUBE TWITTER XING GOOGLE+ Bildquellen: www.anita.com 14
