eggs unimedia München Schertlinstraße München

Transkript

1 Adaptiv, responsiv, endgeräteübergreifend Eine einheitliche User Experience auf allen Endgeräten Christian Deinlein Gruppenleiter Internetsysteme HUK-COBURG Martin Brösamle Leiter Vertrieb & Marketing eggs unimedia GmbH

2 Agenda Trends kurzer Exkurs HUK-COBURG kurze Vorstellung Anforderungen an den Webauftritt Konsistente User Experience in allen Situationen Antragsstellung auf allen Endgeräten HUK Enterprise Blog Time-to-Market, Quality Assurance Ausblick

3 Megatrends Kurzer Exkurs

4 Das ist nicht die Website unserer Bank Das ist unsere Bank! Alessandro Colafranceschi Senior Vice President Online and Mobile Banking

5 Über 50% Absatz von Smartphones der Prozesse werden übersteigt Absatz vonüber PCs ein mobiles Endgerät angestoßen

6 HUK-COBURG Kurze Vorstellung

7 HUK-COBURG +10 Millionen Versicherte Ca Mitarbeiter Mehr als 10 Jahre Direktversicherung (HUK24) 2 Webauftritte auf Adobe AEM: / 20 Seitentemplates 50 Komponenten Ca. 100 Autoren

8 Vision der HUK-COBURG Eine Plattform alle Dienste

9 Eine Plattform alle Dienste Web Content über alle Kanäle Unternehmensblog Auf der gleichen Plattform Antragsprozesse Endgeräteübergreifend, End-2-End, digital

10 Adobe Marketing Cloud Eine Plattform alle Dienste

11 Evolution digitaler Erlebnisse Experience Management & Targeting Erstellung & Innovation Multi-Kanal Deployment Optimierung Analyse

12 HUK eine wachsende Plattform 2010 Einführung Adobe LiveCycle Output 2011 Einführung Adobe Experience Manager (AEM) Redesign Redesign des Webauftritts (Responsive Design) 2014 Migration von LiveCycle - > AEM Forms 2015 Social Communities -> Ablösung des bestehenden Corporate Blogs

13 Anforderungen an den Webauftritt Konsistente UX auf allen Endgeräten

14 Adaptiver, personalisierter Banner

15 Hauptmenü

16 Kontakt

17 3 spaltiger Teaser: Kundenansprache nach Produktkategorien und Zielgruppen

18 Responsive Web Design bei der HUK COBURG Adobe Experience Manager unterstützt Redakteure beim Erstellen von Webinhalten für verschiedene Endgeräte. Desktop Tablet Smartphone

19 Responsive Web Design bei der HUK COBURG

20 Anforderungen an den Webauftritt Antragstellung auf allen Endgeräten

21 Formulare auf mobilen Endgeräten

22 Evolution der Formulare -1 - Papierformulare -2 - Ausfüllbare eformulare -3 - Intelligente eformulare -4 - Dynamische eformulare -5 - Adaptive Formulare Ausdrucken & Ausfüllen Ausfüllen & Ausdrucken Übertragen & Verarbeiten Personalisieren Endgeräte optimieren Online verfügbar gemachte Formulare stellen sicher, dass die aktuellste Formularversion verwendet wird Elektronisch ausfüllbare Formulare reduzieren das Fehlerrisiko im Vergleich zu handschriftlich ausgefüllten Formularen Validierungen stellen sicher, dass Formulare korrekt und vollständig ausgefüllt wurden. Automatische Übertragungen beschleunigen Prozess Vorbefüllte Formulare sparen Zeit und ermöglichen Kunden, vorhandene Daten zu aktualisieren Nur relevante Formularfelder werden angezeigt Form Guides ermöglichen ein nutzerfreundliches Ausfüllen am mobilen Endgerät Im Hintergrund wird ein PDF erzeugt

23 Problemstellung - Usability Andere Benutzerführung auf Tablet und Smartphone -> München Responsive Design erforderlich eggs unimedia Schertlinstraße München

