Transcription

1

2 Petit déjeuner 27 juin 2" «Comment améliorer l'expérience utilisateur et augmenter votre transformation? Le «Testing» au service du Branding et de la performance: Perception utilisateur, Analytics du futur, Benchmark, A/B Testing & Personnalisation»

3 Les intervenants 3" 1 ère partie! Interviendront sur le thème : Analyser / Comparer / Comprendre / Tester / Adapter / Maximiser L expérience client au centre de votre processus de décision Carla HENNY DE PREVAL Directrice Digital YSL Beauté L Oréal Antoine LOISANCE Chef de projets AMOA chez vente-privee Nicolas FRITZ Président d Adamence.com Site de vente de bijoux

4 Qui sommes-nous? 4 Des récompenses prestigieuses Parmi nos investisseurs de renom + Gartner Cool Vendor Technology Ecommerce Lauréat Entreprise innovante 2013 de l AFDEL + Lauréat Tremplin Sénat 2011& Vainqueur du Concours Accenture Lauréat aux E-marketing Awards 2010 Eric%Bousteller% Président%Microso2%Europe% François%Bourdoncle% CEO%Dassault%Systemes% Patrick%Bertrand% Directeur%Général%Cegid%

5 Quelques clients 5

6 Constat! 6" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" En moyenne, sur 100 internautes qui viennent sur votre site, 98 s en vont sans s inscrire ou sans rien acheter! Quelles sont les solutions pour améliorer l experience utilisateur et augmenter fortement le taux de conversion?

7 Les sites web et l expérience utilisateurs ont changé! 7" Quelles%sont%les%soluAons%pour%augmenter%le%taux%de%transformaAon%% et%opamiser%l expérience%ualisateurs%?%! % " Prendre des risques et suivre votre intuition La prière " " " " " " " " L utilisation des Analytics Existe-t-il une réelle solution à l équation : Plus rapide / Moins risquée / Plus efficace pour augmenter votre transformation?!"

8 Activité et objectifs 8" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" DONNÉES DE NAVIGATION DONNÉES DE PERCEPTION DONNÉES DE COMPARAISON DONNÉES DE PERFORMANCE

9 Une gamme complète de solutions connectées 9" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Audit Conception Pré-prod Production Optimisation

10 Contexte et besoins 10" Vous avez accès à énormément de données via vos Analytics. Savez-vous rationnellement Pourquoi un internaute quitte votre site? Que pensent les internautes de vos parcours et ceux de vos concurrents? Quels éléments de la page déclenchent l inscription ou l achat? Comment passer de la donnée au problème et à la recommandation en un temps record?

11 Contexte et besoins 11" Entre les recommandations d optimisation proposées et leur intégration, il s écoule en moyenne un délai de 6 mois. Peut-on réduire ce délai de 6 mois à 6 jours? Comment rendre les équipes Marketing autonomes pour tester en temps réel des changements sur son site sans aucun risque?

12 12" Comment réussir la refonte de son site Web? Comment concilier User Experience, Branding, Luxe, E-business? 1"

13 1! Yves Saint Laurent! Le contexte 13" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Yves Saint Laurent Beauté:! Appartient à la Division Produits de Luxe du Groupe L Oréal! L'e-commerce représente 5% du Chiffre d affaire chez L Oreal! Lancement de 200 sites E-commerce dans les 24 mois Objectif : Refonte YSL Beauté :! Augmenter les ventes Online (et offline)! Faire du Branding un atout de vente «content that sells»! Proposer une approche innovante et une expérience shopping unique (immersion et service, vision sociale)! Mieux répondre aux attentes de nos clients! Proposer de nouveaux outils et services d aide à la vente! Rendre l expérience Découverte et Shopping agréable, efficace, unique! Pas le droit à l erreur / Timing serré / Ouverture aux USA first avant de nouvelles ouvertures stratégiques dans les mois qui suivent

14 1! Test de perception! Le contexte 14" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Avant Avant OU 1 à 10 personnes dans une salle Mode Focus groupe Grand nombre de données statistiques Données pas assez représentatives Résultats peu exploitables

15 1! Yves Saint Laurent! Analyse de la perception 15" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Alliez la puissance du «Quali» et le volume du «Quanti» Pour une refonte maitrisée et orientée sur l expérience client Plus"de"300%pers%US%% représenta+ves"de"la"cible"ysl" Clients"et"non"clients" " " " " Analyser la perception Répondre aux attentes et besoins Prendre en compte les freins et motivations Concilier objectifs Branding et E-business

16 1 Démo Live sur site en pré-prod 16" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" DÉMONSTRATION TEST SITE PRE-PRODUCTION

17 1 17" Résultats 17" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Quels éléments vous inciteraient à l achat sur ce site?

18 1 Méthode de travail 18" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Une liste de 50 Quickwin prêtes à être déployées

