[En] the Orange website generator


Published on

Presentation delivered by Yann Gourvennec in Cologne at the eZ 2013 summit

Published in: Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • It’s two and a half years to this day that Chris Anderson, the famous editor in chief of Wired has published his provocative piece entitled “the web is dead” in which he describes a new world in which information is consumed through mobile applications and no longer the browser on a desktop – or laptop – PC. Two years later, it hasn’t quite happened that way. It’s true that a lot of tablets were and are still sold but the Web hasn’t quite disappeared and as I am just coming from from the Mobile World Congress which took place in Barcelona at the end of February, it’s probably even less true, once I’ve just gone through the announcements of new mobile Operating Systems (Sailfish, Ubuntu and Firefox) which rely heavily on HTML5 even to build and share apps. In fact, it may even be the other way round one day, with apps being replaced with online webapps. Time will tell …
  • At the moment, as I look back on more than two years spent on the improvement of our Corporate website – of which we can see the splash screen above, we haven’t quite seen the end of the old website … even tthough we say that things are evolving quite a lot, even though not so rapidly as we would have expected.
  • It’s true that the world has changed though; and the Web has become more and more interactive. I have been personally involved in promoting, using and developing and even structuring our social media activities for 5 ½ years – first for Orange Business Services, second for the Orange group. Interactive, sharable content and social media has become key to our activity at all times and in all parts of the company. We have more than 6 million facebook fans and above 600,000 followers on Twitter across 80 accounts. Orange Group itself now has gather a significant number of individuals who want to interact with us on social media. So as social media becomes more and more integrated and mature (LinkedIn is 10 years old and Facebook is 9 years old in 2013), we can no longer look at social media as “something we need to think about in the future”, it is here to stay for us to share and enhance our discussions, and interact with the content we produce at the centre. The website is no exception, it needs to take this into account and this is what we started to think about in early 2011, hence our digital strategy which we’ll describe in the following pages…
  • Our main challenges as the Group Internet dept is not just to look after ourselves but to provide guidance, support and tools to all other entities within the Group, in France and abroad. This is what we have done throughout the years and it has materialised through a number of tools and hubs which we have installed in Facebook, slideshare, LinkedIn, Dailymotion, Twitter etc.
  • The true challenge for a group like usisalso a matter of innovation and it’s one which has taken us beyond the meredevelopment of social media communities. We have indeedhadthis vision thatwehad to take social media beyondthat stage in order to integrate all those social platformsintoour main Web Estate. The ideawas to have a platform, a socially-enabledplatform and webuilt on thisdiagram in order to create the Orange websitegenerator.
  • We have even endeavoured to use this metaphor of a service offering to the full by creating two electronic booklets, one of which is the basis for this presentation: one of our offer is devoted to social media;one is devoted to website creation. The one I am going to use in this presentation is the website generator offer and I will describe how it works, what it used for and why we designed it.
  • this is the initial plan for the Orange website generator, a vision of a factory-like concept which could be of use to all our entities, which would be simple and straightforward and would lead to better results and increased benefits for all.
  • Before we delve into the features, I’d like to dwell on the kind of problem we were trying to solve and some of the guiding principles behind it.
  • Our website generator is aimed at solving that particular issue. It is directed at all our business units which want to develop their online presence,
  • the scope of the website generator is communications only and the standard offers covers some of the most common areas such as hosting and standard navigation and look and feel. Data entry may even be added in certain cases and e-marketing.
  • what is will cost our internal clients depends on whether they decide to go for the standard offer or if they wish to add specific bespoke features
  • benefits are numerous, starting with the amazing page ranking derived from the orange.com domain name (which was created in the early 1990s and is above 6). This ensures that the content of the newly created website will be easily found and that means more savings by way of SEM. It also ensures usability and consistency – a benefit for all users – and the security and stability of an Orange own hosting (delivered by Orange Business Services.other features include “readspeaker” for the visually impaired and the extranet capability. In essence, everything which has been designed for one particular set of users will be usable by all others without having to do anything. This is the benefit of mutualisation.
  • Yet, our offering wouldn’t be complete if we didn’t offer the ability for users to specify their own requirements. Depending on how useful the features required by users are, we might cover the costs centrally or decide to share them with our users.
  • One of the major benefits is of course decentralised admin which is coupled with central support and training. This ensures that our users can keep a hand on their websites but aren’t left to themselves and receive support and guidance from us.
  • We decided to improve our website generator and a new version will be made available very shortly. It will ensure that standard website creation is made possible at the push of a button…
  • we have noticed that our first version of the Orange website generator wasn’t standard enough and that it was causing a number of issues which we decided to solve through its version 2
  • The process is fourfold and automated. An instance of the website is generated on the main hosting platform and admins are granted access so that they can populate the site with content. This is obviously the right process for a standard Website
  • our webiste generator can typically cover these content types. folders are any combinations of the other content types in order to produce a fully-fledged section on a particular subject. Please note the integration of the dailymotion platform (of which Orange has now taken control of and is our preferred way of delivering video content).
  • news feeds can be manifold, from standard press releases and content pages which can be reused from the main corporate website (available in several languages) to custom newsletters and even custom news pages built from alternative news feeds.
  • as explained earlier one of the features which is most dear to our hearts is the integration of social media within the platform. We didn’t do this with just the corporate website in mind; instead, we have wanted to integrate these features in order to make them available to all and especially websites for which it would be more relevant the orange.com site. There are several levels of socialisation of our website generator, and here there and in almost the right order:the social media hub is where users can access all social media platforms in order to be able to link to all the necessary social media platformsbadges are probably the most trivial item by way of socialisation, we have them installed on all pages and this is not the most sophisticated part of our workblogs are a must, and we have integrated our mutisitewordpress platform within our main offering. After much consideration, we have decided to keep this best of breed solution for blogs because we do a lot of guest-bogging and external bloggers are all asking for Wordpress to be used because this is the platform which they all use, barring a few exceptions
  • the fourth level of socialisation on the website generator is that of sharing buttons which can be activated or de-activated automatically on a given page depending on how relevant they are with regard to the content on the pagewidgets are number 5: we can inject feeds from social media platforms and accounts through these widgets and they can be activated within the website generator by other websites tooinside Orange is the last level of socialisaton, a fully-feldgedcuration platform and is probably our most sophisticated tool on the generator. It’s now our 3rd most viewed section on the main orange.com website.
  • [En] the Orange website generator

    1. 1. web management changes with OrangeeZ Summit 2013 – Cologne http://oran.ge/slides
    2. 2. 2 publications in 2011 [En] http://precommerce.com [Fr] http://amonboss.comcopyright © 2013 – Orange – web, digital & social media 2
    3. 3. agenda 1. introduction 2. digital strategy 3. why a website generator? http://oran.ge/slides 4. the V2 version 5. templates 6. sample hosted websitescopyright © 2013 – Orange – web, digital & social media 3
    4. 4. 1. introductionthe way we see it http://oran.ge/slides
    5. 5. 2 ½ years later the web is dead? – www.wired.com the web is evolving « the more things change, the more they stay the same » – Alphonse Karrcopyright © 2013 – Orange – web, digital & social media 5
    6. 6. www.orange.com 12 million+ visits in 2012 (+9%) 44 % 43,5 % French English 17% Spanish Polish Romanian 9% 1,5 % 2%copyright © 2013 – Orange – web, digital & social media 7
    7. 7. the way we see itcopyright © 2013 – Orange – web, digital & social media 8
    8. 8. 2. our digital strategy http://oran.ge/slides
    9. 9. supporting our business units & countries facebook (Europe) facebook (AMEA) dailymotioncopyright © 2013 – Orange – web, digital & social media slideshare 10
    10. 10. our vision (early 2011) social media focus see nextcopyright © 2013 – Orange – web, digital & social media 11
    11. 11. 2 internal service offerings • website generator • social media offeringcopyright © 2013 – Orange – web, digital & social media 12
    12. 12. the Orange website generatorcopyright © 2013 – Orange – web, digital & social media 13
    13. 13. 3. why the Orange website generator ? http://oran.ge/slides
    14. 14. our users’ questions… what do I need a site for...? Facebook and Twitter ? what content do I own? who are my contributors? who can maintain the site? how interactive?Image: microsoft clipart gallery why should my website look different? do users have to be logged in? and what about e-marketing?copyright © 2013 – Orange – web, digital & social media 15
    15. 15. how it happened before how much does an outsourced static website cost? pricewise outcome • high initial cost • no mutualisation • no capitalisation • similar sites reinvented each • or not so high time…differently but expensive upgrades • no use of budget for e-marketing • delivery issues and delays … or both!copyright © 2013 – Orange – web, digital & social media 16
    16. 16. the Orange website generator straightforward mutualised website creation what is it? • website creation on a mutualised platform • hosted on secure Orange servers  economies of scale for whom? • all countries and/or Group entities • needing permanent or temporary digital spacecopyright © 2013 – Orange – web, digital & social media 17
    17. 17. overview: the Orange website generator scope – communications portals – microsites – events microsites – multilingual sites covers – hosting – standard features – graphical interface – navigation – (potentially) data entry – e-marketingcopyright © 2013 – Orange – web, digital & social media 18
    18. 18. how much will it cost me? free of charge – admin panel – hosting – standard templates first ‘clients’ didn’t pay for: – integration – data entry premium features – bespoke features – bespoke template(s)copyright © 2013 – Orange – web, digital & social media 19
    19. 19. benefits • mywebsite.orange.com * • brand compliance • security, stability • usability, consistency • economies of scale • automatic eZ upgrades • social media integration • in-built search engine • readspeaker • extranet capability • usability compliance • reusable features * other domain names possible pending justificationcopyright © 2013 – Orange – web, digital & social media 20
    20. 20. extra features all additional features can be developed and – automatically consolidated – made available for all other websites – are stable and secure note = pending costing and allocation of resourcescopyright © 2013 – Orange – web, digital & social media 21
    21. 21. de-centralised website admin direct access to CMS - publishing of new content: text, images, videos - online editing - adding new contributors central support – technical support – eZ training – on-going support and guidance no resources for webmastering? we can help you with data entry at specification phasecopyright © 2013 – Orange – web, digital & social media 22
    22. 22. 4. Orange Website generator V2v2 versionmarch 2013 http://oran.ge/slides
    23. 23. why a v2 upgrade less dependent shorter on technical delays lower costs teams v2 automated website generatorcopyright © 2013 – Orange – web, digital & social media 24
    24. 24. generating a new Website custom site site creation super-admin creation application 1. front-end access based on eZ XML 2. back-end Installer 3. admin list site generator hosting CMS content standard websitecopyright © 2013 – Orange – web, digital & social media 25
    25. 25. content types 31 folders text 2 image / video 4 files/ files documents (dailymotion) copyright © 2013 – Orange – web, digital & social media 26
    26. 26. news feeds1 corp news + 2 press releases custom news pages 3 custom newsletters inc. broadcast copyright © 2013 – Orange – web, digital & social media 27
    27. 27. 6 levels of website socialisation1 social media hub 3 blogs 2 badges copyright © 2013 – Orange – web, digital & social media 28
    28. 28. 6 levels of website socialisation4 sharing buttons 6 Facebook, Google+, Twitter, LinkedIn inside Orange5 widgets copyright © 2013 – Orange – web, digital & social media 29
    29. 29. 6 levels of website socialisation inside Orangecopyright © 2013 – Orange – web, digital & social media 30
    30. 30. social media integration dynamic feeds social sharing • rss feeds • social networks integration – Facebook & Facebook • Facebook, Twitter… connect • press releases – Twitter – Google + • FT.PA stock price – LinkedIn … • events pages • interactivity – comments – forms – polls – ...copyright © 2013 – Orange – web, digital & social media 31
    31. 31. 5. templates http://oran.ge/slidescopyright © 2013 – Orange – web, digital & social media 32
    32. 32. standard templates horizontal navigationcopyright © 2013 – Orange – web, digital & social media 33
    33. 33. standard templates vertical navigationcopyright © 2013 – Orange – web, digital & social media 34
    34. 34. custom templates special custom template pricing availablecopyright © 2013 – Orange – web, digital & social media 35
    35. 35. responsive design your site adapts automatically to all mobile devicescopyright © 2013 – Orange – web, digital & social media 36
    36. 36. standard mobile templatecopyright © 2013 – Orange – web, digital & social media 37
    37. 37. 6. sample hosted websites http://oran.ge/slides
    38. 38. [int’l] wholesale solutionscopyright © 2013 – Orange – web, digital & social media 39
    39. 39. [int’l] corporate video platform (extranet)copyright © 2013 – Orange – web, digital & social media 40
    40. 40. [int’l] Orange healthcare BUcopyright © 2013 – Orange – web, digital & social media 41
    41. 41. [Fr] sample co-branding websitecopyright © 2013 – Orange – web, digital & social media 42
    42. 42. thank youcopyright © 2013 – Orange – web, digital & social media 43
    43. 43. any questions?copyright © 2013 – Orange – web, digital & social media 44
    44. 44. interact with us online @orange http://www.facebook.com/orange http://live.orange.com http://slideshare.net/orangecopyright © 2013 – Orange – web, digital & social media 45