24 Problemstellung Technologisch Unterschiedliche Betriebssysteme Unterschiedliche Browser mit unterschiedlichen PDF Viewer

25 Adaptive Formulare Darstellung Smartphone

26 Haftpflichtversicherungsantrag bei HUK24.de Der Weg zum Antrag

27 Formulardesigner

28 Fachanwender

29 Adaptive Forms Darstellung auf Table / Smartphone Adaptive Wizards führen den Nutzer durch den Prozess Responsive Design passt sich an das Device an Desktop, Tablet, Smartphone Vorlagen entsprechen dem Design anderer digitaler Kanäle Nutzer können Formulare mit Social Network Integration vorbefüllen Dokumente hochladen Formulare zwischenspeichern und später weitermachen Fortschritt durch Fortschrittsbalken sehen Sich Hilfetexte anzeigen lassen Inhalte validieren lassen

30 Der Weg zum Antrag Adobe AEM Forms Server

31 AEM Social Communities Unternehmensblog

32 PAID OWNED EARNED MEDIA Budget + Skalierbarkeit - Kosten Reichweite OWNED Webseite, Shop, eigene Social Media Plattformen Gekaufte Reichweite (paid): Google Adwords, Display, Facebook Ads, etc. Verdiente Reichweite (earned): Blogs, Facebook, Twitter, Xing, Google+, etc. Zeit Ressourcen

33

34 Beweggründe für das Projekt ONE WAY COMMUNICATION Blablabla.

35 Anforderungen an den Webauftritt Time-to-Market, Quality Assurance

36 10 der 25 besten Websites verwenden Adobe Experience Manager. Einfach bedienbares Autoreninterface Kompetenzen in die Fachbereiche Adobe Experience Manager Workflows & Quality Assurance Neue Kampagnen Time to Market

37 Heute: Benutzerfreundliche Content Erstellung Bereitstellung digitaler Inhalte Einfache Verwaltung von Seiteninhalten

38 Sicherstellung der Content Qualität? Redakteur

39 Workflow ist über ein Template einfach zu konfigurieren

40 Alle Prozessbeteiligten.. sehen den komplette Thread Redakteur Grafiker Texter Chefredakteur

41 Take-aways: AEM ist viel mehr als ein WCM AEM ist die umfassendste Plattform zum Verwalten, Personalisieren, Optimieren und Ausliefern von Inhalten über alle Kanäle AEM bietet eine Vielzahl an perfekt integrierten Diensten, unter anderem zur Dokumentenerstellung und Dokumentenverschlüsselung Adobe Experience Manager ist eine modular aufgebaute, skalierbare und erweiterbare Plattform (Social Communities u.v.m.)

42 Steckbrief eggs unimedia 1984 Firmengründung als Electronics Graphics Group 2004 eggs wird Adobe Business Partner 2005 Gründung des Adobe Trainingscenters 2010 Gewinner des Siemens top + Awards 2014 Deloitte Fast 50 Award Mitarbeiter: 35 Umsatz 2014: 4,5 Mio Firmensitz: München 50 Kunden im Adobe Umfeld

43 Steckbrief eggs unimedia Fragen? Martin Brösamle eggs unimedia GmbH Leiter Vertrieb & Marketing Tel.:

44 Adobe Experience Manager geplante Projekte

45 Geplante Maßnahmen/Projekte Konsolidierung der IT Systeme Fertigstellung des Enterprise Blogs im März Migration auf AEM6 Responsiver Website Relaunch diverser Subdomains (VRK etc.) auf AEM

46 Funktionsumfang AEM Social Communities Unternehmensblogs Community oder End-User Blogs Foren Q&A Foren Kommentare Bewertungen Activity Streams Social Calendar Social Media Plug-ins für Facebook und Twitter Social Log-in und Personalisierung Workflow gestützte Moderierung von Community Inhalten Vorgefertigte Komponenten für Social Analytics Autoren arbeiten mittels Drag-and-drop