Relaunch Corporate Website
    Vorgehen JP│KOM und Best Practices

         Pfannenberg/Chaudhuri, 12. Juli 2012
Corporate Website
Funktion und Anforderungen

   Ankerfunktion. Sprungbrett zu/Anziehungspunkt für
    Marken-, Themen und Kampagnenseiten sowie Social
    Media-Aktivitäten
   Mehrwert. Storytelling statt bloße Online-Versionen bereits
    publizierter Dokumente  Informationen über Branche,
    Trends, Innovationen, Menschen im Unternehmen etc.
   Neue Möglichkeiten. Handlungsfreiheiten zur Vermittlung
    von Kernbotschaften nutzen  eigene Berichte über
    wichtige Events/Messen/kritische Issues – nicht nur mit
    online gestellter Presseinfo, sondern mit eigenem
    Artikel/Interview/Bildergalerie
   Multimedia. Bewegtbild – nicht nur zentral in einer Rubrik,
    sondern überall dort, wo es inhaltlich passt. Animierte
    Infografiken und Business-Diagramme. Mobile Versionen
    für Smartphones/Tablet-PCs
   Interaktivität. Externe Links auf attraktive Angebote –
    führen Besucher nicht weg von eigenen Angeboten,
    sondern schärfen das eigene Profil und signalisieren
    Kompetenz; Bewertungsfunktion und One-Click-Votings

                                                                  2
Relaunch-Konzeption
Benchmark-Analyse: Struktur und Content


            Asset-
           Manager                                                               Fidor           „Über
                                DWS         Deka-Bank          AGI
                                                                               „Wir über         Union
                             („Porträt“)   („Konzern“)      „Über uns“
                                                                                 uns“         Investment“
 Thema
 Mission/Vision/
 Philosohpie

 Profil inkl.
 Facts & Figures

 Managemt. Board
 incl. CVs/Bilder

 Unternehmens-
 struktur

 Corporate
 Governance

 Corporate
 Responsibility

Beispiel: Analyse der angebotenen Informationen auf den Websites ausgewählter Asset-Manager
  Vorhanden        Nicht vorhanden



                                                                                                            3
Relaunch-Konzeption
Benchmark-Analyse: Medien/Service-Features




                                             4
Relaunch-Konzeption
Analyse: Best Practices Design/Seitenaufbau



                                                  Key visual with
Easy, intelligible
                                              employees/humans
navigation



                                                   Useful service
                                                        features
Brief statement/
basic information
                                                          Contact
                                                      information
Detailed
                                                         included
background
information in
separate
documents
Relaunch-Konzeption
Analyse: Stakeholder-Erwartungen



                                      Investors/Financial                                                 The right strategy?
   Working environment?
   Career opportunities?                  Community                                                     Competent management?
                                      Stabilize expectations, raise credi-
                                      bility/trust, reduce risk perception



            Employees                                                                              Customers
          & Management                                 Styrolution
                                                                                                   & Suppliers
         Employer branding; improve                     website                               Promote loyalty; build image;
             internal efficiency                                                            facilitate flexible market approach



                                                             Communities/
      Sustainability?                                           Public                               Customer relationships? Reli-
                                                         Transparent info; build-up know-            ability? Appropriate solutions?
Responsible acting company?
                                                          ledge/acceptance; create trust




                                                                                                                                  6
Relaunch-Konzeption
Website-Struktur/Sitemapping


 From analysis of benchmarks & stakeholder needs to …         … the new sitemap of the corporate website




Beispiel: Website-Struktur/Sitemap gemäß Stakeholder-Erwartungen




                                                                                                           7
Relaunch-Konzeption
Pflichtenheft/„Drehbuch“ (1/2)

1. Strategische Ziele                                   4. Detaillierte Struktur für jede Rubrik/Unterrubrik
   Zielgruppen                                            Titel
   User Types/Nutzerprofile                               Überschrift
                                                           Fließtext
2. Technischer Rahmen
                                                           Bilder/Grafik/Multimedia etc.
   Content Management System ja/nein?
                                                           Links
   Bildschirmauflösung
   Browser(versionen)                                  5. Features und Service-Tools
   Integration AdobeFlash, JavaScript, Cookies etc.       Bewerungs- und Voting-
                                                            Tools
   Schnittstellen zu externen Websites/Kanälen/
    Applikationen                                          Persönliche (Such-)Funktionen
   Mobile Lösung                                          Formulare
3. Basisstruktur der Seiten                             6. Web-Tracking und Analyse
   Header-Bereich
                                                        7. Viren- und Datenschutz
   Navigationsleiste/-spalte
   Content-Bereich
   Service-Bereich
   Footer-Bereich
   Ggf. Templates für bestehendes Content Management
    System
                                                                                                               8
Relaunch-Konzeption
Pflichtenheft/„Drehbuch“ (2/2)




                             Beispiel: Spezifikationen für den Relaunch einer Corporate Website
                             – Struktur, Inhalt, Layout, technische Anforderungen




                                                                                           9
Relaunch-Konzeption
Typisches Vorgehen JP│KOM, Konzeptbausteine (1/2)

