e-commerce NAVIGATION MOBILE Votre site est-il optimisé? RESPONSIVE ET ÉCRANS LARGES Le paradoxe!

Transcription

1 e-commerce+ Magazine d'information d'octave n 15 - Septembre 2015 fashion.com fashion.com Les TENDANCES MOBILES MOBILES du e-commerce du e-commerce NAVIGATION MOBILE Votre site est-il optimisé? RESPONSIVE ET ÉCRANS LARGES Le paradoxe!

2 édito Réussir sa transformation numérique et répondre aux enjeux de la mobilité La numérisation de tous les secteurs de l économie qui a silencieusement transformé toute notre société, entraîne de profondes mutations pour les entrepreneurs et nécessite de nouvelles compétences. Le numérique doit être aujourd hui une priorité pour le stratège d entreprise, en particulier dans la vente et la distribution. La distinction entre e-commerce et commerce s efface progressivement au profit du commerce connecté. Les consomm acteurs, toujours plus exigeants et en complète ubiquité, privilégient à la fois la rapidité, l efficacité de l expérience digitale et la proximité du magasin. Les stratégies cross canal qui en découlent, les outils de gestion en temps réel et les problématiques de cohérence entre canaux de vente deviennent des enjeux très complexes pour les commerçants. Source d opportunités, le commerce connecté implique de repenser tout le business model autour du numérique et des enjeux mobiles. Celui-ci devient l élément fondateur et central d une nouvelle dynamique commerciale ayant l effet d entraînement sur les autres canaux de distribution. À travers sa solution performante, ses connaissances et son expertise, Octave est le partenaire privilégié des petites et moyennes entreprises dans leur stratégie de développement centrée sur un commerce connecté réussi. Chez Octave, notre légitimité et notre crédibilité est de créer de la valeur pour nos clients. Cette valeur ajoutée, cette efficience est une richesse pour les clients que nous accompagnons. Michel Perrinet, Président-Directeur général d Octave CHIFFRES CLÉS du e-commerce 2015 Evolution du C.A. en milliards d euros C.A. e-commerce ,0 Part du m-commerce 2 % 5 % 7 % 10 % (prévisions) Sites leaders 51,1 2,6 56,8 4,0 62,5 6,4 C.A. m-commerce (prévisions) 21 % DU C.A. SUR MOBILES ET TABLETTES DES ACTEURS DE LA VENTE EN LIGNE 24 % disposent d un site mobile ou d une application mobile qui permet de recevoir des commandes *source : Chiffres clés 2015 de la FEVAD

3 Votre site est-il optimisé pour une navigation mobile? La création d un site en Responsive Web Design ou d une Version Mobile dédiée se révèle un critère de choix dans le cadre d un projet web, pour deux raisons principales : 1. Les chiffres de la navigation mobile et du M-commerce sont en pleine ascension. Il existe plusieurs solutions pour rendre votre site web compatible mobile. Les deux plus connues sont : le Responsive Web Design et la version mobile. Le Responsive Web Design C est une approche de conception visant à élaborer des sites web offrant une expérience de navigation optimale quel que soit le device utilisé (PC, tablette, smartphone). Avec cette méthode, c est le contenu du site qui s adapte à la taille de l écran, cela implique de redimensionner l ensemble des éléments ainsi que la structure des différentes zones de contenu. La Version Mobile C est une version dédiée, 100% optimisée pour une navigation depuis smartphone. L enjeu d une version mobile est de proposer une navigation tactile simplifiée et intuitive. Afin de faciliter la navigation et l accès rapide aux contenus sur des petits écrans, l accent est mis sur l ergonomie et l efficience (fonctionnalités essentielles, poids des images, etc). En 2014, le marché du e-commerce pesait 56,8 milliards d euros, soit 11% de plus que l année précédente. Les chiffres du e-commerce sont en constante évolution, et depuis quelques années, il est très intéressant de s intéresser à ceux du m-commerce. En effet, alors qu en 2012 le m-commerce ne représentait que 2% du CA e-commerce, en 2014 il en représente déjà 7% et les prévisions pour l année 2015 annoncent une part de 10%! *source : Chiffres clés 2015 de la FEVAD 2. Les sites labellisés «mobile friendly» sont favorisés par Google dans les résultats de recherche depuis mobile. L objectif de Google depuis sa création est de satisfaire l internaute dans sa quête de connaissance en lui offrant le meilleur confort de navigation possible. Autrement dit, l expérience de l utilisateur sur le web doit être la priorité. Pour répondre à cet objectif, Google a déployé en avril dernier une mise à jour de son algorithme appelée «Google Mobile-friendly». Cette mise à jour a pour but de favoriser les pages ayant le label «mobile-friendly», donc les pages et sites internet offrant à l internaute une navigation optimisée sur mobile ou plutôt de pénaliser les sites ne respectant pas les critères de compatibilité mobile. Anne-Laure Tarjon - Consultante e-commerce La création d un site en Responsive Web Design ou d une Version Mobile dédiée se révèle un critère de choix dans le cadre d un projet web.

