SlideShare a Scribd company logo
1 of 16
1
TUI Group | Stratégie Digitale | Olivier ROCHE |
TUI Group - Stratégie Digitale
Évolution du site Marmara
depuis sa création
2
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
1999
Une des premières versions du site de Marmara
lancé le 7 juillet 1997
3
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2001
Une marque,
une couleur.
4
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2002
Site à géométrie
variable.
Les formes sont
toutes mêlées,
ainsi que les
couleurs.
5
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2003
Le site est
beaucoup
plus
ordonné :
les codes
visuels sont
beaucoup
plus carrés.
6
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2005
« Nous avons changé de
logo.
Cela a également été la
création d’une bannière
auto-promotionnelle. Le
but était de promouvoir
aussi Blue Lagoon.
Les couleurs des
destinations sont
cohérentes avec celles de
nos brochures.
Le moteur de recherche
est sur la gauche car il
est le premier élément
d’importance pour les
visiteurs.
La carte de la France sur
la droite montrait que nous
étions présents sur tous
les aéroports. »
Olivier Roche
7
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2006
Le site est plus
complexe et le
graphisme plus lié.
Le bandeau de droite
est plus fourni en
informations.
Le logo a encore
changé.
Le site utilise JAVA,
pour des animations
publicitaires et une
naviguation plus
dynamiques.
8
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2008
« 2008 a été le début de Marmara à la carte !
Nous avons aussi cherché à être plus
exhaustifs dans nos offres proposées sur le
site.
Les couleurs sont plus rouges car nous
avons abandonné Blue Lagoon.
Impossible toutefois de retrouver une capture
d’écran d’une page complète de l’époque… »
Olivier Roche
9
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2010
10
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2010
« Nous avions plus de moyens en 2010. A cette époque, le site est
devenu un enjeu stratégique plus important.
Nous avons gardé le rouge et le jaune comme identité graphique. Le
moteur de recherche est devenu central. La bas de page, le footer, est
également beaucoup plus développé.
Il n’y a plus d’obsession de faire des colonnes sur les côtés.
Nous avons en fait mené une vraie réflexion pour que le site fasse
référence.
La carte accompagne cet esprit. Il fallait changer l’image de
Mamara : non, nous ne faisions pas que la Turquie ! »
Olivier Roche
11
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2012
« En 2012, les
couleurs vives ne
choquaient personne !
La carte du monde est
toujours présente. En
revanche il n’y avait
pas encore de
carrousel à l’époque
pour la promotion.
Le logo a encore été
modifié, ainsi que le
slogan.
C’était l’époque des
fonds fixes. »
Olivier Roche
12
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2013
13
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2013
« 2013 a été une sacré évolution graphique. Mais cela a été moins de
travail qu’on l’imagine, car nous avons gardé la structure.
Le site est plus clair, le fond fixe fait rêver.
La carte du monde a en revanche été réduite car nous proposions moins
de longs courriers. La volonté était de simplifier au maximum la
compréhension du site via le graphisme.
Nous voulions gagner en fluidité et en modernité pour faire une image
de marque dynamique.
Le moteur de recherche est d’ailleurs très visible. Nous avons également
insisté sur la présentation des offres : l’occasion d’introduire le carrousel
promotionnel.
Nous avons aéré le site, notamment, pour donner plus d’envie et
d’inspiration à nos internautes. »
Olivier Roche
14
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
2014
15
Évolution du Site Marmara
TUI Group | Stratégie Digitale | Olivier ROCHE |
mars 2015
« La charte graphique a
beaucoup évolué. Le
flatdesign [ndlr : graphisme
en plages de couleurs très
stylisé] s’est aussi
beaucoup généralisé.
On a encore plus aéré
l’espace
avec la version de 2014.
On impose également
une pop-up lorsque
l’utilisateur se connecte
sur le site.
C’est oldschool mais c’est
efficace : cela permet
d’être sûrs que les gens
voient l’information qu’on
veut leur faire parvenir. »
Olivier Roche
16
E T O D E M A I N ?
TUI Group | Stratégie Digitale | Olivier ROCHE |
« Dans notre prochaine version,
la carte va diminuer pour
presque disparaître.
Nous allons aussi commencer à
vendre de l’espace
publicitaire : les bannières vont
se repeupler de publicité.
On risque d’enlever le
carrousel d’offres, qui est
moins efficace qu’on le pense.
Ou en tout cas de le modifier.
Enfin, il va falloir s’adapter à la
tendance des sites très
défilants qui est née avec les
tablettes. »
Olivier Roche

More Related Content

Viewers also liked

Http:es.slideshare.netjuandcultura ciudadana-unidad-1
Http:es.slideshare.netjuandcultura ciudadana-unidad-1Http:es.slideshare.netjuandcultura ciudadana-unidad-1
Http:es.slideshare.netjuandcultura ciudadana-unidad-1JUAN GUILLERMO
 