1. Zielsetzungen
   Funktion der Seite in der Unternehmens-kommunikation/im
    Marketing/im Recruiting etc.
   Restrukturierung Inhalte/Gestaltung
   Technische Rahmenbedingungen
   Ergänzung bestehender Bereiche
   Neue inhaltliche Schwerpunkte/Themen
2. Benchmarking
   Wettbewerber
   Best Practices andere Branchen
3. Website-Struktur
   Sitemap
   Navigation
   Rubriken



                                                              10
Relaunch-Konzeption
Typisches Vorgehen JP│KOM, Konzeptbausteine (2/2)

4. Content
   Integration bzw. Adpation von bestehendem Inhalt gemäß
    aktualisierter Priorisierungund Website-Struktur
   Ergänzungsvorschläge/Weiterentwicklung der Inhalte
   Mediale Aufbereitung und Gestaltungsvorschläge
5. Community Management bzw. Vernetzung
   Einbindung externer Channels/Applications/ Plattformen
    (Facebook, YouTube, LinkedIn etc.)
   Einbindung externer Websites/Informationen, z. B. “UN
    Global Compact”, Selbstverpflichtungen etc.
7. Empfehlungen zur technischen Realisierung
8. Implementierung in drei aufeinander aufbauenden Stufen
    (inkl. Gestaltungsvorschlägen)
   „Must have“ (Mindestanforderungen)
   „Nice to have“ (zusätzlich wünschenswerte
    Features/Funktionen)
   „One step ahead“ („Best-in-Class“-Lösungen)
                                                             11
Corporate Website
Best Practices: Ein ganz persönliches Top-Ranking …



    Lanxess.com
                                         Klare Navigationsstruktur
    Nestle.com                           (1. Ebene horizontal)
                                         Leseführung/Übersichtlichkeit
    Allianz.com
                                          (Container, Boxen , Service-
    Siemens.com                          leisten, etc.)
                                         Konsequente Visualisierung
    Shell.com                            (inkl. Teaser, Thumbnails,
    RBS.com (Royal Bank of Scotland)     Icons)
                                         Hohe Medienvielfalt
    BP.com                              Issue Setting
                                         Mashing/Vernetzung mit
    IBM.com
                                          weiteren Sites/Channels
    Daimler.com                         Service-Features/hohe
                                          Usability
    BASF.com




                                                                          12
13
14
15
16
17
18
Corporate Website
Best Practices Recruiting: Potentialpark-Ranking




Weitere Informationen: http://www.potentialpark.com/teweb-ranking-2012/




                                                                          19
20
21
Nehmen Sie bei uns Platz!

Grafenberger Allee 115, 40237 Düsseldorf, Tel: +49 211-687835-0
Liebfrauenberg 39, 60313 Frankfurt am Main, Tel: +49 69-921019-0
     Potsdamer Platz 11, 10785 Berlin, Tel: +49 30-2589-4661
                www.jp-kom.de, info@jp-kom.de                      22

