Website-Relaunch und Webstrategie iico2014

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 1

Über uns Ihre Referenten Jan-Philip Riehle Head of Marketing & Strategy

Fabian Sander Projektmanager & Konzepter

Pinuts media+science 

Full Service Internet Systemhaus Konzeption, Design & Umsetzung



Integrationsexperte mit Beratungskompetenz Umfassende und realistische Beratung



Erfahrung und Know-How Realisierung von Webprojekten seit 1996

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 2

Unsere Agenda

10:00 – 13:00 Uhr

Webstrategie Wofür wird eine Webstrategie benötigt? Ist eine Webstrategie zeitgemäß? Wie finden Sie Ihre Webstrategie?

13:00 – 14:00 Uhr

Mittagspause

14:00 – 17:00 Uhr

Website-Relaunch Welche Kernthemen sollten Beachtung finden? Welche Relevanz haben die Themen für Ihren Relaunch? (Best Practices & Diskussion)

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 3

Keine Wiederholung „aktueller“ Webtrends, sondern

einen Überblick über Webstrategie und Website-Relaunch

und wie Sie diese Erkenntnisse für Ihren Relaunch nutzen.

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 4

Vorstellung

Ihre Erwartung an den Workshop Vorstellung und Wünsche 1.

Schreiben Sie Ihre wichtigste Frage für den Workshop auf.

2.

Stellen Sie sich und Ihre Frage kurz vor.

3.

Wir sammeln die Karten an unserer Pinnwand und überprüfen im Workshop, ob die Fragen geklärt wurden.

?

?

?

?

?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 6

?

?

?

?

? ?

?

Webstrategie

Eine Strategie finden & nutzen

Ein Blick in den Alltag

No Ticket, no Task!

Kein Budget!

IT

GF Neue Chancen im Web!

Controlling

Website Relaunch

Keine Zeit und Motivation für irgendwelche RelaunchMeetings!

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 8

Weniger Provision aufgrund des neuen Absatzkanals.

Sonstige

Vertrieb

Spannungsfeld Relaunch Welche Faktoren und Rahmenbedingungen beeinflussen Ihren Relaunch?

Bedürfnisse Ihrer Kunden

Wettbewerb

Interne Anforderungen

Design- und Technologietrends

Relaunch

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 9

Ist eine Web-Strategie zeitgemäß?

Komplexität der Strategie

Hohe Komplexität

Geringe Komplexität Pinuts media+science | Website-Relaunch und Webstrategie | Seite 11

Erfolgsfaktoren einer Strategie Was macht eine Strategie erfolgreich? Vollständigkeit der Anforderungen

Abgleich mit internen Vorgaben

Beteiligung aller Stakeholder

Zielerreichung kontrollieren

Langfristige und nachhaltige Planung Pinuts media+science | Website-Relaunch und Webstrategie | Seite 12

Webstrategie finden Methoden und Faktoren zur Bestimmung einer Webstrategie  Methodik ist vielfältig & theoretisch  In den seltensten Fällen 1-zu-1 umsetzbar

S.M.A.R.T.

Workshop Web Activity Cycle

Desire

Five Forces

Personas

Attention

User Stories

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 13

Wettbewerb Action

SWOT

Roadmap Bedürfnisse

Interest

Vorbereitung •Bestimmung des Projektkernteams •Austausch über bereits erfolgt Konzepte und Planungen •Feinkonzept •Management Präsentation

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Auftrag

Kick-Off

Analyse

Kernteam Workshops Stakeholder Workshops

Webstrategie

Beteiligte & Verantwortliche benennen Wer ist für den Erfolg des Realunch relevant? Wie können diese Stakeholder eingebunden werden?

Abgleich mit Wettbewerb & interner Zielsetzung Haben Sie bereits konkrete Zielsetzungen (Vision) für Ihren Relaunch?

Personas und deren Bedürfnisse identifizieren Wieviele Personas haben Sie identifiziert?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 22

Projektmethodik

Klassische Umsetzung

Zeit und Kosten kalkulierbar

Weniger Flexibilität

„Wasserfall“-Umsetzung Umfassendes Konzept bindend

Einsatz von Projektphasen

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 24

Ggf. Einschränkungen durch vorangestelltes Konzept

Analysephase

Launch & Betrieb