19 1 Méthode de travail 19" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" 15%jours%entre%démarrage%projet%avec%Content%Square%et%livraison%des%recommandaAons% Un travail rapide et efficace

20 1! Analyse Branding! Shade Finder! 20" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Branding & E-business: Ami ou Ennemi? " Format"One"Page" " Luxe" " E6Commerce" %%%%%%%%%%Une%équipe%qui%gagne%!%%%

21 1! Analyse Branding! Shade Finder! 21" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Le Branding : un outil au service de la performance commerciale?

22 1! Analyse Branding! Shade Finder! 22" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" What%did%you%like%about%this%tool?% UserOfriendliness% 18,3 % Skin%color%easy%to%find% 17,7%"!Helps!you!find!the!right!color! for!your!skin!tone.!fairly!simple! to!figure!out!!!!it!was!neat!to!be!able!to!find! your!perfect!shade!! Variety%of%shades% 10,3%" Helpful%tool% 10,3%"!!many!op<ons!and!an! innova<ve!way!to!pick!shadings! I!like!the!idea!of!this!tool,!it's!so! hard!to!find!your!shade!so!this!is! helpful!!unique!idea!"! RECOMMENDATIONS! " Make"the"access"to"the"tool"more"visible"on"the"product"page" "

23 1! Analyse Branding! Color Mirror : Users love this tool! 23" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Users%love%this%tool%!I!have!never!used!one!before.! It!is!different!than!other!sites!"! Useful% Client%customized% Easy%to%use% Fun%to%use%!It's!very!helpful!in! choosing!different! products!"!!it!was!nice!having! something!to!help!you! figure!out!what!you! should!buy!!!i!will!able!to!see!whats! good!make!up!for!my! self!"!!it's!a!nice!online!way! to!find!your!colors!"!!i!liked!that!you!had! different!op<ons!of! choosing!a!picture!of! yourself!or!a!model!"!!it!was!easy!to!use!"!!that!it!was!easy!to! find!certain!areas!of!my! face!and!adjust!the! tool"!!your!personal!view!or! what!you!want!to!look! like!could!skew!results!! Very!cool!tool.!I!would! use!it!every!<me!"!!i!liked!that!you!could! see!what!make!up! would!look!best!on!you.! This!is!a!fun!feature!"!

24 1 Démo Maquettes 24" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" DÉMONSTRATION TEST CONCEPTION MAQUETTES / WIREFRAME OU TEST SITE WEB EN PRODUCTION

25 1 Benchmark! Benchmark 25" Confiden+al,"not"to"disclose"6" "Content"Square"2013"" Donnez de la consistance à vos données Comparez vos résultats par rapport à un secteur d activité ou vos concurrents 100" 90" 80" 70" 60" 50" 40" 30" 20" 10" 0" Visibilité% UAlisaAon% Accès% Facilité% Simplicité%et% Agrément% Agrément" Visibilité" OrganisaAon% Clarté" Compréhension" Moteur%de% Moteur%de% Incita+on" Mémorisa+on" Lisibilité% Organisa+on" Intérêt" *Données fictives" informaaon% NavigaAon% clarté% général% recherche% recherche% RICHMOND% L."VuiSon" 60% 80% 70% 54% 75% 72% 75% 78% LVMH% YSL" 77% 60% 80% 82% 68% 82% 70% 84% HERMES% Gucci" 75% 52% 73% 90% 62% 80% 74% 83% PPR% Prada" 72% 59% 75% 60% 95% 88% 60% 75%

26 1 Test de perception Bilan 26" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Pour réussir son projet de refonte et d optimisation: Avoir une vision globale des perceptions utilisateur : # Avoir des points de vue Client et First User # Croiser les réactions de l utilisateur avec son surf et sa navigation Passer du temps à construire un questionnaire # Les bonnes questions font les bonnes réponses! Poser beaucoup de questions ouvertes # Laisser l utilisateur s exprimer spontanément pour découvrir des idées non identifiées Avoir des données comparatives fiables de Benchmark # Analyser des résultats par rapport à un secteur, un domaine ou une cible # Distinguer deux types de recommandations : Les quicks win à mettre en place tout de suite et les chantiers d optimisation plus disruptifs à tester

27 27" 21 millions de membres pour des millions de comportements différents 2"

28 2 vente-privee Le contexte 28" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" vente-privee :! Une présence dans 8 pays européens,! Un concept commercial novateur :! Des ventes jusqu'à -70% limitées dans le temps,! Inscription obligatoire pour l accès aux ventes,! Déstockage en ligne de grandes marques,! 21 millions de membres en Europe Objectif du projet "fiches produits" des ventes classiques :! Cibler et supprimer les freins à l ajout au Panier! Encore mieux comprendre les attentes des membres! Développer la conversion de cette page Il faut savoir quoi et comment optimiser à chaque étape, pour chaque pays

29 2 vente-privee Le contexte 29" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Les outils «Analytics» donnent des valeurs de performance sur les pages : pages vues, taux de rebond, etc. Les études donnent des tendances. Oui mais Comment navigue un membre sur les pages? Pour augmenter la conversion, il faut savoir :! ce que voit le membre! ses actions / réactions! où il passe du temps! ses hésitations! ce qui le pousse ou ce qui le freine à finaliser son achat Comprendre l expérience utilisateur pour améliorer les parcours et augmenter la transformation

30 Test de navigation sur la fiche produit 30"

31 2 Test de navigation Page produit Avant 31" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Objectif : Comment améliorer l expérience utilisateur et optimiser la mise au panier?

32 2 Test de navigation High Technology : User Screen Tracking 32" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013"! L «User Screen Tracking» a permis d établir des KPIs fiables de l ergonomie de la page produit! Concrètement, nous avons «filmé» plus de sessions de navigations réussies et fructueuses # Vidéo du surf de chaque membre

33 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Test de navigation User Screen Tracking : Process 33" 33! Y Tracking du déplacement de la souris et du surf des vrais membres Enregistrement des coordonnées (X, Y, T) de la position de la souris Stockage des data toutes les 50 ms X PIXELS Vidéo du surf de chaque utilisateur Réalisation de cartes de chaleur Mouvements" Clics" Exposi+on" Temps" Nouvelles données statistiques clés Parcours type Temps d hésitation Temps de survol avant clic Nb de survols Nb d interactions Nombre de visiteurs uniques

34 2 Test de navigation User Screen Tracking : Démo 34" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" DÉMONSTRATION

35 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Test de navigation Parcours-type *! 35! *données%ficaves%

36 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Test de navigation Une minorité de visiteurs voit le descriptif produit dès leur arrivée sur la page! 36! 1% Zone%vue%par%60%*%des%visiteurs%% lors%de%leur%arrivée%sur%la%page% Zone%vue%par%35%*%des%visiteurs%% lors%de%leur%arrivée%sur%la%page% 2% Carte"d exposi+on" Carte"de"mouvement" *données%ficaves%

37 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Test de navigation Français et Italiens scrollent plus! 37! Taux%de%scroll%=!Pourcentage!de!la!surface!de!la!page!affichée!à!l écran! *Scroll%par%pays%=!Taux!de!scroll*!x!Nombre!de!pixels!moyen!des!pages!produits!étudiées! ANALYSE!! Les"visiteurs"qui"scrollent"le"plus"sont"les"Français"et"les"Italiens.""! Les"italiens"sont"également"ceux"qui"affichent"le"plus"souvent"la"descrip+on"produit." *données%ficaves%

38 2 Bonnes pratiques Page Produit 38" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2! 3! 4! Un CTA unique d ajout au panier Visibilité des éléments de réassurance, proche du CTA Supprimer les portes de sortie penser popin Zoom qui ne cache pas la fiche produit / CTA sur zoom 5! 6! 7! 8! 9! 10! Vues miniatures au dessus de la ligne de flottaison / affichage en colonne à gauche Mise en avant d un bref descriptif produit avec lien ancre vers informations complètes en bas de page Système d ancre pour navigation au sein de la fiche produit (zapette ou menu) Présence des éléments de partage social à proximité de la photo Présence d éléments de x-selling sur la page Présence d un fil d ariane en haut de page

39 A/B Test Live Personnalisation 39"

40 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Tests de performance A/B Testing : Test comparatif de scénarios d une même page 40" Analyse du comportement réel des utilisateurs sur les versions testées / par canaux Mesure de l efficacité des scénarios selon les indicateurs clés : Taux de transformation / Taux de rebond / Temps passé / Exposition / Visibilité 70% du trafic réel! sur la page actuelle! Vos vrais! utilisateurs! 30% du trafic sur chaque nouvelle version! Installation en quelques minutes avec une ligne de JavaScript!

41 2 Ergotest Démo 41" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" DÉMONSTRATION

42 2 Test de navigation Tests de résolutions 42" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Tests de différentes résolutions sur toutes les interfaces Test temps de chargement Test navigateur

43 2 Tests de performance Lancement A/B/C Testing 43" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Critères observés en temps réel : Nombre de pages vues & temps passé avant conversion Taux de transformation par étape / 1 e et 2 e visite + / par Canaux / par Device Taux de transformation / New visitor / returning visitor / Client / Nouveau client Taux de rebond par type d utilisateur / Taux de scrolling

44 2! Les sites web et l expérience utilisateur changent d un pays à l autre! 44" "Données"fic+ves."Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Quelles%sont%les%soluAons%pour%augmenter%la%converAon%des%sites%eOcommerce%% et%opamiser%l expérience%ualisateur%dans%chaque%pays?% % Un internaute français ne pense pas et ne surfe pas comme un internaute chinois Parcours%type%FR% "Le"français"se"concentre"ici"" "sur"le"«"prix%»%en"premier" Parcours%type%CHINA% ""Le"chinois"se"concentre"ici" "sur"le"«"visuel%»%en"premier"

45 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" 2! Test de navigation Comportement spécifique des internautes chinois! 45! VS% Un important taux de scroll: La!plupart!des!visiteurs!scrollent!jusqu en!bas!de!page! Une majorité de temps passé sur la description produit: Le!temps!d affichage!moyen!sur!la!descrip<on!produit!est!3!fois!plus!long!! que!chez!un!européen! Un nombre significatif d informations: La!quan<té!de!visuels!produits!et!la!taille!de!la!descrip<on!produit!! sont!en!moyenne!2!fois!plus!importantes!

46 2 Exemple cas clients! Optimisation Formulaire d acquisition en Allemagne pour vente-privee 46" 46! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Avant! AVer! Après! Résultats: Augmentation à 2 chiffres du taux d inscription actif en Allemagne ObjecAfs%:%améliorer%l efficacité%des%campagnes%/%opamiser%" le%formulaire%d inscripaon%et%augmenter%le%taux%d'inscripaon% % RéalisaAon%:" Audit"Naviga+on"des"vrais"internautes"+"AB"Test"live"" " Test"de"différentes"versions"de"formulaire"d'inscrip+on"" sur"l acquisiaon%mulaocanal." % Personnalisa+on"du"formulaire"pour"chaque"canal"d acquisi+on" et pour chaque pays

47 Prendre les bonnes décisions d optimisation au quotidien Réduire le délai d analyse et d intégration Accélérer l augmentation de la conversion 47" 3"

48 3! Adamence! Le contexte 48" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Adamence.com:! Pionnier de la joaillerie en ligne! «Quasi» pure Player! Profil client particulier: achat impliquant (financièrement et émotionnellement)! Panier Moyen élevé! Ancien client Content Square Full Services Objectif:! Garantir la qualité d une grande joaillerie sur un site web! Rassurer et convaincre tout au long du parcours d achat Volonté SAAS:! Augmenter le taux de conversion de façon autonome! Faire vivre et adapter notre site au quotidien! Rendre les équipes opérationnelles pour analyser / tester / optimiser / adapter Comment passer de la donnée, à la détection du problème et à sa correction en un temps record? Comment réduire le délai d analyse et rendre les équipes Marketing autonomes pour proposer un parcours adapté à chaque utilisateur?

49 3 Une transition rapide 49" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Transition client Services / client SAAS Maîtriser la compréhension de l expérience client Accélérer l augmentation de la conversion

50 3! Adamence! Mousetest et Ergotest SAAS + Mobiletest 50" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Une plateforme SAAS pour Analyser & Tester & Apprendre & Maximiser Alimentée par la data au quotidien Retour sur décision instantanée Pilotage activité suivi des KPIs Supprimer la dépendance de la DSI Minimiser les risques / Maximiser les gains Des objectifs à court terme : Rendre les équipes plus productives en réduisant le délai d analyse et d intégration Augmenter la fiabilité des décisions Augmenter la conversion

51 3 Démo Live sur plateforme en SAAS 51" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" ANALYSER USER EXPERIENCE

52 3 Cas concret : Quick win / Quick alerte / Quick reco 52" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Des vidéos d utilisateurs en temps réel, sur chaque device

53 3 Cas concret : Quick win / Quick alerte / Quick reco 53" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Des alertes quotidiennes, automatiques, intelligentes, et auto apprenantes

54 3 Test de navigation Mousetest: User Experience Analytics : Comprendre l expérience utilisateur 54" 54! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Suivi de l efficacité de vos contenus éditoriaux / E-merchandising / User Experience en temps réel et de leur impact sur la conversion # Changez un Titre / un Push Produit / un contenu et mesurer instantanément son efficacité dans le temps selon de nombreux KPIs Visite / Exposition Temps passé / Survol / Clic Conversion / Revenu Panier moyen Survol to conversion Click to conversion

55 3 Carte de conversion 55" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014"

56 3 Un accompagnement personnalisé 56" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Des journées de formation Un support complet et détaillé Une plateforme d échange dédié Des journées d accompagnement chaque mois Des échanges téléphoniques chaque semaine Des équipes expertes du secteur d activité

57 3 Formation 57" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Une plateforme de formation accessible pour toute l équipe projet chez le client

58 3 Nouvelles fonctionnalités 58" 58! CONTENT SQUARE UX LABS Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013"

59 3 Un lab qui s enrichit quotidiennement 59" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Nouvelles fonctionnalités : navigation globale du site *Données%ficAves%ici%