Delrio en uci
Delrio en uciDelrio en uci
Delrio en uciroberdox
 
Presentacion de google
Presentacion de googlePresentacion de google
Presentacion de googlemarcus18232
 
Revista informe
Revista informeRevista informe
Revista informesifinancia
 
El Renacimiento
El Renacimiento El Renacimiento
El Renacimiento jhonny78_10
 
Comercio Exterior Brandy Rusia
Comercio Exterior Brandy RusiaComercio Exterior Brandy Rusia
Comercio Exterior Brandy RusiaLarisaPeshkova
 
Jhon morales
Jhon moralesJhon morales
Jhon moralesJhon Yate
 
Presentación1 psicologia
Presentación1 psicologiaPresentación1 psicologia
Presentación1 psicologiaMayra Godoy
 
Diapositivas de twitter
Diapositivas de twitterDiapositivas de twitter
Diapositivas de twittertatiz16
 
Proyecto tics la seca
Proyecto tics la secaProyecto tics la seca
Proyecto tics la secaJohn Morales
 
Redes inalámbricas
Redes inalámbricasRedes inalámbricas
Redes inalámbricasshadiaav
 
Introduction à Studio 1
Introduction à Studio 1Introduction à Studio 1
Introduction à Studio 1Joanna Sanders
 

Viewers also liked (20)

Http:es.slideshare.netjuandcultura ciudadana-unidad-1
Http:es.slideshare.netjuandcultura ciudadana-unidad-1Http:es.slideshare.netjuandcultura ciudadana-unidad-1
Http:es.slideshare.netjuandcultura ciudadana-unidad-1
 
Delrio en uci
Delrio en uciDelrio en uci
Delrio en uci
 
Tarea 2.4
Tarea 2.4Tarea 2.4
Tarea 2.4
 
Presentacion de google
Presentacion de googlePresentacion de google
Presentacion de google
 
Revista informe
Revista informeRevista informe
Revista informe
 
El Renacimiento
El Renacimiento El Renacimiento
El Renacimiento
 
Celac susy y mili
Celac susy y miliCelac susy y mili
Celac susy y mili
 
Gahlioupin
GahlioupinGahlioupin
Gahlioupin
 
Comercio Exterior Brandy Rusia
Comercio Exterior Brandy RusiaComercio Exterior Brandy Rusia
Comercio Exterior Brandy Rusia
 
Jhon morales
Jhon moralesJhon morales
Jhon morales
 
Gisela
GiselaGisela
Gisela
 
Presentación1 psicologia
Presentación1 psicologiaPresentación1 psicologia
Presentación1 psicologia
 
Diapositivas de twitter
Diapositivas de twitterDiapositivas de twitter
Diapositivas de twitter
 
Proyecto tics la seca
Proyecto tics la secaProyecto tics la seca
Proyecto tics la seca
 
Celac susy y mili
Celac susy y miliCelac susy y mili
Celac susy y mili
 
Factorización
FactorizaciónFactorización
Factorización
 
Redes inalámbricas
Redes inalámbricasRedes inalámbricas
Redes inalámbricas
 
Twitter
TwitterTwitter
Twitter
 
Introduction à Studio 1
Introduction à Studio 1Introduction à Studio 1
Introduction à Studio 1
 
Deportivas
DeportivasDeportivas
Deportivas
 

Similar to 150325 historique site web marmara

Les 10 Tendances Webdesign pour 2014 by Vanksen
Les 10 Tendances Webdesign pour 2014 by VanksenLes 10 Tendances Webdesign pour 2014 by Vanksen
Les 10 Tendances Webdesign pour 2014 by VanksenSolange Derrey
 
Stratégie Méribel 2017 2020
Stratégie Méribel 2017 2020Stratégie Méribel 2017 2020
Stratégie Méribel 2017 2020Eric Bouchet
 
Portfolio 2014 Agence Souple/hop!
Portfolio 2014 Agence Souple/hop!Portfolio 2014 Agence Souple/hop!
Portfolio 2014 Agence Souple/hop!Agence Souple/hop!
 
Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!
Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!
Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!Salon e-tourisme #VeM
 
Les 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenLes 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenVanksen
 
Call for bids/Appel d'offres - Château de Versailles
Call for bids/Appel d'offres - Château de VersaillesCall for bids/Appel d'offres - Château de Versailles
Call for bids/Appel d'offres - Château de VersaillesMeghan Regior
 
RESPONSABLE COMMUNICATION . C.V
RESPONSABLE COMMUNICATION . C.VRESPONSABLE COMMUNICATION . C.V
RESPONSABLE COMMUNICATION . C.VJudith Siboni
 
