11
www.creaton.de CUSTOMER SUCCESS STORY

customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de customer success story

Page 2: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 2

Die CREATON Aktiengesellschaft mit Hauptsitz in Wertingen bei Augsburg ist einer der größten deutschen Hersteller von Tondachziegeln. An 9 Standorten mit 14 Werken arbeiten rund 1.000 Mitarbeiter an einer Jahresproduktion von ca. 270 Mio. Dachziegeln und generieren damit rund 200 Mio. Euro Umsatz.

Creaton bat uns um ein Update ihres bestehenden TYPO3-Systems und ein responsives Design – und zwar vorgestern. Nach einer Analyse des existierenden Systems – und nachdem wir feststellten, wo noch überall der Schuh drückt, erarbeiteten wir mit dem Kunden zusammen folgende Variante, die ein optimales Kosten-/Nutzen-Verhältnis darstellt:

Ablösung des alten Systems, Rapid-Prototyping ohne Design-Vorlauf auf Basis von Bootstrap und als zentrale Informationsplattform eine übersichtliche und ausführliche Produkt-Detailseite, die an einen Online-Shop angelehnt ist. Darüberhinaus wurde eine umfassende Ansprechpartnersuche implementiert, die es dem Besucher ermöglicht, in jedem der unterstützten Länder schnell den richtigen Kontakt zu finden.

Nach Umsetzung der „Must-haves“ blieb noch Zeit zwei weitere Bestandteile unterzubringen: ein UX-optimiertes Design (wohlgemerkt nicht vor dem Projekt!) und die Anbindung des firmeninternen PIM-Systems. Letzteres bringt Creaton nun einen enormen Vorteil, da die Produktdaten (inklusive Bilder) nicht mehr an mehreren Stellen vorgehalten und gepflegt werden müssen. Dennoch lassen sich wesentliche Teile der Darstellung intelligent in TYPO3 steuern, da weder die Texte, noch die Struktur im vorhandenen PIM-System für Web-Darstellung und Suchmaschinen ausgelegt sind (z.B. welche der unzähligen Referenzbilder angezeigt werden sollen und welche nicht.)

Unser Auftraggeber wurde von Beginn an aktiv in die Entwicklung mit einbezogen und konnte somit vom ersten Tag an das Endergebnis und damit auch den Umfang des Projektes aktiv mitgestalten. Dadurch konnte das Projekt sehr effizient erfolgreich realisiert werden. Aus einer geplanten temporären Lösung wurde, durch die agile Vorgehensweise und sehr effiziente Prozesse, eine stabile und nutzerfreundliche Corporate Website.

Projektbeschreibung des CREATON Relaunch

Die Dachmarke der creativen Art

www.creaton.com

Page 3: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 3

ergebnis

Optimale User-Experience durch Responsive Design Mehr Flexibilität, Entlastung und bessere Usability für Redakteure

Sehr gutes Kundenfeedback und mehr Anfragen

Lösungen

Kurze Entwicklungszeit durch Rapid-Prototyping

Produkt-Detailseite als Hub für alle relevanten Produktinformationen und Referenzbilder

Implementierung einer Ansprechpartner-Suche

Entwicklung einer Schnittstelle für das PIM-System „Crossbase“

Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version

Anforderungen

Update des veralteten TYPO3 Systems

Unterstützung mobiler Endgeräte (Responsive Design)

Bessere Unterstützung für Ländergesellschaften

Anbindung eines vorhandenen PIM-Systems für Produktdaten

Warenkorb-Funktionalität für Produktanfragen

Enge Zeitvorgaben

Bessere Usability für Redakteure

Page 4: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 4

Design nach maßDie Webseiten wurde im Responsive Design umgesetzt.

Page 5: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 5

Kategorieseite Detailseite

Page 6: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 6

responsive Design

Die Seite wurde vollständig im Responsive-Design (fluid) umgesetzt, wobei ein besonderes Augenmerk auf die Optimierung der Performance gelegt wurde, so dass auch im mobilen Kontext – d.h. für Besucher der Website mit mobilen Endgeräten – eine optimale Usability gegeben ist.