60 3 Un lab qui s enrichit quotidiennement 60" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Nouvelles fonctionnalités : User Experience Analyzer avancé *Données%ficAves%ici%

61 3 Un lab qui s enrichit quotidiennement 61" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Nouvelles fonctionnalités : User Experience Analyzer avancé

62 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 3 Test live : panier / de l analyse à l action Avant% Après% 62! 62" VS Gain%de%28,10%%

63 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 3 Test live : panier / de l analyse à l action 63! 63" DiminuAon% de%77,06 % Gain%de%28,10 %

64 Qualitativement : Comprendre Mousetest + A/B Test Live 64"

65 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 3 Test live : panier / de l analyse à l action 65! 65" Carte de mouvement de la page Panier version 1

66 Personnalisation A/B Test Live Segmenté 66"

67 3! Analyse segmentée Search Display Affiliation Direct Mobile *Données%ficAves%ici% Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014"

68 3! Maximisation du profit A/B Testing intelligent avancé Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014"

69 Les intervenants 69" 2 ème partie! Interviendront sur le thème : SAAS + Service, l équation parfaite au service de la performance Richard SAINT-ETIENNE Directeur digital Carré Noir, Publicis Michel HEULIN Directeur Business Planning chez Mindshare (groupe WPP)

70 %%Comment%maximiser%les%gains%et%opAmiser%la%valorisaAon%de%la%marque%% %%avec%les%tests%qualioquana%/%ab%tests%live,%audit%de%site,%refonte,%% %%Test%de%maquemes%et%wireframes%?" %%«%Memre%la%donnée%au%service%de%l expérience%créaave%»% 70" 1"

71 1! Carré Noir 71" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Carré Noir est l agence de design stratégique du groupe Publicis

72 1! Carré Noir 72" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013"

73 1! Carré Noir Nos clients 73" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013"

74 1! Carré Noir Nos clients 74" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013"

75 1! Carré Noir Le contexte 75" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013"

76 1! Carré Noir Le contexte 76" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" REFONTE"E6COMMERCE" Contexte :! Une marque en transition avec un tout nouveau vocabulaire design! Une nouvelle cible à adresser sans délaisser l ancienne! Pas de changements possibles niveau back-office ou structure du front! Des délais courts

77 1! Carré Noir Le contexte 77" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" REFONTE"E6COMMERCE" Objectifs :! Concilier les injonctions branding et l e-business! Justifier des choix ergonomiques et créatifs par des données statistiques fiables! Créer une expérience utilisateur orientée sur la conversion! Faire de la «donnée» un argument de différenciation forte

78 1! Carré Noir! Le contexte pour chaque décision 78" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Avant 1 à 10 personnes dans une salle Mode Focus group Données pas assez représentatives

79 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 79" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 2% %%CréaAon%des% Wireframes% % Créa+on"gabarits" projet"de"refonte" clients" Architecture de l info et ergonomie - 1 workshop pour définir les spécifications détaillées - Sketching des parcours - Aller-retours client - 2 workshop prévus - Livrables: Storyboard des gabarits sous forme de wireframes spécifiés Wireframes% Maquemes% photoshop% Timing% 3"semaines" Maquettage : Création des gabarits Photoshop des pages principales : - Homepage avec gestion des menus - Pages listes avec toutes les typologies d affichage et gestion des filtres - Pages Produit - Checkout

80 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 80" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 3% Test%maquemes% en"concep+on" auprès" d un"panel" représenta+f" Analyse% +%Quickwin% +%RecommandaAons% Timing% 2"semaines"

81 1 Démo Live 81" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" DÉMONSTRATION

82 1 Méthode de travail 82" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" Une liste de 50 Quickwin prêtes à être déployées

83 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 83" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 4% AdaptaAon% maqueses"suite" aux"tests"et" déclinaison" gabarits" # Sur la base des recommandations de Content Square, Carré Noir affine les maquettes du parcours testé et décline les autres gabarits Maquemes%photoshop% finales% pour%intégraaon% Livrables " Gabarits Photoshop finalisés prêts pour intégration " Jpegs de contrôle Timing% 2"semaines"

84 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 84" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 5% AB%Test%Live% Nouveau" Site"Web" +%Analyse% comportement" de"naviga+on" Version initiale 80% Home page Version initiale Page liste Version initiale Fiche produit Version initiale Analyse% +%Quickwin% +%RecommandaAons% 20% Timing% 2"semaines" Version 1 Home page Version 1 Page liste Version 1 Fiche produit Version 1

85 1 Exemple cas clients! 85" 85! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Taux de transformation Home Page à Page Liste Variation de + 10% 300,00%" 290,00%" 280,00%" 270,00%" 260,00%" 250,00%" IniAal% Version%1%