Konzeptionsphase

Umsetzungsphase

Zielsetzung

Analysephase

Entwicklung einer Webstrategie und Vision, zur Bestimmung der Ziele und Bedarfe.

Arbeitspakete & Meilensteine  Interne Analyse

Launch & Betrieb

Konzeptionsphase

 Bestimmung aktueller Markttrends  Wettbewerbsanalyse  Zielgruppenanalyse

Instrumente & Vorgehen  Workshops & Interviews

 SWOT Analyse

Umsetzungsphase

Zielsetzung

Analysephase

Erarbeitung und Verabschiedung eines inhaltlichen und technischen Konzeptes.

Arbeitspakete & Meilensteine  Inhaltskonzept

Launch & Betrieb

Konzeptionsphase

 Designstudie / Wireframes  Technische Konzeption  Verabschiedung des Konzeptes

Instrumente & Vorgehen  Workshops

 User Activity Life Cycle  Bis zu drei interative Konzeptionsphasen

Umsetzungsphase

Klassische Umsetzung

Zeit und Kosten kalkulierbar

Weniger Flexibilität

„Wasserfall“-Umsetzung Umfassendes Konzept bindend

Einsatz von Projektphasen

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 28

Ggf. Einschränkungen durch vorangestelltes Konzept

Agile Umsetzung

24h Sprint

Flexible Umsetzung

Gewichtung durch Stakeholder jederzeit möglich Schnelle Reaktionszeiten

Zeit- und Kostenplanung schwieriger

Prototypgetriebene Umsetzung

Pro UserStory Konzeption, Design und Entwicklung.

Regelmäßige Kontrolle durch AG

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 29

Projektumfang variabel

SCRUM-Rollen

SCRUM-Prozesse

Agile Umsetzung

24h Sprint

Flexible Umsetzung

Gewichtung durch Stakeholder möglich Schnelle Reaktionszeiten

Zeit- und Kostenplanung schwieriger

Prototypgetriebene Umsetzung

Pro UserStory Konzeption, Design und Entwicklung.

Regelmäßige Kontrolle durch AG

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 32

Projektumfang variabel

Die hybride Umsetzung

24h Sprint

„Wasserfall“-Umsetzung

Prototypgetriebene Umsetzung

Einsatz von Projektphasen

Einsatz von Scrum, UserStories & Sprints etc.

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 33

Die hybride Umsetzung

24h Sprint Sprint

Hybride Umsetzung „Wasserfall“-Umsetzung

Einsatz von Projektphasen

Einsatz von Projektphasen und Scrum-Elementen je nach Projektumfang, -art und Kundenwunsch.

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 34

Prototypgetriebene Umsetzung

Einsatz von Scrum, UserStories & Sprints etc.

Projektmethodik

Die passende Methodik identifizieren Welche Methodik passt zu Ihrem Unternehmen?

Richtige Wahl der Projektumsetzung Wie viel Flexibilität und Agilität ist gewünscht / erlaubt?

Projektwerkzeuge erfordern Anpassungen Wie kann und sollte eine individuelle Anpassungen aussehen?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 35

Kernthemen

Für Ihren Website-Relaunch

Internet Trends 2010 1. 2. 3. 4. 5.

2012

Real-Time Web Agumented Reality HTML5 Location Sharing Social Media Monitoring

1. 2. 3. 4. 5.

namics

2014 1. 2. 3. 4. 5.

Internet of Things Content Marketing Wearable Devices Agumented Reality Big Data

World economic forum

Suchmaschinen / SEO Live/Life Streams Mobile Hybrid Web Social CRM Content Marketing

namics

2011 1. 2. 3. 4. 5.

Responsive / Liquid Layouts Webperformance Outsourced Authentication Voice interfaces Bewegbilder und 3D

eBusiness Kongress, namics Pinuts media+science | Website-Relaunch und Webstrategie | Seite 37

Die Anforderungen jeder Branche und jedes Unternehmens sind unterschiedlich, daher ist es wichtig ein breites Spektrum an Themen zu betrachten und individuell zu bewerten.

“

“

Kernthemen Intern & Extern relevant

Intern relevant

Mobile Webnutzung

Redaktionssystem

Barrierefreiheit

Schnittstellen

Personalisierung von Inhalten

Controlling