usability

Der Redakteur hat durch die aufgeräumte Struktur der Produktdetailseite jederzeit die Möglichkeit, wichtige Informationen direkt zu beeinflussen. Dabei wurde selbstverständlich auf Standard-TYPO3-Funktionen zurückgegriffen.

Die Usability wurde zudem von unserem zertifizierten Inhouse Usability-Engineer geprüft und optimiert.

Für die erfolgreiche Umsetzung des Projekts kam das Enterprise Open Source Content Management System TYPO3 zum Einsatz. Die Corporate Website wurde dabei komplett im Responsive Design umgesetzt und begeistert User auf allen Devices. Zudem wurde mit der Website ein zentraler Daten-Hub mit Top-Usability im Backend sowie einer klaren, einfachen Struktur für den Besucher geschaffen.

content-Features

Neben diversen vorgefertigten Inhaltselementen, auf die die Redakteure flexiblen Zugriff haben und so problemlos neue Inhalten und Landingpages anlegen können, wurde eine intelligente Ansprechpartnersuche implementiert, die Interessenten mit wenigen Mausklicks zum Ziel führt. Abgerundet wird das Ganze durch eine Warenkorbfunktionalität über die Kunden und Interessenten schnell und einfach Informationsmaterial bestellen können.

schnittstellen

Um die Pflege der Inhalte so einfach wie möglich zu gestalten und unnötige Redudanzen zu vermeiden, wurde eine Schnittstelle zum bestehenden Product Information Management System „Crossbase“ geschaffen, über die die vorhandenen Produkdaten automatisiert in die Webseite übernommen werden. Dadurch sind bei Produktänderungen oder -erweiterungen auch keine Änderungen des vorhandenen Workflows nötig. Die Task-Steuerung erfolgt über eine simple Message-Queue-Systematik.

Die techDivision-Lösung der creAtoN-Webseite

Page 7: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 7

Vorteile der schnittstelle

› Produktdaten werden automatisch aus dem bestehenden PIM (Product Information System) auf die Webseite übertragen und müssen nicht zusätzlich im TYPO3-System eingepflegt werden.

› Die aus dem PIM übertragenen Daten können bei Bedarf jedoch manuell über das TYPO3-Backend ergänzt werden. Damit wird eine deutlich verbesserte Flexibiltät bei der inhaltlichen Ausgestaltung gewährleistet.

Im TYPO3-System manuell gepflegte Daten

Daten aus dem PIM

Page 8: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 8

Projektmanagement

Für das Creaton-Projekt war ein Team mit zwei Entwicklern und einem Software-Architekten im Einsatz. Das Projekt wurde komplett agil mit einem sog. Rapid-Prototyping-Ansatz realisiert, um größtmögiche Flexibilität und eine möglichst kurze Entwicklungsdauer bei gleichzeitig bestmöglicher Qualität gewährleisten zu können. Die Steuerung erfolgte über einen Product Owner (PO) der von TechDivision gestellt wurde. Dieser kommunizierte direkt mit einem Projektverantwortlichen auf Kundenseite. Durch tägliche Standups sowie einen laufenden Austausch zwischen Team und Kunde konnten das Projekt fristgerecht realisiert werden.

ProjeKtLAuFzeit

techNoLogie

ProjeKtteAm

Weitere ProjeKtbeteiLigte

besoNDerheiteN

10/2015 bis 04/2016

TYPO3 Enterprise Content Management System

› 2 Entwickler › 1 Product Owner › 1 Head of TYPO3/Scrum Master

› Crossbase › Web- & IT-Abteilung CREATON

› Arbeitserleichterungen für den Redakteur

› Umsetzung in 9 Sprachen (Ländermandanten)

› Anbindung des Product Information Management Systems „Crossbase“

› Integration einer Warenkorb- und Bestellfunktion

› Implementierung einer intelligenten Ansprechpartnersuche