Redesign Château de Versailles : Equipe 11
Redesign Château de Versailles : Equipe 11Redesign Château de Versailles : Equipe 11
Redesign Château de Versailles : Equipe 11HETIC
 
Sailing Loc - Présentation.pdf
Sailing Loc - Présentation.pdfSailing Loc - Présentation.pdf
Sailing Loc - Présentation.pdfhassanNdam
 
Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...
Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...
Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...Salon e-tourisme #VeM
 
Sailing Loc by OZE Digital - Institut F2i
Sailing Loc by OZE Digital - Institut F2iSailing Loc by OZE Digital - Institut F2i
Sailing Loc by OZE Digital - Institut F2iOlivia Douroux
 
CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...
CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...
CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...nous sommes vivants
 
Futur des Maps lafrenchmobile Octobre 2013
Futur des Maps  lafrenchmobile Octobre 2013Futur des Maps  lafrenchmobile Octobre 2013
Futur des Maps lafrenchmobile Octobre 2013servicesmobiles.fr
 
Groupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOC
Groupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOCGroupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOC
Groupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOCJean Christophe Larose
 
Groupe cardinal - communique de presse - inauguration Siège Manitowoc à Lyon
Groupe cardinal - communique de presse - inauguration Siège Manitowoc à LyonGroupe cardinal - communique de presse - inauguration Siège Manitowoc à Lyon
Groupe cardinal - communique de presse - inauguration Siège Manitowoc à LyonGeorges Dancette
 
Création de site avec ou sans agence 2 copie
Création de site avec ou sans agence 2   copieCréation de site avec ou sans agence 2   copie
Création de site avec ou sans agence 2 copieemilieroy
 

Similar to 150325 historique site web marmara (20)

8 vem6 i8-internet_séjour
8 vem6 i8-internet_séjour8 vem6 i8-internet_séjour
8 vem6 i8-internet_séjour
 
Les 10 Tendances Webdesign pour 2014 by Vanksen
Les 10 Tendances Webdesign pour 2014 by VanksenLes 10 Tendances Webdesign pour 2014 by Vanksen
Les 10 Tendances Webdesign pour 2014 by Vanksen
 
Stratégie Méribel 2017 2020
Stratégie Méribel 2017 2020Stratégie Méribel 2017 2020
Stratégie Méribel 2017 2020
 
BOOK_BO
BOOK_BOBOOK_BO
BOOK_BO
 
Portfolio 2014 Agence Souple/hop!
Portfolio 2014 Agence Souple/hop!Portfolio 2014 Agence Souple/hop!
Portfolio 2014 Agence Souple/hop!
 
Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!
Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!
Atelier I9 La mutualisation dans les stratégies numériques : ça marche !!!
 
Les 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenLes 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by Vanksen
 
melting.k
melting.kmelting.k
melting.k
 
Call for bids/Appel d'offres - Château de Versailles
Call for bids/Appel d'offres - Château de VersaillesCall for bids/Appel d'offres - Château de Versailles
Call for bids/Appel d'offres - Château de Versailles
 
RESPONSABLE COMMUNICATION . C.V
RESPONSABLE COMMUNICATION . C.VRESPONSABLE COMMUNICATION . C.V
RESPONSABLE COMMUNICATION . C.V
 
Redesign Château de Versailles : Equipe 11
Redesign Château de Versailles : Equipe 11Redesign Château de Versailles : Equipe 11
Redesign Château de Versailles : Equipe 11
 
Sailing Loc - Présentation.pdf
Sailing Loc - Présentation.pdfSailing Loc - Présentation.pdf
Sailing Loc - Présentation.pdf
 
Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...
Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...
Atelier IE7 Stratégie multi canal : être efficace avec ses moyens en respecta...
 
Sailing Loc by OZE Digital - Institut F2i
Sailing Loc by OZE Digital - Institut F2iSailing Loc by OZE Digital - Institut F2i
Sailing Loc by OZE Digital - Institut F2i
 
CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...
CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...
CV de Jeremy dumont - Planneur strategique, designer, instigateur d'innovatio...
 
Futur des Maps lafrenchmobile Octobre 2013
Futur des Maps  lafrenchmobile Octobre 2013Futur des Maps  lafrenchmobile Octobre 2013
Futur des Maps lafrenchmobile Octobre 2013
 
Groupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOC
Groupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOCGroupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOC
Groupe Cardinal communique-de-presse inauguration du Siège EMEA de MANITOWOC
 
Groupe cardinal - communique de presse - inauguration Siège Manitowoc à Lyon
Groupe cardinal - communique de presse - inauguration Siège Manitowoc à LyonGroupe cardinal - communique de presse - inauguration Siège Manitowoc à Lyon
Groupe cardinal - communique de presse - inauguration Siège Manitowoc à Lyon
 