Nutzerführung OnSite Suche Nutzerdialog Content Marketing & SEO Pinuts media+science | Website-Relaunch und Webstrategie | Seite 39

Mobile Webnutzung

Mobile Webnutzung

51% aller deutschen Internetnutzer haben 2013 das mobile Web genutzt

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 41

Die Nutzung von

Smartphones und Tablet-PCs stieg um 50% und konkurriert mittlerweile mit dem Desktop-PC.

Mobile Webnutzung

Endgeräte

Usability

Inhalte

Unüberschaubare Auswahl an Endgeräten

Unterschiedliche Bedienmöglichkeiten

Nutzer wollen passende & identische Inhalte unabhängig von Zeit und Ort konsumieren

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 42

Mobile Webnutzung Welcher Ansatz ist der Beste?

Native APP

Responsive Webdesign

Hybride APP

Mobile Seite

RWD Accelerator

1 2 3 4 5 6 7

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 43

Hierarchie der Inhalte Neupositionierung der Navigation Fontskalierung Layoutadaption Flexible Bildmaße Optimierte Abstände Text verkleinert & versteckt

Mobile Webnutzung

Mobile Strategy als Basis für weiteres Vorgehen Welche Ziele verfolgt Ihre Mobile Strategy?

Zielgruppengerechte Inhalte mobil anbieten Welche Inhalte wollen Sie Ihren Zielgruppen zur Verfügung stellen?

Zukunftssichere & kostenarme Umsetzung Gibt es bereits Vorgaben hinsichtlich der technischen Umsetzung?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 44

Barrierefreiheit

Barrierefreiheit

Barrierefreiheit

Jeder Zehnte Bundesbürger ist anerkannt behindert

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 46

Barrierefreiheit nutzt aber jedem Nutzer.

Barrierefreiheit

Standardkonformität, Trennung von Inhalt und Darstellung

Vorlesbarkeit (Screenreader)

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 47

Einfache Navigation & Tastaturbedienbarkeit

Variable, deutliche Darstellung

Barrierefreiheit Voraussetzungen für Barrierefreiheit 1. Umsetzung technischer Vorgaben 2. Einhaltung redaktioneller Richtlinien

Technische Voraussetzungen

Redaktionelle Voraussetzungen

 Valider Code, Korrekte Auszeichnung

 Gliederung von Inhalten

 Vermeidung von Flash

 Aussagekräftige Linktexte

 Variable Schriftgrößen

 Sinnvolle Dokumenttitel

 Tastaturbedienbarkeit

 Pflege von Alt-Texten für Bilder

 Nutzbarkeit ohne Skripte

 Untertitelung von Videos etc.

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 48

Barrierefreiheit

Umsetzung gemäß Vorgaben & Selbstverständnis Welche rechtlichen Anforderungen liegen vor und welchen Grad der Barrierefreiheit möchten / müssen Sie erreichen?

Seiteninhalte sind allen Benutzern zugänglich Welchen redaktionellen Aufwand können Sie vertreten?

Einsatz neuester Web-Standards Verfügen Sie bereits über barrierefreie Webumsetzungen?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 49

Inhaltliche Personalisierung

Inhaltliche Personalisierung

Inhaltliche Personalisierung

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 51

Inhaltliche Personalisierung

75% der Internetnutzer bevorzugen eine personalisierte Ansprache

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 52

in 66% der Fälle führt die Personalisierung von Inhalten zu einer Steiergung des ROI

Inhaltliche Personalisierung

Erhöhung der Konversionrate Verschafft Ihnen das Ausspielen personalisierter Inhalte einen angemessenen Mehrwert?

Datenschutzkonforme Informationsnutzung Existiert bereits eine Datengrundlage bzgl. des User-Verhaltens?

Verstärkte Kundenbindung Verfügen Sie über ausreichende Inhalte und Ressourcen um eine Personalisierung vorzunehmen? Pinuts media+science | Website-Relaunch und Webstrategie | Seite 53

Nutzerführung

Nutzerführung

Nutzerführung

Nutzerführung

Nutzerführung

Im Optimalfall sollte eine Navigation

5 bis maximal 7 Kategorien aufweisen.

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 56

Zielgruppengerechtes Design führt zur Erhöhung der

Ein

Conversion.

Nutzerführung