D a t e n & F a k t e n

F a z i t

tyPo3 + KNoW-hoW uND erFAhruNg

= ProjeKterFoLg!

Page 9: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 9

techDivision

Als etablierter Webtechnologiedienstleister 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 komplexen E-Commerce-Lösungen (sowohl B2C als auch B2B) basierend auf Magento, der Entwicklung von Unternehmenswebseiten und Intranetlösungen mit dem Content Management System TYPO3, sowie individuelle Webapplikationen auf Basis von PHP und JavaScript.

TechDivision ist Magento Enterprise Partner der ersten Stunde und kann zwischenzeitlich weit mehr als 100.000 Stunden Magento Projekterfahrung vorweisen. Zudem wurde die Onlineagentur mit dem Magento „Spirit of Excellence Award 2013“ ausge- zeichnet und gehört damit zu den führenden Magento Partnern in Europa.

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. Aktuell arbeitet bei TechDivision ein Team von mehr als 70 Mitarbeitern an zwei Standorten in Rosenheim/Kolbermoor sowie München.

www.techdivision.com

creaton

Die CREATON Aktiengesellschaft mit Hauptsitz in Wertingen bei Augsburg ist einer der größten deutschen Hersteller von Tondachziegeln. Das Unternehmen mit einem Exportanteil von ca. 35 % ist Marktführer im Bereich der Biberschwanzziegel und einer der führenden Hersteller von Pressdachziegeln in Europa.

An 10 Standorten mit 17 Werken arbeiten rund 1.000 Mitarbeiter an einer Jahresproduktion von ca. 270 Mio. Dachziegeln, was in etwa. 18 Mio. m² Dachfläche oder 200.000 Einfamilienhäusern entspricht. Mehrheitsaktionär der Creaton AG mit einem Jahresumsatz von ca. 200 Mio. Euro ist die belgische Etex Group.

www.creaton.com

„Liebes techDivision-team, an dieser Stelle vielen Dank für euren einsatz und die geleistete arbeit. trotz zeitdruck und einiger Besonderheiten habt ihr das Projekt vorbildlich zum

abschluss gebracht und dabei nie den Spaß aus den augen verloren. Die zusammenarbeit mit euch hat Spaß gemacht und ich freue mich auch auf weitere Projekte mit euch.“

andreas Hack, Online-Marketing

Page 10: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 10

tyPo3

TYPO3 CMS ist ein freies Content-Management-Framework für Internetseiten, das seit Oktober 2012 offiziell unter dem Namen TYPO3 CMS angeboten wird. Ursprünglich wurde TYPO3 von Dänen Kasper Skårhøj entwickelt. TYPO3 basiert auf der Skriptsprache PHP. Als Datenbank kann MySQL oder MariaDB, aber auch PostgreSQL oder Oracle eingesetzt werden.

Mit rund 500.000 Installationen weltweit gehört TYPO3 zu den führenden Enterprise Content Management Systemen und genießt insbesondere in der DACH-Region bei komplexen Web-Projekten einen sehr guten Ruf.

Zahlreiche Funktionen von TYPO3 können mit Erweiterungen integriert werden, ohne dass ein eigener Programmcode geschrieben werden muss. Die derzeit über 5000 Erweiterungen stammen zum größten Teil von Fremdanbietern und sind kostenlos über einen Extension-Marktplatz verfügbar.

Neben umfangreichsten Funktionalitäten besticht TYPO3 insbesondere durch ein extrem mächtiges Rechte-/Rollensystem, umfassende Mandantenfähig-keit sowie diverse Security-Features.

www.typo3.org

Page 11: customer success story  · Optimiertes und nativ getestetes Responsive Layout auf der aktuellen TYPO3 Version Anforderungen Update des veralteten TYPO3 Systems ... der Website ein

www.creaton.de – Customer Success Story 11

Spinnereiinsel 3a83059 Kolbermoor

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

[email protected]

techDivision gmbh

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

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

gemeinsame und erfolgreiche zusammenarbeit!