Mopa guide 2015
Mopa   guide 2015Mopa   guide 2015
Mopa guide 2015
 
Création de site avec ou sans agence 2 copie
Création de site avec ou sans agence 2   copieCréation de site avec ou sans agence 2   copie
Création de site avec ou sans agence 2 copie
 

150325 historique site web marmara

  • 1. 1 TUI Group | Stratégie Digitale | Olivier ROCHE | TUI Group - Stratégie Digitale Évolution du site Marmara depuis sa création
  • 2. 2 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 1999 Une des premières versions du site de Marmara lancé le 7 juillet 1997
  • 3. 3 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2001 Une marque, une couleur.
  • 4. 4 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2002 Site à géométrie variable. Les formes sont toutes mêlées, ainsi que les couleurs.
  • 5. 5 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2003 Le site est beaucoup plus ordonné : les codes visuels sont beaucoup plus carrés.
  • 6. 6 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2005 « Nous avons changé de logo. Cela a également été la création d’une bannière auto-promotionnelle. Le but était de promouvoir aussi Blue Lagoon. Les couleurs des destinations sont cohérentes avec celles de nos brochures. Le moteur de recherche est sur la gauche car il est le premier élément d’importance pour les visiteurs. La carte de la France sur la droite montrait que nous étions présents sur tous les aéroports. » Olivier Roche
  • 7. 7 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2006 Le site est plus complexe et le graphisme plus lié. Le bandeau de droite est plus fourni en informations. Le logo a encore changé. Le site utilise JAVA, pour des animations publicitaires et une naviguation plus dynamiques.
  • 8. 8 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2008 « 2008 a été le début de Marmara à la carte ! Nous avons aussi cherché à être plus exhaustifs dans nos offres proposées sur le site. Les couleurs sont plus rouges car nous avons abandonné Blue Lagoon. Impossible toutefois de retrouver une capture d’écran d’une page complète de l’époque… » Olivier Roche
  • 9. 9 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2010
  • 10. 10 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2010 « Nous avions plus de moyens en 2010. A cette époque, le site est devenu un enjeu stratégique plus important. Nous avons gardé le rouge et le jaune comme identité graphique. Le moteur de recherche est devenu central. La bas de page, le footer, est également beaucoup plus développé. Il n’y a plus d’obsession de faire des colonnes sur les côtés. Nous avons en fait mené une vraie réflexion pour que le site fasse référence. La carte accompagne cet esprit. Il fallait changer l’image de Mamara : non, nous ne faisions pas que la Turquie ! » Olivier Roche
  • 11. 11 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2012 « En 2012, les couleurs vives ne choquaient personne ! La carte du monde est toujours présente. En revanche il n’y avait pas encore de carrousel à l’époque pour la promotion. Le logo a encore été modifié, ainsi que le slogan. C’était l’époque des fonds fixes. » Olivier Roche
  • 12. 12 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2013
  • 13. 13 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2013 « 2013 a été une sacré évolution graphique. Mais cela a été moins de travail qu’on l’imagine, car nous avons gardé la structure. Le site est plus clair, le fond fixe fait rêver. La carte du monde a en revanche été réduite car nous proposions moins de longs courriers. La volonté était de simplifier au maximum la compréhension du site via le graphisme. Nous voulions gagner en fluidité et en modernité pour faire une image de marque dynamique. Le moteur de recherche est d’ailleurs très visible. Nous avons également insisté sur la présentation des offres : l’occasion d’introduire le carrousel promotionnel. Nous avons aéré le site, notamment, pour donner plus d’envie et d’inspiration à nos internautes. » Olivier Roche
  • 14. 14 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | 2014
  • 15. 15 Évolution du Site Marmara TUI Group | Stratégie Digitale | Olivier ROCHE | mars 2015 « La charte graphique a beaucoup évolué. Le flatdesign [ndlr : graphisme en plages de couleurs très stylisé] s’est aussi beaucoup généralisé. On a encore plus aéré l’espace avec la version de 2014. On impose également une pop-up lorsque l’utilisateur se connecte sur le site. C’est oldschool mais c’est efficace : cela permet d’être sûrs que les gens voient l’information qu’on veut leur faire parvenir. » Olivier Roche
  • 16. 16 E T O D E M A I N ? TUI Group | Stratégie Digitale | Olivier ROCHE | « Dans notre prochaine version, la carte va diminuer pour presque disparaître. Nous allons aussi commencer à vendre de l’espace publicitaire : les bannières vont se repeupler de publicité. On risque d’enlever le carrousel d’offres, qui est moins efficace qu’on le pense. Ou en tout cas de le modifier. Enfin, il va falloir s’adapter à la tendance des sites très défilants qui est née avec les tablettes. » Olivier Roche