JP│KOM:Relaunch Corporate Website

  • 1.
    Relaunch Corporate Website Vorgehen JP│KOM und Best Practices Pfannenberg/Chaudhuri, 12. Juli 2012
  • 2.
    Corporate Website Funktion undAnforderungen  Ankerfunktion. Sprungbrett zu/Anziehungspunkt für Marken-, Themen und Kampagnenseiten sowie Social Media-Aktivitäten  Mehrwert. Storytelling statt bloße Online-Versionen bereits publizierter Dokumente  Informationen über Branche, Trends, Innovationen, Menschen im Unternehmen etc.  Neue Möglichkeiten. Handlungsfreiheiten zur Vermittlung von Kernbotschaften nutzen  eigene Berichte über wichtige Events/Messen/kritische Issues – nicht nur mit online gestellter Presseinfo, sondern mit eigenem Artikel/Interview/Bildergalerie  Multimedia. Bewegtbild – nicht nur zentral in einer Rubrik, sondern überall dort, wo es inhaltlich passt. Animierte Infografiken und Business-Diagramme. Mobile Versionen für Smartphones/Tablet-PCs  Interaktivität. Externe Links auf attraktive Angebote – führen Besucher nicht weg von eigenen Angeboten, sondern schärfen das eigene Profil und signalisieren Kompetenz; Bewertungsfunktion und One-Click-Votings 2
  • 3.
    Relaunch-Konzeption Benchmark-Analyse: Struktur undContent Asset- Manager Fidor „Über DWS Deka-Bank AGI „Wir über Union („Porträt“) („Konzern“) „Über uns“ uns“ Investment“ Thema Mission/Vision/ Philosohpie Profil inkl. Facts & Figures Managemt. Board incl. CVs/Bilder Unternehmens- struktur Corporate Governance Corporate Responsibility Beispiel: Analyse der angebotenen Informationen auf den Websites ausgewählter Asset-Manager Vorhanden Nicht vorhanden 3
  • 4.
  • 5.
    Relaunch-Konzeption Analyse: Best PracticesDesign/Seitenaufbau Key visual with Easy, intelligible employees/humans navigation Useful service features Brief statement/ basic information Contact information Detailed included background information in separate documents
  • 6.
    Relaunch-Konzeption Analyse: Stakeholder-Erwartungen Investors/Financial The right strategy? Working environment? Career opportunities? Community Competent management? Stabilize expectations, raise credi- bility/trust, reduce risk perception Employees Customers & Management Styrolution & Suppliers Employer branding; improve website Promote loyalty; build image; internal efficiency facilitate flexible market approach Communities/ Sustainability? Public Customer relationships? Reli- Transparent info; build-up know- ability? Appropriate solutions? Responsible acting company? ledge/acceptance; create trust 6
  • 7.
    Relaunch-Konzeption Website-Struktur/Sitemapping From analysisof benchmarks & stakeholder needs to … … the new sitemap of the corporate website Beispiel: Website-Struktur/Sitemap gemäß Stakeholder-Erwartungen 7
  • 8.
    Relaunch-Konzeption Pflichtenheft/„Drehbuch“ (1/2) 1. StrategischeZiele 4. Detaillierte Struktur für jede Rubrik/Unterrubrik  Zielgruppen  Titel  User Types/Nutzerprofile  Überschrift  Fließtext 2. Technischer Rahmen  Bilder/Grafik/Multimedia etc.  Content Management System ja/nein?  Links  Bildschirmauflösung  Browser(versionen) 5. Features und Service-Tools  Integration AdobeFlash, JavaScript, Cookies etc.  Bewerungs- und Voting- Tools  Schnittstellen zu externen Websites/Kanälen/ Applikationen  Persönliche (Such-)Funktionen  Mobile Lösung  Formulare 3. Basisstruktur der Seiten 6. Web-Tracking und Analyse  Header-Bereich 7. Viren- und Datenschutz  Navigationsleiste/-spalte  Content-Bereich  Service-Bereich  Footer-Bereich  Ggf. Templates für bestehendes Content Management System 8
  • 9.
    Relaunch-Konzeption Pflichtenheft/„Drehbuch“ (2/2) Beispiel: Spezifikationen für den Relaunch einer Corporate Website – Struktur, Inhalt, Layout, technische Anforderungen 9
  • 10.
    Relaunch-Konzeption Typisches Vorgehen JP│KOM,Konzeptbausteine (1/2) 1. Zielsetzungen  Funktion der Seite in der Unternehmens-kommunikation/im Marketing/im Recruiting etc.  Restrukturierung Inhalte/Gestaltung  Technische Rahmenbedingungen  Ergänzung bestehender Bereiche  Neue inhaltliche Schwerpunkte/Themen 2. Benchmarking  Wettbewerber  Best Practices andere Branchen 3. Website-Struktur  Sitemap  Navigation  Rubriken 10
  • 11.
    Relaunch-Konzeption Typisches Vorgehen JP│KOM,Konzeptbausteine (2/2) 4. Content  Integration bzw. Adpation von bestehendem Inhalt gemäß aktualisierter Priorisierungund Website-Struktur  Ergänzungsvorschläge/Weiterentwicklung der Inhalte  Mediale Aufbereitung und Gestaltungsvorschläge 5. Community Management bzw. Vernetzung  Einbindung externer Channels/Applications/ Plattformen (Facebook, YouTube, LinkedIn etc.)  Einbindung externer Websites/Informationen, z. B. “UN Global Compact”, Selbstverpflichtungen etc. 7. Empfehlungen zur technischen Realisierung 8. Implementierung in drei aufeinander aufbauenden Stufen (inkl. Gestaltungsvorschlägen)  „Must have“ (Mindestanforderungen)  „Nice to have“ (zusätzlich wünschenswerte Features/Funktionen)  „One step ahead“ („Best-in-Class“-Lösungen) 11
  • 12.
    Corporate Website Best Practices:Ein ganz persönliches Top-Ranking …  Lanxess.com  Klare Navigationsstruktur  Nestle.com (1. Ebene horizontal)  Leseführung/Übersichtlichkeit  Allianz.com (Container, Boxen , Service-  Siemens.com leisten, etc.)  Konsequente Visualisierung  Shell.com (inkl. Teaser, Thumbnails,  RBS.com (Royal Bank of Scotland) Icons)  Hohe Medienvielfalt  BP.com  Issue Setting  Mashing/Vernetzung mit  IBM.com weiteren Sites/Channels  Daimler.com  Service-Features/hohe Usability  BASF.com 12
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
    Corporate Website Best PracticesRecruiting: Potentialpark-Ranking Weitere Informationen: http://www.potentialpark.com/teweb-ranking-2012/ 19
  • 20.
  • 21.
  • 22.
    Nehmen Sie beiuns Platz! Grafenberger Allee 115, 40237 Düsseldorf, Tel: +49 211-687835-0 Liebfrauenberg 39, 60313 Frankfurt am Main, Tel: +49 69-921019-0 Potsdamer Platz 11, 10785 Berlin, Tel: +49 30-2589-4661 www.jp-kom.de, info@jp-kom.de 22