CUSTOMER SUCCESS STORY

Transkript

1 CUSTOMER SUCCESS STORY

2 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! 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 Zusammenhang wurde von unserer econsulting Unit u.a. eine für Anita abgestimmte und passgenaue Online-Strategie entwickelt. 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.

3 Customer Success Story 3 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 Responsive Design mit Schwerpunkt Tablet 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 Sympathische Vorstellung des Unternehmens und dessen Arbeitsweise durch die Rubrik Anita Hautnah Hochwertiger Content gepaart mit aussagekräftigen und emotionalen Bildern und Videos

4 Customer Success Story 4

5 Customer Success Story 5

6 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 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 Entwicklung eines Prototyps in Axure mit Hilfe von Wireframes: Darstellung der gesamten Websitestruktur inkl. Entwicklung des Storelocators

7 Customer Success Story 7 Systeme Um die Webseite im gewünschten Umfang realisieren zu können, wurde eine Kombination aus den Open Source Lösungen Magento EE Version 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. Technische Aspekte 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

8 Customer Success Story 8 TYPO3 Neos Backend mit Inline-Editing Admin

9 Customer Success Story 9 TYPO3 Neos Backend mit Inline-Editing Admin

10 Customer Success Story 10 Features TYPO3 Neos Mehrsprachigkeit 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. Händlersuche (elasticsearch) 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. Verknüpfung TYPO3 Neos mit Magento 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.

11 Customer Success Story 11 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. Fazit: Projektrealisierung mit Liebe zum Detail GOING LIVE PROJEKTLAUFZEIT TECHNOLOGIE HARDWARE BESONDERHEITEN 08/2014 Beginn: Mitte September 2013 TYPO3 Neos 1.2 Magento 1.13 elasticsearch 2 * Intel Xeon QuadCore 3.30GHz 64GB Arbeitsspeicher DATEN & FAKTEN 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

12 Customer Success Story 12 TechDivision 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-Shop- Lö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 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. 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. Anita.com 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. 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 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. Aktuell verfügt TechDivision über drei Standorte in Rosenheim/Kolbermoor sowie München und Lübeck.

13 Customer Success Story 13 Magento Magento ist die weltweit am schnellsten wachsende E-Commerce-Plattform mit über 225 Solution-Partnern, mehr als weltweiten Händlern und Marken sowie einer Vielzahl an Industriepartnern, die für die Magento-Plattform Anwendungen und Extensions entwickeln. 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. TYPO3 Neos TYPO3 Neos ist ein neues Open-Source Content-Management- System zum Erstellen von Websites und Webportalen, welches auf dem PHP-Framework TYPO3 Flow basiert. 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.

14 Customer Success Story 14 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 Kolbermoor Tel Fax Balanstr. 73, Haus 8, 3 OG info@techdivision.com München Willy-Brandt-Allee 31c Lübeck FACEBOOK YOUTUBE TWITTER GOOGLE+ XING Bildquellen: