Magazine information n15 by Octave Octave

e-commerce+

Magazine d'information d'Octave n°15 - Septembre 2015

.com fashion

fashio n.com

Les

TENDANCES M OBILES du

e-com merce NAVIGATION MOBILE

Votre site est-il optimisé ?

RESPONSIVE ET ÉCRANS LARGES Le paradoxe !

CHIFFRES CLÉS

Réussir sa transformation

édito numérique et répondre

du e-commerce

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.

2015

Evolution du C.A. en milliards d’euros C.A. e-commerce

62,5

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

56,8 51,1 45

4,0

2,6

1,0

2012

6,4

C.A. m-commerce

2013

2014

Part du m-commerce

2% 2012

2013

2015 (prévisions)

2014

10% 2015

(prévisions)

Sites leaders

21%

DU C.A. SUR MOBILES ET TABLETTES

DES ACTEURS DE LA VENTE EN LIGNE disposent d’un site mobile ou d’une application mobile qui permet de recevoir des commandes

*source : Chiffres clés 2015 de la FEVAD

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

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

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.

2. Les sites labellisés « mobile friendly » sont favorisés par Google dans les résultats de recherche depuis mobile.

La Version Mobile

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.

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).

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é.

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.

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 ».

« 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.

Le paradoxe de l'évolution vers le Responsive Web Design (RWD)

Des sites ringardisés et étriqués sur les écrans larges

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

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

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.

L’agence web Octave Nous accompagnons nos clients dans leur projet e-commerce depuis 2004. 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 :

1 Le brief web 2 Le zoning 3 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. Pascal Julien

Développeur web

Philippe

Intégrateur web

Axelle

Chef de projet

Directeur artistique

Anne-Laure

Consultante e-commerce

NOS EXPERTISES CONSEIL & STRATÉGIE WEBDESIGN

INTÉGRATION & DÉVELOPPEMENT ERGONOMIE

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

Développez votre business

MULTICANAL !

Invitation

à nos prochains salons Retrouvez-nous du 21 au 23 Sept. 2015 Pavillon 1 - Stand M 046

Vous avez un projet e-commerce ? Contactez Octave ! NºVert

Rencontrez-nous à Lille - Grand Palais du 20 au 22 Oct. 2015 Stand F21

0 805 960 360

APPEL GRATUIT DEPUIS UN POSTE FIXE