Design folgt den Bedürfnissen der Zielgruppe Welche Bedürfnisse haben Ihre Zielgruppen, was kann daraus für das Design abgeleitet werden.

Content First Welche Inhalte sind wirklich von Relevanz, was dient den Anforderungen und Zielen an die Website.

Intuitive, geräteübergreifende Seitenbedienung Ist die Bedienung der Webseite intuitiv und konsistent?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 57

OnSite Suche

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 59

OnSite Suche

Kunden, die die Onsite Suche nutzen, haben eine dreifach höhere Conversionrate als jene, die dies nicht tun.

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 60

52 % der Marketer bewerten die Qualität ihrer eigenen Onsite Suche mit einer 4 oder 5 (Schulnote).

OnSite Suche

Möglichkeit zur Steuerung der Suchergebnisse Gewichten Sie Suchergebnisse bereits nach Relevanz?

Intelligente Suchen: Vom Kunden lernen In welchem Umfang werten Sie die Nutzung der Suchfunktion aus?

Kein Treffer ist keine Option Welche grundlegenden Funktionen nutzt Ihre Suche derzeit?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 61

Kundendialog

Newsletter

Umfragen

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 62

Kommentare & Likes

Social Media

Formulare

…

Kundendialog

Laut McKinsey ist E-MailMarketing 40x effektiver bei der Kundenansprache als Social Media

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 63

4 von 5 Internetnutzern (78%) sind in sozialen Netzwerken aktiv

Kundendialog

Interaktion steht im Vordergrund Welche Formen des Dialogs möchten Sie Ihren Kunden und Webseitennutzern bieten?

Offener Dialog muss beidseitig gewollt werden Und jetzt mal ehrlich, wie „offen“ darf der Dialog werden?

Ausreichende Ressourcen für jeden Kanal Welche Ressourcen stehen Ihnen zur Verfügung?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 64

Content Marketing und SEO

Content Marketing und SEO

Offsite

Onsite 1. 2. 3. 4. 5.

Guter, relevanter Inhalt Multimedia: Fotos & Videos Seitenstruktur Meta-Tags Interne Links

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 66

1. 2. 3. 4. 5.

Externes Content Marketing Linknetzwerk Social Media Internet Marketing Video Marketing

Content Marketing und SEO

OnPage-Maßnahmen für solide SEO-Basis Wie relevant ist ein Google Ranking für Sie?

Storytelling & Inhalte mit Mehrwerten Worüber können Sie „Geschichten erzählen“? Welche Möglichkeiten bestehen Inhalte detailliert zu beschreiben?

Inhalts-Fluktuation und Aufwand beachten Wie stark wechseln Ihre Inhalte? Welche redaktionellen Ressourcen stehen zur Verfügung?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 67

Redaktionssystem

Redaktionssystem

Redaktionelle Anforderungen

Onsite Bearbeitung

Zentral vs. Dezentrale Content-Verteiltung

Einfache Bearbeitung auch für Gelegenheitsredakteure

Inhalte konsumieren und bereitstellen

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 69

Bilderverwaltung & -bearbeitung

Fehlende Ressorucen

Unklare & ungeeignete Freigabeprozesse

Content Pool

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 70

Redaktionssystem

Erstellung von Workflows und Wizardnutzung Welche Workflows & Wizards würden Ihren Arbeitsalltag erleichtern – fragen Sie Ihre Redakteure!

Intuitive Bearbeitung in der Redakteursansicht Erfolgen Bearbeitungen derzeit im Backend oder über eine optimierte Redakteursansicht?

Basistechnologie und Weiterentwicklung Gibt es bereits Vorgaben für die Nutzung und Auswahl eines CMS?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 71

Controlling

Controlling

Ermöglicht die Überprüfung der gesetzten Ziele Welches Controllingtool befindet sich aktuell im Einsatz?

Nutzung der Informationen für Retargeting Nutzen Sie die gewonnen Daten bereits effektiv?

Rechtskonforme Datenspeicherung Sind Ihnen die Grenzen und Grauzonen einer rechtskonformen Datenspeicherung und -nutzung bewusst?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 73

Zusammenfassung

Technik folgt Anforderungen Anforderung Die Bedürfnisse Ihrer Zielgruppen bestimmen Inhalt, Design und Funktion des Auftritts.