86 1 Exemple cas clients! Home Page Pimkie V1 86" 86! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" %%ExposiAon% %%Clics%transacAonnel% 100%" Ligne de flottaison moyenne 60%" 30%" Carte! d exposi<on! de!la!home! Page!!V1!! 15%"

87 1 Exemple cas clients! Home Page push produit Pimkie 87" 87! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Taux de survols transformés en clics 18,80%" 12,47%" 14,50%" 15,57%" 15,26%" 13,04%" 9,65%" 10,01%" 10,33%" 6,68%" V0% V1% Capeline"en"paille" Blouson"en"simili"cuir" Débardeur"dégradés" Robe"bus+er" Sandales"" Faible%amracAvité%% du%crosselling% Carte!de!mouvements!du!bloc!push!produits!! Home!Page!VO! Carte!de!mouvements!du!bloc!! push!produits!home!page!v1!

88 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 88" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 6% Design% Nouvelles% Pages"Web" # Sur la base des recommandations de Content Square, Carré Noir affine l ensemble des pages du site. Suivi% des%résultats% Livrables " Gabarits photoshop définitifs " Jpegs de contrôle " Storyboard avec spécifications fonctionnelles " Digital guidelines Timing% 1"semaine"

89 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 89" Confiden+al,"not"to"disclose"6" "Content"Square"2014"

90 1! CS et Carré Noir: couple gagnant Une approche commune pour une refonte réussie 90" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 7 % AB%Test%Live% Nouvelles"pages" +"Redirec+on" 100%" u+lisateurs" Mise% %en%producaon% Timing% 2"semaines"

91 Confiden+al,"not"to"disclose"6" "Content"Square"2014" 1! CS et Carré Noir: couple gagnant 1% 2% 3 % 4% Audit%Site% Client% Percep+on"ou" Naviga+on"ou" Concurrence" Créa+on"maqueSes"principales" %%CréaAon%des% Wireframes% % Créa+on"gabarits" Concep+on"Check6out" sur"la"base"des" recommanda+ons" Test%maquemes% en"concep+on" auprès" d un"panel" représenta+f" Une approche commune pour une refonte réussie AdaptaAon% maqueses"suite" aux"tests"et" déclinaison" gabarits" 5% 6% 7 % AB%Test%Live% Nouveau" Site"Web" +%Analyse% comportement" de"naviga+on" Design%final% Nouvelles% Pages"Web" AB%Test%Live% Nouvelles"pages" +"Redirec+on" 100%" u+lisateurs" 91" Analyse% %+%Quickwin% +% RecommandaAons% Wireframes% Maquemes% photoshop% Analyse% +%Quickwin% +% RecommandaAons% Maquemes% photoshop% finales%pour% intégraaon% Analyse% +%Quickwin% +% RecommandaAons% Suivi% des%résultats% Mise% %en% producaon% Timing% 263"semaines" Timing% 3"semaines" Timing% 2"semaines" Timing% 2"semaines" Timing% 2"semaines" Timing% 1"semaine" Timing% 2"semaines" Audit Conception Production