4 Responsive Design et écrans larges : le paradoxe Depuis quelques années, la technologie web s'est concentrée sur les petits écrans, en mettant de côté les écrans larges Augmentation du trafic mobile et tablette En 2010, le «site e-commerce français moyen» comptait entre 1 et 3 % de trafic mobile/tablette. En 2014, c'est entre 20 et 40 % de son trafic qui est concerné. Cette évolution, très largement commentée, a été l'un des phénomènes les plus marquants de la sphère e-commerce. Augmentation de la largeur des écrans en navigation classique On comptait en 2010 entre 20 et 30 % de trafic sous résolution 1024 x 768 px. Plus des 2/3 du trafic provenait de résolutions supérieures à 1280 px comme... aujourd'hui. En effet, parallèlement à la montée en puissance des mobiles et tablettes, le format 1024 x 768 px (ultra dominant dans les années 2000) a quasiment disparu en 4 ans en navigation classique (mode «desktop» ou navigation bureau, c'est à dire depuis un ordinateur portable ou fixe classique). Cette résolution a tout de même continué d'apparaître dans les statistiques mais en navigation de type «tablette». Le paradoxe de l'évolution vers le Responsive Web Design (RWD) Pendant 4 ans, la plus grande partie des efforts s'est concentrée sur 1/3 du trafic, à savoir la navigation mobile et tablette. Tandis que les écrans «s'élargissaient» en mode classique, la largeur maximale des sites est restée fixée à 1000 px (voire 1200 px pour les sites les plus avant-gardistes), laissant la part belle aux fonds d'écran. L'optimisation de l'affichage pour les grands écrans est délaissée Désormais, de nombreux sites ont évolué et proposent une expérience de navigation mieux adaptée aux grandes et très grandes résolutions. Mais à l'heure actuelle, 5 des 10 plus gros sites e-commerce fréquentés par les français sont en largeur fixe à 1000 px et aucun ne dépasse 1200 px (non compris Amazon qui a toujours privilégié le «pleine largeur» autrement appelé «liquide»). On peut donc dire, sans trop se tromper, que la moitié des sites e-commerce français proposent aujourd'hui des sites adaptés à une résolution d'écran qui n'existe quasiment plus en navigation classique, alors que ces internautes continuent de représenter les 2/3 de leur trafic quotidien! Ces sites ont par ailleurs, dans leur grande majorité, une navigation adaptée au mobile, en Responsive Web Design ou en version mobile dédiée. Des sites ringardisés et étriqués sur les écrans larges Sur un écran très large, l'impression qui domine lorsqu'on visite un site e-commerce en 1000 px de large par défaut, par rapport à un site en 1200 px et

5 Vignettes produits SITE ÉTROIT SITE LARGE supérieur, c'est l'aspect «étriqué» de l'ensemble : des photos, des polices, des espacements plus petits, un fond d'écran immense, etc. Cela éloigne l'internaute de son produit. Dommage! Lorsqu'un des enjeux principaux du e-commerce est de combattre «l'effet virtuel» de l'achat. Au final, les défenseurs du Responsive Web Design risquent de gagner leur pari en bonne partie grâce à la ringardisation des sites non responsive sur les écrans larges. Pablo Gasnier - Directeur e-commerce Cas client Ferme de Sainte Marthe La Ferme de Sainte Marthe produit des semences potagères biologiques depuis plus de 40 ans, à destination des particuliers et des professionnels. En 2015 et pour la 3ème fois consécutive, la Ferme de Sainte Marthe a confiée à Octave la refonte de son site e-commerce. L ergonomie et le graphisme du site ont complètement été repensés pour donner vie à un site e-commerce design, très moderne, en Responsive Web Design! Dans ce projet, les écrans larges et les écrans mobiles n ont pas été oubliés puisque le site est disponible en 1900 px de large et s adapte à toutes les largeurs d écran. Une version mobile dédiée a également été déployée afin de proposer une navigation simplifiée sur mobile.

6 L agence web Octave Nous accompagnons nos clients dans leur projet e-commerce depuis Nos clients trouvent chez nous un réservoir d expérience et de savoir-faire liés aux problématiques de la vente en ligne. UNE MÉTHODE ÉPROUVÉE Lorsque vous nous confiez la réalisation d un site e-commerce, un consultant e-commerce vous accompagne et vous conseille tout au long de votre projet. Il se déroule en 3 étapes : Le brief web Le zoning La charte graphique UNE ÉQUIPE WEB SPÉCIALISÉE EN E-COMMERCE Notre agence web est composée d experts et de passionnés du web. Nous regroupons toutes les compétences nécessaires à la réussite de votre projet. Julien Développeur web Pascal Intégrateur web Axelle Chef de projet Philippe Directeur artistique Anne-Laure Consultante e-commerce

7 NOS EXPERTISES WEBDESIGN CONSEIL & STRATÉGIE ERGONOMIE INTÉGRATION & DÉVELOPPEMENT WEBMARKETING UNE SOLUTION E-COMMERCE PERFORMANTE Nous vous proposons de nombreuses fonctionnalités avancées qui vous permettent de rivaliser avec les meilleurs sites du marché. Les techniques web évoluent très vite, notre solution e-commerce progresse donc constamment. RÉFÉRENCES CLIENTS

8 Développez votre business MULTICANAL! Invitation à nos prochains salons Retrouvez-nous du 21 au 23 Sept Pavillon 1 - Stand M 046 Vous avez un projet e-commerce? Contactez Octave! Rencontrez-nous à Lille - Grand Palais du 20 au 22 Oct Stand F21 NºVert APPEL GRATUIT DEPUIS UN POSTE FIXE Réalisation : Octave Edition : 08/2015 Reproduction totale ou partielle interdite. Imprimeur : Setig Imprimeur RCS Angers : B Crédit photo : PureSolution (Fotolia)