1. Bedürfnisse identifizieren 2. Abgleich mit interner Zielsetzung 3. Design und Funktion definieren 4. Wahl der Technologie

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 75

Von der Strategie zum Relaunch Best Practice für einen erfolgreichen Relaunch

Schritt 1: Webstrategie ermitteln Kernteam und relevante Stakeholder bestimmen Wer muss involviert werden? Wer kann das Projekt beflügeln?

Bewertung der (Abstimmungs-)Komplexität Wer muss involviert werden? Welche Restriktionen gibt es?

Entscheidung über Projektmethodik Wieviel Agilität und Flexibilität ist gewünscht / erforderlich?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 76

Von der Strategie zum Relaunch Best Practice für einen erfolgreichen Relaunch

Schritt 2: Relaunch-Ziele definieren Bedürfnisse der Website-Nutzer ermitteln Wer sind die relevanten Personas, welche Bedürfnisse haben diese?

Unternehmensziele & -ressourcen spezifizieren Welche internen Ziele sind zu erreichen, welche Ressourcen sind verfügbar?

Alle interen Interessensgruppen involvieren Durch Workshops, Interviews, Reviews eine breite Zustimmung finden. Pinuts media+science | Website-Relaunch und Webstrategie | Seite 77

Von der Strategie zum Relaunch Best Practice für einen erfolgreichen Relaunch

Schritt 3: Kernthemen identifizieren und bewerten Relevante Kernthemen bestimmen Ableitung der Themen aus bspw. SWOT / Wettbewerbsanalyse, Custom Life Cycle und Fachanforderungen

Kernthemen bewerten Je Thema  Relevanz & Nutzen  Ausprägung  Ressourcenabgleich  Priorität

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 78

Von der Strategie zum Relaunch Best Practice für einen erfolgreichen Relaunch

Schritt 4: Umsetzung planen Konzeption mit Feedbackschleifen Meta-Konzeption vorantreiben, Management und Fachabteilung zu regelmäßigem Feedback animieren.

Wireframes (eventuell Screendesign) Prüfung der konzeptionellen Ideen durch Wireframes

Technologie-Evaluation und -auswahl Evaluation geeigneter Technologien auf Grundlage der Anforderungen. Pinuts media+science | Website-Relaunch und Webstrategie | Seite 79

Von der Strategie zum Relaunch Best Practice für einen erfolgreichen Relaunch

Schritt 5: Durchführung Iterative Entwicklung in Prototypen Klare Gliederung der Umsetzung in sich selbst tragende Anforderungen, Publizierung in Releasezyklen

Entwicklungsgeleitende (Anwender-)Tests Fortwährende Tests zum Abgleich der konzeptionellen Idee mit dem erzielen Ergebnis.

Ausgiebige Testphase Frühestmöglicher Beginn der inhaltlichen Arbeit und sofern erforderlich Tests der Drittapplikationsintegration Pinuts media+science | Website-Relaunch und Webstrategie | Seite 80

Von der Strategie zum Relaunch Best Practice für einen erfolgreichen Relaunch

Schritt 6: Launch & Überprüfung der Zielerreichung Launch der Webseite Going-Live sollte sorgfältig geplant und nicht überhastet erfolgen (kein Freitagnachmittag, nicht in der Nacht vor einer Leitmesse…)

Kontinuierliche Überprüfung der Zielerreichung Sind die Ziele der Webstrategie erreicht worden?

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 81

Fragen

?

?

?

?

?

?

?

? ? Pinuts media+science | Website-Relaunch und Webstrategie | Seite 82

?

?

??

? ?

?

Branchenreport Branchenreport Industrie 2014 Status Quo der Websites deutscher Industrieunternehmen 120 untersuchte Webseiten Fokus auf Optimierungsbedarf, u.a. hinsichtlich  Technische Umsetzung  Responsive WebDesign  Nutzerführung  OnSite Suche  Leadgewinnung

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 83

Vielen Dank

Jan-Philip Riehle

Fabian Sander

Head of Marketing & Strategy

Projektmanager & Konzepter

Tel. +49 30 59 00 903-32 [email protected]

Tel. +49 30 59 00 903-24 [email protected]

Pinuts media+science | Website-Relaunch und Webstrategie | Seite 84