92 92" %%%%Comment%mesurer,%prédire,%opAmiser%l efficacité%branding%% %%%%des%campagnes%digitales%?%% " """"«%Memre%la%donnée%au%service%des%KPIs%publicitaires%»% 2"

93 2 Mindshare Le contexte 93" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Mindshare :! Agence Média / Conseil en Stratégie des Moyens! Appartient à GroupM, 1 er groupe de conseil media mondial ( WPP)! Clients : SFR / Unilever / Ford / Chanel / Nike / Contexte :! RTB et Data digitale en pleine croissance! Performance mais aussi Branding : $ Orchestration des dispositifs publicitaires cross-medias y.c Mobile $ Emerger et innover Objectifs :! Créer une mesure opérationnelle des effets Branding pour optimiser les leviers! Mettre en place de nouveaux indicateurs d analyse

94 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Test d impact publicitaire Brandingtest 94" 94! Taux de clics Utilisé par 60% des annonceurs comme indicateur de référence. Le taux de clic ne mesure l efficacité d une campagne que sur une partie mineure de la population exposée. Impressions / CPM Un comptage plutôt qu une mesure Besoin de nouveaux indicateurs d efficacité Limites des indicateurs actuels : Pas d indication sur la visibilité réelle et le contenu Temps / Interactions / Visibilité réelle / Contenu Pas d indication sur la perception client Effets de Mémorisation / Attribution / Notoriété de la marque Pas d indication sur les leviers d action utilisateur Format / Message/ Device/ Emplacement...

95 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Contexte Brandingtest 95" 95! Qu est-ce qu un test Branding de formats et de campagnes publicitaires?" Nous"voulons"tester"l efficacité%de%différents%formats%et%campagnes%publicitaires%dans%différents%environnements."" L objec+f"est"de"mesurer"l efficacité"branding"de"la"campagne"et"de"déterminer"selon"une"grille"d évalua+on" le"meilleur"format"selon"un"ensemble"d indicateurs"prédéfinis." 1 2 Nous"nous"assurons"que"tous"les"tests"soient"réalisées"dans%des%condiAons%réelles% représentaaves%et%idenaques.% " Nous"comparons%l efficacité%des%formats%publicitaires%selon"différents"indicateurs" d efficacité"branding":"agrément"/"mémorisa+on"/"compréhension"/"visibilité"" Intrusivité"/"Adéqua+on"site"Web "

96 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Méthodologie! Mesurez et testez l efficacité Branding de vos campagnes 96" 1! Reproduction des conditions réelles de votre campagne publicitaire avant lancement sur quelques sites Web de votre plan média Pavé 300*250 2! Exposition à la campagne et questions posées à un panel 3! Analyse des données Comparaison des résultats Recommandations

97 2 Démo Live 97" Confiden+el,"ne"pas"divulguer"6" "Content"Square"2014" DÉMONSTRATION

98 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Mesure des données! Comprendre la perception de vos campagnes par vos utilisateurs 98" Envoi d un aux panélistes et clients Explication du fonctionnement du test Questions de Segmentation pré-surf Surf sur une reproduction live de la campagne publicitaire 5! 6! 7! Agrément 70% Compréhension 73% Visibilité 81% Clarté 65% Réponses aux questions posées ouvertes et fermées Retraitement des réponses utilisateurs Analyse sémantique, syntaxique et grammaticale Catégorisation des réponses aux questions ouvertes Accès aux verbatims utilisateurs Indicateurs d efficacité Note donnée à chaque item mesuré

99 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Contexte Brandingtest 99" 99! Mesurer des indicateurs fiables nécessite des résultats non biaisés. La méthodologie doit donc répondre aux éléments suivants : " Représentativité de la population et segmentation " Exposition " Habitudes de consommation " Influence de l environnement (différentes contextualisations) " Neutralité des questions posées " Multi Devices : Web / Mobile / Tablette

100 Mesure des données BRANDINGTEST 100"

101 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Mesure des données Indicateurs types 101" 101! Indicateurs analysés Agrément Adéquation à l image du client Raisons d agrément Souvenir Compréhension Mémorisation Incitation à renouveler / souscrire Viralité Diagnostic publicitaire (Items : me raconte quelque chose de nouveau, me donne une bonne image, est facile à comprendre ) Format intempestif / intrusif

102 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Mesure des données Questions post visualisation 102" 102! Exemples de questions posées Agrément 6"Diriez6vous"que"votre"naviga+on"sur"la"page" était"agréable"?"aimez6vous"cese"publicité"?" 6"La"publicité"a6t6elle"gêné"votre"naviga+on"?" 6"Pourquoi"?" Viralité 6"Avez6vous"envie"de"partager"ceSe"vidéo"?" 6"Le"fait"de"choisir"librement"votre"publicité" pourrait6il"vous"inciter"à"la"partager"plus" facilement"?"" Mémorisation Décrivez"en"quelques"mots"la"publicité"que" vous"venez"de"visionner."" Visualisation Sur"une"échelle"de"1"à"6,"ceSe"vidéo"vous"a6t6 elle"paru"intrusive"(1"pour"peu"intrusive,"6" pour"très"intrusive)"?" Intention 6"Seriez6vous"tenté"de"vous"renseigner"sur"le" produit"/"service"après"avoir"vu"la"vidéo"?" 6"Si"oui,"pourquoi"?"/"Si"non,"pourquoi"?" 6"Achèteriez6vous"ce"produit"/"service"?" Perception du choix 6"Préférez6vous"avoir"le"choix"de"visionner"la" publicité"?"ou"ne"pas"intervenir"sur"celle6ci"?" 6"Acceptez6vous"de"visionner"une"publicité"en" échange"d un"service"?"" Notoriété / Marque 6"Quelle"était"la"marque"présente"dans"la" publicité"?" 6"L image"que"vous"aviez"de"cese"marque"a6t6 elle"été"modifiée"par"cese"publicité"?" Impact 6"Avez6vous"visionné"la"vidéo"publicitaire"dès" l arrivée"sur"la"page"?"" 6"Avez6vous"parcouru"le"reste"de"la"page"?" 6"Avez6vous"visionné"la"vidéo"publicitaire"dans" son"intégralité"?" 6"Si"non,"pourquoi"?" " Engagement / Dwell-time

103 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 2 Mesure des données 4 indicateurs d efficacité Brandingtest 103" 103! Nouveaux indicateurs d efficacité publicitaire Branding Ex: Détail de l indicateur de Marque : Croisement de données qualitatives et quantitatives qui intègrent l expérience et la perception utilisateur au cœur des campagnes

104 Exemples Clients 3 Suisses / La Poste 104"

105 2 Exemples clients Test Campagne Display 105" 105! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Test Branding Campagne Display La Poste Pavé 300*250 Méga Ban 728*90 Durée: 15 jours Solution: Publicitest / Benchmark / BrandingTest Pays concerné: FR Panel : 250 Pers Nombre de formats : 2 Nombre de sites: 2 Données : Questions ouvertes et fermées posées aux Clients et non clients #Catégorisation des questions ouvertes / Accès aux verbatims Lesechospme.fr Lemonde.fr Livrable: Indicateur d efficacité Branding Rapport d analyse de la Perception des Internautes Liste de recommandations opérationnelles par Content Square «Publicitest nous a permis d avoir un retour complet avec analyses de la compréhension de l offre, adhésion, qualité de la création et améliorations possibles et anticipation de l efficacité, le tout accompagné de recommandations opérationnelles d optimisations.»

106 2 Exemples clients Test Campagne Display 106" 106! Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" Test Branding Campagne Display 3 Suisses 4 Pavés 300*250 1 Méga Ban 728*90 Durée: 20 jours Solution: Publicitest / Benchmark / BrandingTest Pays concerné: FR Panel : 350 Pers Nombre de formats : 5 Nombre de sites: 3 Données : Questions ouvertes et fermées posées aux Clients et non clients #Catégorisation des questions ouvertes / Accès aux verbatims Femmesactuelles.fr Marie-claire.fr Yahoo.fr Livrable: Indicateur d efficacité Branding Rapport d analyse de la Perception des Internautes Liste de recommandations opérationnelles par Content Square «Simple et très rapide, qui suffit à nous alerter très rapidement sur la perception des créations...» Directeur marketing France, 3 Suisses

107 Autres applications possibles BRANDINGTEST 107"

108 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Valeur ajoutée! Comparaison de l efficacité d une campagne sur plusieurs publishers 108" Pré-test comparatif : opération spéciale VS concurrence Création des pages d opération spéciale et comparaison avec la page concurrente cdiscount.fr. rueducommerce.fr Prévisualisation de la campagne Analyse des avantages comparatifs Mesure d efficacité Branding et Performance

109 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Valeur ajoutée! Pré-test comparatif 109" Comparez vos Opérations spéciales VS vos opérations classiques Meilleur ROI pour l opération spéciale Analyse comparative de l efficacité des opérations Mesure du ROI Branding et Performance

110 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Autres applications! Tests de nouveaux formats 110" Déterminer le format le plus performant Ancien format Nouveau format Notations : Exposition : 6/10 Marque : 7/10 Attention : 5,1/10 Visualisation : 6/10 Notations : Exposition : 8/10 Marque : 7,4/10 Attention : 5,4/10 Visualisation : 7/10 Le nouveau format obtient de meilleures notes

111 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Valeur ajoutée! Pré-test comparatif 111" Comparez vos Opérations spéciales VS un site dédié Analyse des avantages comparatifs selon une grille d évaluation identique

112 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Valeur ajoutée! Mesure Branding des campagnes 112" Anticiper, suivre et mesurer l efficacité Branding de la campagne Optimiser vos investissements publicitaires

113 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Valeur ajoutée! Tests de nouveaux emplacements 113" Tester de nouveaux espaces publicitaires Emplacement actuel Nouvel Emplacement Test comparatif avec nos indicateurs Meilleure efficacité du second emplacement

114 Confiden+el,"ne"pas"divulguer"6" "Content"Square"2013" 1! 2 Mesure des données! A/B Testing live: Editeurs, pré-testez vos campagnes, emplacement, formats 114" Créez dynamiquement différents scénarios de campagnes Testez-les en live et répartissez vos vrais internautes sur les différents scénarii Comparez et sélectionnez le scénario qui optimise l efficacité publicitaire et la navigation 91 % du trafic réel sur la page actuelle Vos vrais utilisateurs 3 % du trafic sur chaque version Installation en quelques minutes avec une ligne de JavaScript

115 2! CS et Mindshare Une approche commune 115" Confiden+al,"not"to"disclose"6" "Content"Square"2014" 1% Mindshare" Ini+ateur"du"projet" client"et"du" protocole." Echanges"avec" Content""Square" 2% Mindshare" et"content"square" vont"présenter" ensemble" le"disposi+f" au"client" 3 % 4% Créa+on"maqueSes"principales" Content"Square" apporte" la"technologie" Concep+on"Check6out" pour"mesre"en" place"le"disposi+f" validé" Mindshare" apporte" son"savoir"faire," fait"l analyse"et"les" recommanda+ons" au"client"final" Commercial Technologie + Services

116 Merci de votre attention Avez-vous des questions? Perception Navigation Performance Comparaison