www.anita.comCUSTOMER SUCCESS STORY

www.anita.com – Customer Success Story 2

„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

Projektbeschreibung für den Anita.com-Webauftritt

„Anita Hautnah“

www.anita.com

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 – Customer Success Story 3

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

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

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.

www.anita.com – Customer Success Story 4

www.anita.com – Customer Success Story 5

www.anita.com – Customer Success Story 6

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.

Unsere Analyse- und Konzeptionsarbeit im Überblick:

Die TechDivision-Lösung der Anita Coporate Webseite Wie sehen Konzept und technische Realisierung aus?

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.

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

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.

Systeme

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.

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 8

TYPO3 Neos Backend mit Inline-Editing

Admin

www.anita.com – Customer Success Story 9

TYPO3 Neos Backend mit Inline-Editing

Admin

www.anita.com – 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.

www.anita.com – Customer Success Story 11

Projektmanagement

Für das Anita Content-Commerce-Projekt war ein Entwickler-team mit bis zu sechs Personen im Einsatz. Dabei wurde das Projekt komplett agil mittels Scrum realisiert, um größtmög-liche 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 noch-mals gepusht wurde.

Fazit: „Projektrealisierung mit Liebe zum Detail“

Die Corporate Website von Anita.com wurde in einer Projekt-laufzeit von 10 Monaten und einer intensiven Entwicklungszeit von 5 Monaten umgesetzt. Das Konzept, Design und die tech-nische 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 Kinderschu-hen 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.

GOING LIVE

PROJEKTLAUFZEIT

TECHNOLOGIE

08/2014

Beginn: Mitte September 2013

› TYPO3 Neos 1.2

› Magento 1.13

› elasticsearch

› 2 * Intel Xeon QuadCore E5-2643 @ 3.30GHz

› 64GB Arbeitsspeicher

› Integration in die bestehende IT-Infrastruktur (AS400) – Händlerdaten + Produktdaten

› Implementierung diverser Marktforschungs- und Analysetools

› Implementierung einer effektiven Händlersuche mit elasticsearch

› Intelligente Verbindung von TYPO3 Neos & Magento

D A T E N & F A K T E N

HARDWARE

BESONDERHEITEN

„„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

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 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.

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

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 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 13

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.

http://neos.typo3.org/

Magento

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.

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

www.anita.com – Customer Success Story 14

Spinnereiinsel 3a83059 Kolbermoor

Tel +49 8031 2210 55-0Fax +49 8031 2210 55-22

info@techdivision.com

www.techdivision.com

TechDivision GmbH / TechDivision eConsulting GmbH

Balanstr. 73, Haus 8, 3 OG81541 München

Willy-Brandt-Allee 31c23554 Lübeck FACEBOOK YOUTUBE

XING

GOOGLE+

TWITTER

Sie haben Fragen? Wir stehen Ihnen telefonisch und per Mail gerne zur Verfügung und freuen uns auf eine

gemeinsame und erfolgreiche Zusammenarbeit!

Bildquellen: www.anita.com