Author archives: Julie Sébille

Refonte eCommerce : Univers du Pro passe à la vitesse supérieure

Vous avez sans doute déjà entendu parlé d’Univers du Pro, spécialiste outdoor, maison, bricolage. Avec un succès croissant et des ventes en constante augmentation, le revendeur Pure Player avait besoin d’un site eCommerce plus performant et correspondant mieux à son image de marque. Le site marchand devait à tout prix améliorer ses performances de chargement en prévision de l’augmentation de ses produits proposés à sa clientèle et à son développement exponentiel. Nous avons bien évidemment accepté le challenge pour faire de ce projet de refonte eCommerce un véritable succès !

La Demande

La marque Univers du Pro a fait appel à Asdoria pour procéder à la refonte de son site eCommerce.
A sa création, Univers du Pro était spécialiste de l’univers de l’outillage, notamment professionnel. Son site était donc pensé en fonction, avec une navigation axée sur le monde du bricolage, avec des features et des filtres adéquates à l’univers de l’outillage.

Avec les années, les demandes et les produits se sont peu à peu diversifiés pour ainsi voir apparaître dans leurs rayons virtuels des barbecues, des produits axés pour le camping, des outils plus utiles pour l’entretien des jardins…

Le besoin de devoir repenser les fonctionnalités et les méthodes de navigation du site s’est donc fait ressentir. La diversification des produits a élargi le public cible de la marque, demandant ainsi un design plus neutre du site et une navigation plus simple, une meilleure classification des produits.

Avant
Après

Le site originel d’Univers du Pro, malgré de bons soins commençait à perdre en modernité, tant sur l’aspect visuel que dans ses fonctionnalités : La première version 1.6 du CMS Prestashop présentait des soucis techniques qui ralentissaient le temps de chargement du site, l’image qu’il reléguait ne correspondait plus à la hauteur ni à l’ambition de développement exponentiel de la marque pour les années à venir.

Cet ancien socle technique ne permettait donc pas le lancement de campagnes AdWords car le site n’était pas prêt à recevoir une affluence importante de visiteurs.

La Mission

L’objectif de la refonte était donc clair : Passer à la dernière version 1.7 de Prestashop, en profiter pour développer le back-office et le préparer à supporter une augmentation d’environ +50% de produits en 2019. Du côté front-end, actualiser l’image de la marque avec un site plus moderne et adapté aux univers de l’outillage, de la maison et du jardin.

La Création

Notre objectif était d’assurer la refonte de ce site eCommerce.
Nouvelle version de Prestashop, nouvelle organisation du back-office, amélioration des performances du site pour le préparer à une grande affluence de visiteurs, à l’ajout massif de produits, de leur classification et forcément, à davantage de ventes. En parallèle, la partie front-end avait pour mission d’être améliorée : UX-design, meilleure navigabilité, requalification de l’image de la marque par rapport à l’ambition d’Univers du Pro d’asseoir sa réputation de distributeur Pure Player spécialiste outillage, maison et jardin.

Vous aussi vous souhaitez développer vos ventes grâce à un site eCommerce (vraiment) performant ?

CONTACTEZ-NOUS !

Posted by Julie Sébille

Itinéraires Bois : La construction bois a le vent en poupe et un site tout neuf

Itinéraires Bois, constructeur de maisons et de bâtiments en bois, basé à Gilly-sur-Isère en Savoie, se pare d’un nouveau site vitrine ! Outil de communication à part entière, ce site moderne est axé sur la construction bois, tant à destination du BtoC que du BtoB dans la France entière.

La Demande

Le challenge avec le projet de site vitrine d’Itinéraires Bois était de créer un site tant à destination du particulier souhaitant s’informer sur la construction individuelle, que le professionnel intéressé par l’élaboration de bâtiment collectifs, pro, ou publics tels que les écoles, les centres de santé etc.

Itinéraires Bois a fait appel à Asdoria pour réaliser un site vitrine moderne, clair, qui exploite la totalité du savoir-faire de ce constructeur spécialisé et passionné du bois et de tous ses bienfaits.

Un site destiné à la maison individuelle sur-mesure et pré-conçue, aux bâtiments professionnels tout en mettant en avant l’expérience d’architecture du cabinet. Briser les a priori du bois en tant que matériau par la preuve et montrer que la construction bois n’est pas destinée qu’aux chalets montagnards mais qu’elle s’insère à merveille dans les milieux urbains.

La Mission

L’objectif principal était de créer un site internet vitrine qui reflète l’identité d’Itinéraires Bois à travers le Groupe Itinéraires, en mettant en avant les réalisations BtoB et BtoC, les avantages d’une construction Bois, et l’esprit de la société. Le but ? Donner l’envie du bois à travers des constructions d’architectes, conçues pour le confort et le bien-être de ses occupants tant dans l’individuel que le collectif, le public ou le privé.

La Création

Notre objectif était créer un site vitrine cohérent et argumenté, attractif visuellement et ayant une double cible : les professionnels et collectivités ainsi que les particuliers. Faire découvrir la passion du bois et ses milliers de possibilités de constructions possibles afin d’atteindre un fort taux de conversion et d’asseoir la réputation d’Itinéraires Bois.

Vous aussi vous souhaitez développer votre visibilité sur le web en créant votre site vitrine ?

CONTACTEZ-NOUS !

Posted by Julie Sébille

PBF: Le Spécialiste de l’élagage et de l’élevage se pare d’un Site Vitrine

Un site vitrine représente votre activité sur internet. C’est la plaquette virtuelle de votre travail. Outil de communication à part entière, il est indispensable pour développer votre entreprise et travailler votre notoriété. Le site vitrine s’adresse à toutes les activités : PME, TPE , artisans, professions libérales, associations, organismes et même les particuliers.

La Demande

C’est pourquoi PBF (Platform Basket France pour les intimes), expert en solutions d’élagage et de levage a fait appel à Asdoria.

L’idée est de créer une plateforme vitrine représentant toutes les gammes prestigieuses que PBF distribue : nacelles araignées, broyeurs de végétaux, rogneuses de souches, mini-grues, matériel forestier, accessoires.

Fort de son expérience dans la location et la vente de matériel d’élagage et de levage, PBF souhaitait créer un site vitrine spécialisé et dédié exclusivement à présenter ce matériel à la vente.

La Mission

L’objectif principal était de créer un site internet vitrine utile en tant que support numérique de leur catalogue produit, à travers lequel PBF puisse véhiculer une réelle identité, et classifier par thématique les produits haut de gamme qu’il distribue.

La Création

Nous avons donc :

Notre objectif était créer un site parfaitement opérationnel qui soit en mesure de développer positivement l’image de marque de PBF,  et de positionner clairement leurs gammes par usage et par caractéristiques.

Vous aussi vous souhaitez développer votre visibilité sur le web en créant votre site vitrine ?

CONTACTEZ-NOUS !

Posted by Julie Sébille

Migration de données : Basculer le eCommerce d’Univers Train d’une solution fermée à un CMS Open Source

Lorsque l’on a choisit une solution dite « fermée » pour créer son eCommerce, il est compliqué d’en sortir avec tout ce que l’on y a laissé. Descriptifs produits, référencement, données clients ne sont pas toujours facilement récupérables pour réaliser une migration de données vers un CMS Open Source par exemple.

La Demande :

Univers Train souhaitait simplifier ses imports de produits avant de faire évoluer son site e-commerce univers-train.com
Il était impératif de migrer la base de données produits et clients depuis une solution tout-en-un onéreuse et qui ne lui permettait pas une totale liberté à un CMS eCommerce Open Source et performant, pouvant accueillir une multiboutique : nous avons nommé Prestashop.

L’idée était de rendre ce site eCommerce de modélisme ferroviaire plus performant, plus rapide pour pouvoir y apporter davantage de produits et générer plus de chiffre d’affaires. Il était également important de le préparer à une intégration future en multiboutique depuis un seul back-office.

La Mission :

L’objectif principal pour cette mission est de veiller à bien récupérer un maximum de données, de s’assurer de la bonne bascule des produits sur le nouveau CMS et de conserver le bon référencement des anciennes URL.

Action, Réaction !

Nous avons donc :

Notre objectif était de simplifier les imports de produits d’Univers train en migrant ses données sur un CMS plus pratique, Prestashop. Visuellement cette opération change peu l’aspect visible du site, même si elle le simplifie en terme d’utilisation.

Vous aussi vous souhaitez développer votre visibilité sur le web en créant votre site vitrine ?

CONTACTEZ-NOUS !

Posted by Julie Sébille

TWK : La mécanique industrielle en vitrine

Votre présence web est primordiale. Elle conforte les clients dans leurs choix et donne confiance aux prospects. Un site vitrine renforce votre crédibilité et officialise vos savoir-faire.

La Demande

C’est pourquoi TWK, spécialiste en mécanique industrielle a fait appel à Asdoria pour la conception et la création de son site vitrine clé en main et simple à administrer.

 « En 33 ans, l’entreprise TWK n’a jamais perdu de vue son objectif premier : la satisfaction de sa clientèle à travers des pièces de qualité, conçues au détail près. Nous réalisons des petites et moyennes séries sur vos pièces d’usinage, et nos domaines de compétence sont variés : l’usinage, le fraisage, le tournage, le perçage, l’alésage, la peinture, la rectification… »

TWK souhaitait exposer l’ensemble de ses expertises ainsi que la richesse de son parc de machines et des partenariats avec ses prestataires pour développer certains types de réalisations.

La Mission

L’objectif principal était donc de créer un site internet vitrine, à travers lequel TWK puisse communiquer son savoir-faire, la qualité de ses prestations et présenter l’éventail de ses activités.

La Création

Nous avons donc :

Pour Asdoria, l’essentiel était de créer un site parfaitement opérationnel qui soit en mesure de développer l’image de marque de TWK positivement et de créer un réel engouement auprès de ses prospects.

Vous vous posez des questions quant à votre visibilité sur le web ? Vous souhaitez plus d’informations pour créer votre site vitrine ?

CONTACTEZ-NOUS !

Posted by Julie Sébille

Créer et mettre en valeur vos visuels produits pour votre eCommerce

Dans le eCommerce, une bonne partie de la décision de l’internaute se joue à sa première impression. Il ne suffit pas d’avoir un site bien référencé pour garantir l’achat de vos produits par les internautes. Parmi tous les paramètres à prendre en compte, il y en a un qui qui pèse particulièrement dans la balance : Les visuels. Les images sur un site sont d’une importance non négligeable. Image d’illustration, photographie de produit ou d’entreprise, pictogramme ou bien même une infographie, tous les visuels que vous mettez en place sur votre site servent aussi à votre référencement et surtout à l’expérience utilisateur. On l’a déjà dit, “une image vaut mille mots”. Un visuel n’est donc pas là par hasard, il doit servir un objectif précis : Inciter au clic, à la lecture, être vecteur d’émotion, susciter la curiosité, favoriser l’achat

Photographie produits : votre arme de séduction principale

Et c’est justement ce point-là que nous allons exploiter. Favoriser l’achat grâce aux photographies de vos produits.
N’oublions pas que dans les cas d’un eCommerce, les visuels de vos produits sont votre arme de séduction principale, ne les négligez donc pas !
C’est bien souvent le tout premier contact qu’a votre internaute avec vos produits/services. La photographie d’un produit, c’est même l’unique référence (en plus de la description) que vous mettez à sa disposition pour s’en faire un avis, à défaut de pouvoir le toucher et de le voir « en vrai ». Inutile, donc, de trafiquer l’image ou de l’embellir en saturant les couleurs. Il vous faut un visuel le plus fidèle possible à l’objet initial afin d’éviter la déception du client qui peut porter préjudice à votre marque et à vos ventes.

La mise en valeur des produits du site Kalembal.com

Rassurer l’internaute pour favoriser l’achat

Les requêtes sur les moteurs de recherche sont toujours nombreuses via la section “images”. Elles représentent près d’un tiers des recherches globales. Il vous est sûrement déjà arrivé d’atterrir sur un site web en ayant cliqué dans un premier temps sur une image non ? Voilà l’importance de prendre soin de TOUS vos visuels. Ils peuvent être une porte d’entrée sur votre site, susciter la curiosité, l’envie dans un premier temps. La qualité des photos et le sérieux de votre site favorisera l’acte d’achat dans un second temps. Pour ce, nous vous conseillons de dédier un intérêt particulier :

  • à la véracité de vos contenus visuels, comme dit précédemment,
  • à présenter un maximum de détails à votre futur acheteur, en photographiant votre produit sous plusieurs angles. Votre cible pourra ainsi avoir l’idée la plus complète de votre produit.
  • Le petit + : N’hésitez pas à intégrer une option de zoom au survol de l’image ou bien une représentation 3D, dans un but de ré-assurance.

 

En pratique comment bien faire ses photographies ?

Le fond blanc

Utiliser un fond blanc, incurvé de préférence pour éviter toute démarcation.
Le fond blanc reflète mieux la lumière sur l’objet, permet de mettre davantage en valeur vos produits et facilite le détourage du produit par la suite. Avec le fond blanc, vous pouvez plus facilement changer la couleur du fond lors du traitement de l’image et l’ajuster à votre convenance.

Le fond blanc incurvé

Ne pas lésiner sur la lumière

C’est bien la lumière qui mettra en valeur votre produit. L’idéal est un ton, une ambiance naturelle, claire. Pour éviter les ombres trop marquées qui dévalorisent le produit, vous pouvez tamiser la lumière en mettant un écran blanc devant la lampe (des écrans professionnels existent, mais un drap blanc ou une feuille blanche dans un premier temps peuvent suffire). Le but est d’adoucir les ombres : il ne faut pas avoir d’ombres nettes, qui sont peu flatteuses pour le produit.
Attention, évitez d’utiliser le flash qui a la fâcheuse tendance d’aplatir les volumes. Nous vous recommandons plutôt d’augmenter la lumière environnante. Petite astuce, si vous utilisez des lumières artificielles : utiliser des ampoules à lumière froide.

À gauche, des photographies ternies par un manque de lumière. À droite, des produits mis en valeur grâce à une luminosité plus travaillée.
À gauche, des photographies ternies par un manque de lumière. À droite, des produits mis en valeur grâce à une luminosité plus travaillée.

Stabiliser pour plus de netteté

Utiliser un trépied pour soutenir l’appareil photo, c’est éviter un maximum le tremblement lors de la prise et avoir une image la plus nette possible. Vous pouvez également utiliser le retardateur de votre appareil photo qui limitera davantage tout mouvement de l’appareil. Une image professionnelle de votre société passe aussi par la qualité de vos photographies et de vos visuels.

On exagère un peu, mais les photos manquant de netteté sont à banir.
On exagère un peu, mais les photos manquant de netteté sont à banir.

Photographier sous tous les angles de vue

L’idée est de prendre l’objet sous tous les angles pour que l’utilisateur puisse se faire une meilleure idée de votre produit global. Cela vous évitera des demandes de retour dues à la déception de certains clients qui estiment que le produit reçu n’est pas conforme au produit vendu. Présenter les produits au plus près de la version réelle originale, authentique.

angles-de-vues-multiples

Homogénéiser les tailles des photographies pour une meilleure échelle

Le cadrage est important pour que l’on puisse se rendre compte de la taille des produits les uns par rapport aux autres. Même si vous indiquez les dimensions de vos produits, l’internaute doit pouvoir se rendre compte que votre perceuse portative est plus petite que votre perforateur burineur ! Prenez soin d’afficher vos photographies au même format pour que l’on puisse se rendre compte de l’échelle de taille des différents produits, en plus des dimensions affichées en description. Vous pouvez également y placer un repère, comme une main qui montre ou qui tient le produit, une personne qui le porte (comme pour des vêtement ou de la maroquinerie…).

les-gants-de-jardinages du site univers-du-pro.fr

L’intégration des visuels sur votre site

Une fois mis en valeur, il vous reste une dernière étape : intégrer les images sur votre site.

Le bon format pour un bon temps de chargement

Un conseil, n’intégrez pas vos images sans réduire leur taille. Le temps de chargement de vos pages est en partie tributaire du poids de vos images. C’est pourquoi nous vous recommandons de réduire la taille à un maximum de 200K, d’opter pour une résolution 72pp, en JPG, PNG ou même en GIF.

L’optimisation SEO, et le compte est bon

Elles comptent elles aussi pour votre référencement naturel, songez donc à bien les renommer et remplir votre balise “alt” (texte alternatif) avec les mots clefs que vous aurez choisi d’insérer dans des phrases cohérentes à but descriptif. Dans les résultats de recherches images qui représentent à elles seules un tiers des requêtes globales sur internet, l’internaute pourra ainsi mieux retrouver l’image en fonction de sa demande et surtout savoir à quoi correspond l’image qui lui est présentée, quel est son contexte.

Le-pulvérisateur-à-batterie-vito-optimisé-grâce-à-une-légende-et-ses-mots-clés

Evidemment, tous ces conseils ne constituent pas une liste exhaustive, mais ils sont la base d’une optimisation de vos photographies produits pour vendre sur votre eCommerce.

vous vous posez des questions en termes de visuels produits, vous souhaitez plus d’informations sur le sujet ou sur le eCommerce en général ?

Contactez-nous !

Posted by Julie Sébille

TGE-PME : Protection des données numériques de votre site internet avec le RGPD

Depuis déjà quelques mois, l’arrivée du RGPD* a été hautement annoncée sur les médias. On parle de grand bouleversement sur la maîtrise de la donnée client. La loi est toute récente cependant elle n’est pas forcément un chamboulement pour les entreprises structurées et responsables envers leurs clients mais une vraie révolution pour toutes les entreprises mal organisées ou pas forcément transparentes auprès de leurs utilisateurs. Mais alors le RGPD est-il une contrainte ou une opportunité pour votre business ?

*RGPD (ou GDPR en anglais): Règlement Général de Protection des Données (General Data Protection Regulation)

Le RGPD est enfin là !

L’analyse marketing et la collecte de données personnelles (Big Data) est devenue l’objectif numéro 1 à tous les niveaux : les « petits sites » comme les sites à fort trafic, les appareils connectés et les smartphones récoltent quotidiennement nos données. Depuis des années les entreprises tirent profit de cette récolte et analysent toutes les données des utilisateurs. Les GAFA par exemple (Google, Apple, Facebook, Amazon) entraînent un vrai enjeu spéculatif, économique et renforcent, avec d’autres mauvaises pratiques des entreprises, la méfiance de la part des consommateurs.
Dans ce constat, les pays européens ont décidé de s’allier afin de maîtriser les abus. Le RGPD est né avec un texte de loi qui a été voté en 2016 et est en vigueur depuis le 25 mai 2018. La CNIL (Commission Nationale de l’Informatique et des Libertés) est la gardienne Française de la liberté des données des consommateurs et fait régner la bonne démarche de la loi auprès des sociétés de son territoire.

Tous les business sont touchés

Les TPE et PME de l’union Européenne sont soumises aux mêmes obligations et sanctions que toutes les entreprises et organismes publics. Elles doivent toutes appliquer les principes du RGPD vis-à-vis de leurs clients, fournisseurs, prospects et salariés et conserver une trace des démarches de conformité dans l’entreprise en interne, avec les partenaires et les fournisseurs, sous forme papier ou électronique. La CNIL a pour mission d’accompagner, responsabiliser la mise en conformité des entreprises ou encore de punir les sociétés récalcitrantes. Le RGPD distingue deux montants de sanctions différents. Pour faire simple, les punitions peuvent monter jusqu’à 4% du chiffre d’affaires annuel consolidé mondial ou 10 millions d’euros… Tout de même… ça fait réfléchir. La première sanction en France à ce jour s’est élevée à 250 000 euros. Mais alors comment applique-t-on la loi sur son site eCommerce ou site vitrine ?

Les 5 grandes lignes pour se conformer au RGPD sur Internet :

Pour rentrer dans les détails nous n’allons pas plagier le site internet de la CNIL qui – soit dit en passant – a fait un beau travail de documentation et d’explications approfondies de la démarche que nous vous invitons à lire à la fin de cette article. Mais pour synthétiser :

Les technologies ciblées par le RGPD

Vous êtes responsable de toutes les données (Off ou Online) permettant d’identifier directement ou indirectement une personne physique (publipostage, cookies, traceurs, scoring, carte de fidélité,…) provenant de vos propres bases de données mais également de vos sous-traitants. Vérifiez bien la conformité de vos partenaires tiers !

Consentement de l’acquisition de la donnée

Fini les “Opt-in” automatiques et les cases à cocher par défaut, les personnes doivent donner leurs consentements explicites et peuvent s’ils le souhaitent activer totalement ou partiellement la quasi-totalité des cookies (publicitaires, fonctionnels et analytiques). De nos jours certains sites internet ou applications contraignent les internautes à donner un consentement d’utilisation de leur données pour continuer à utiliser leur service… Une pratique non autorisée par le RGPD (Comme on peut le constater dans l’article de la fabrique du consentement de Facebook). De plus, vous devez clairement informer les personnes de leurs droits et des objectifs de la collecte de leurs données. Un gros travail sur les formulaires, mentions légales et le paramétrage de cookies en perspective !

Stockage de la donnée impératif de suivi

Maîtriser vos informations en tenant un registre de consentement associé à une durée de conservation maximum pour chaque donnée. Les droits d’accès à l’information doivent être accessibles au personnel selon le degré d’utilisation de la base et de ses missions (éviter qu’un stagiaire ait accès à toutes les données, par exemple…). Sinon l’anonymisation et la pseudonymisation sont de rigueur. Attention, ici encore certaines brèches existent et persistent, selon la localisation de l’entreprise (UE, hors UE, USA,…).

Traitement de la donnée

La fin des fichiers individuels la CNIL impose de cartographier la donnée permettant ainsi de localiser les données personnelles et faciliter la mise en place d’un registre de consentement (art 10). Une organisation qui permet de qualifier la donnée en utilisant les métadonnées. Le traitement est obligatoire pour les entreprises de plus de 250 personnes ou de toute taille si un traitement particulier de la donnée est adapté. Concernant les données sensibles, l’entreprise doit au préalable faire une demande à la CNIL qui se réserve le droit d’accepter ou non leur utilisation.

Le profilage légal sous conditions

C’est désormais une pratique entrée dans les mœurs des marketeurs : les sites internet doivent informer clairement à l’internaute que ses données comportementales seront utilisées pour le profilage et ce dernier doit l’accepter sans équivoque. L’internaute peut demander à l’entreprise de présenter toutes ses informations stockées et demander à faire cesser le profilage ou effacer les données s’il le souhaite. Toutes demandes d’oppositions devront être inscrites dans un registre par l’entreprise.

Le RGPD, une contrainte qui devient une opportunité !

N’oubliez pas que la maîtrise et la sécurité de votre base de données peuvent provenir des internautes de votre site et également de données internes (salarié, fournisseur, presse, …). Pour se responsabiliser, il est donc important qu’un référent soit désigné (DPD) pour contrôler la gestion ainsi que l’accès sécurisé de toutes les données dans toutes les entreprises. Sur le Web avec le RGPD, les marketeurs des entreprises auront moins de données à disposition, c’est sûr ! Mais en obtenant le consentement explicite, la qualité des interactions sera largement meilleure car moins intrusives et votre R.O.I sera plus avantageux (Imaginez qu’avec une base de données qualifiée respectant le RGPD, vous mettiez en place une stratégie marketing adaptée voire automatisée) !

Nous sommes conscient qu’une méthodologie doit être mise en place dans chaque société mais en plus de la sécurité des informations, le gain de productivité en gestion et en vente est important. Asdoria peut vous l’assurer, le jeu en vaut la chandelle !

L’agence Asdoria a forgé ses compétences dans diverses TGE et PME, ce qui lui permet d’avoir une vision globale de la gestion de la donnée numérique et le management d’entreprise. Du management allant de la qualité, à la base de données et à l’administration de système sécurisé, Nous saurons vous conseiller et vous proposer les outils efficaces qui vous correspondent. Alors contactez-nous !

Alors, contactez nous !

Quelques sources si vous souhaitez approfondir davantage le sujet :

Les données à caractères personnelles sont entrées dans l’ère du RGPD (Importer Image HD dans WordPress):
https://clusif.fr/content/uploads/2018/03/infogRGPD-800×559.jpg

Hors UE la données peut avoir des niveaux de protections moins sûrs :
https://www.cnil.fr/fr/la-protection-des-donnees-dans-le-monde

Posted by Julie Sébille

Pourquoi le Retargeting Dynamique est-il un atout pour votre entreprise ?

Le retargeting (reciblage publicitaire) vous permet de diffuser des annonces auprès des personnes ayant déjà consulté votre site ou utilisé votre application mobile. Grâce au retargeting dynamique, vous pouvez aller plus loin : présenter à ces clients potentiels une annonce personnalisée en fonction de leurs parcours sur votre site. Le message est adapté à l’utilisateur et l’incite à revenir sur votre site pour terminer ce qu’il avait entamé (inscription à une newsletter, finaliser un acte d’achat, télécharger un catalogue, un livre blanc…).

Le retargeting : traquez, analysez, incitez, convertissez

L’intérêt du retargeting dynamique est d’adapter votre contenu publicitaire en fonction du comportement du prospect grâce aux trackers (cookies) installés sur votre site par la plateforme de retargeting. L’idée est d’examiner l’intention de l’internaute sur votre site. Lorsqu’il poursuivra sa navigation sur d’autres blogs, sites web, ou autres URLs,  vous pourrez lui proposer une publicité ciblée qui l’incite à finaliser ce qu’il avait commencé sur votre site.

Le retargeting dynamique : recentrer le prospect sur votre entreprise

Avec cette méthode, vous luttez contre les abandons paniers ou les visites inutiles, favorisez un lead via une inscription, réalisez une vente complémentaire etc… En d’autres termes, le retargeting est une technique pour faire revenir sur son site du trafic qualifié, le but étant de générer plus de leads et de conversions. Prenons par exemple une personne qui a regardé vos produits relatifs aux vernis à ongles. Elle sera davantage intéressée si vous lui proposez une offre spéciale sur sa couleur préférée, ou si vous lui rappelez qu’elle n’a pas finalisé son panier rempli de magnifiques vernis à paillettes tendance.

Un autre exemple de Retargeting Dynamique en Display, pour des bâches de protection.

NB : Retargeting ou Remarketing, le reciblage publicitaire dans les deux cas.

A noter, il est tout à fait possible de créer des campagnes de remarketing (terme employé par Google pour nommer le reciblage publicitaire de ce dernier) via votre compte Google AdWords, qui seront diffusées sur les sites tiers du réseau Google AdSense. Les grands principes du reciblage publicitaire sont donc les mêmes si vous entendez les deux termes : « Retargeting » au sens général, « Remarketing » pour Google.

Le coût par clic ou le coût par mille

Levier d’acquisition au CPC, ou au CPM

Nous ne vous cacherons pas que cette méthode est payante. Mais si le retargeting est aujourd’hui l’un des leviers d’acquisition et de notoriété des plus importants, c’est parce qu’il fonctionne en termes de coût par clic (ou de coût par mille). Vous pouvez donc adapter vos campagnes en fonction des objectifs souhaités, et varier votre coût par clic en fonction du type de prospect, de son comportement ainsi que des types de catégories de produits que vous souhaitez diffuser. Il peut donc s’avérer très rentable quant au coût d’acquisition final !

Les différentes formes du retargeting

Lorsque l’on parle de reciblage publicitaire, on pense souvent à l’affichage des bannières en display (en encart publicitaires disposés sur les différents sites internets). Il existe cependant beaucoup d’autres formes de retargeting dynamique comme :

On-site retargeting : une pop-in apparaît lorsque l’internaute est sur le point de quitter votre site, lui rappelant qu’il n’a pas terminé son panier, ou l’invitant à participer à un jeu concours en s’inscrivant à la newsletter ou en lui offrant une promotion flash pour l’inciter à finaliser son achat rapidement. Cette technique s’avère efficace étant donné qu’elle reste sur votre site, elle n’est pas perçue comme intrusive de la part de l’internaute par rapport à un retargeting off-site.

E-mail retargeting : Cette fois-ci, l’internaute est parti de votre site, et un mail de relance lui est envoyé, lui indiquant les mêmes types d’informations que la pop-in, par exemple. La seule différence est qu’il faut que vous connaissiez le mail de l’internaute, et la data, c’est LA condition sinéquanone pour retargeter. Mais attention ! Acquérir de la data par tous les moyens n’est pas possible. Il faut respecter avec précision le RGPD (Règlement Général de Protection des Données – encore un sujet passionnant, au passage) qui tend à protéger davantage les données des utilisateurs, sous peine de sanctions. Les taux d’ouverture sont d’environ 50% comparé à un spam lambda. Encourageant !

SMS retargeting : Même principe que le mail mais cette fois ci directement sur le téléphone/smartphone de l’internaute. Cette méthode s’avère particulièrement efficace, avec plus de 90% de taux d’ouverture, dans un délai moyen de 2 minutes, face à environ 4 heures pour l’ouverture d’un mail.

Ce qu’Asdoria pense du retargeting

Bien que cette méthode soit un facteur de performance majeur dans le e-commerce, elle n’est pas sans faille. La première est de savoir limiter la diffusion de ses annonces par internaute, pour ne pas lui exposer une pression commerciale trop forte qui créerait tout à fait le scénario inverse. Pour ce, il vous faut une stratégie en Data Marketing solide. La seconde est qu’elle ne permet pas de savoir si le client a toujours besoin du produit dont vous lui vantez les mérites : il peut-être allé comparer sur le web pour mieux pouvoir aller l’acheter dans un magasin tiers. Et ça, vous ne le savez pas.

Face à cette sur-exposition aux publicités, les systèmes de blocage d’annonces sur internet fleurissent aussi de plus en plus, ils interceptent les publicités (notamment en Display) que vous tentez vainement d’envoyer à votre prospect. Voilà pourquoi les retargeting on-site et off-site sont complémentaires et efficaces !

Le retargeting (ou remarketing) dynamique est une solution imparable pour pouvoir envoyer un message de relance à vos prospects dans le but de diminuer vos taux de rebond, et augmenter votre taux de conversion.

Vous avez besoin d’aide ou de conseils en matière d’annonces publicitaires on-site, off-site, display ?

Posted by Julie Sébille

Réussir votre site Responsive Design

Ce n’est plus un secret, nous tendons de plus en plus à une utilisation du web sur mobile. Selon le Crédoc, en 2017, 73% des français possèdent un smartphone et 42% d’entre eux s’en servent en premier lieu pour se connecter à internet. Le monde connecté tient désormais dans notre main. D’ailleurs, depuis avril 2015, Google a même créé un algorithme Mobile Friendly, favorisant les sites internet s’adaptant au format mobile (AMP). En sachant tout cela, il serait bien dommage de ne pas adapter son site en « responsive design » !

La préparation en amont pour réussir son site responsive design

Votre site internet est la vitrine de votre commerce à l’instar d’une boutique physique dans une rue passante, vue autant par des enfants, des adolescents ou des adultes. Du point de vue digital, il en est de même. Le responsive design permet de rendre votre site visible tant sur mobile, que sur tablette, ou sur un desktop classique. C’est un peu plus technique certes, mais rendre son site responsive design, c’est donner une image professionnelle et actuelle de votre entreprise. En s’adaptant au format que vos prospects utilisent pour afficher votre site, vous êtes assuré d’être visible du plus grand nombre quelle que soit la largeur de l’écran sur lequel il est affiché. Pour ce quelques points de préparation sont de mise :

Maquettez

Préparez les maquettes de votre site en fonction des trois formats différents pour y définir les diverses mises en page et les blocs indispensables (ou pas) à conserver en fonction de l’utilisation de vos utilisateurs web. Maintenant que le nombre de connexion sur les sites internet depuis un mobile dépasse les écrans Desktop, les agences créent maintenant les concepts web design en Mobile First, c’est à dire qu’elles mettent en priorité en question l’ergonomie du site Internet en format mobile avant le Desktop.

Simplifiez

Une mise en page de votre site simple, sous forme de différents blocs qui peuvent s’imbriquer de différente manière en fonction de l’espace qui leur est octroyé (adaptation de la barre de menu ou du menu déroulant, des textes à la taille variable pour assurer une bonne visibilité, un zoom qui reste parfait quelque soit le type d’écran…).

Allégez

Veiller au poids de vos visuels, pour qu’ils n’alourdissent pas le temps de chargement de votre site. Les internautes sont impatients et n’attendent pas plus de trois secondes environ avant de changer d’URL si la page sur laquelle ils sont est trop lente.

Cadrez

Mieux vaut définir une taille minimum par support ainsi qu’une taille maximum étant donné le nombre incalculable de tailles d’écrans différents :

  • Smartphones : jusqu’à 425px de large
  • Tablettes : de 426px à 767px de large
  • Ordinateurs portables : de 768px jusqu’à 1388px de large

Les aspects à ne pas négliger :

 

Il reste néanmoins quelques points importants à ne pas laisser de côté, qui optimiseront davantage l’expérience de votre responsive design.

Privilégier le toucher tactile

Le clic n’est pas maître en matière de mobile. Il faut privilégier les scrolls ou même les sliders pour favoriser une meilleure expérience utilisateur.

Minimiser les bannières

Plus l’écran est petit, moins il y a de place pour « la décoration ». Minimisez les espaces dédiés aux bannières pour laisser place à l’essentiel de l’information. Cela ne signifie pas qu’il ne faut pas soigner son design, mais ce qui n’est pas nécessaire en terme de pertinence peut être réduit ou supprimé en format mobile. Un autre exemple : la barre du menu se transformant en « Burger Menu ».

Rendre vos Medias Flexibles

Vos visuels, vos contenus doivent être rendus flexibles, pour s’adapter à la taille de l’écran. Si vous insérez une image de 1000px par 500px et qu’elle ne s’adapte pas à l’écran d’un téléphone mobile, elle débordera de l’espace dédié et rendra votre site totalement illisible.

L’importance des Grilles fluides

Les grilles fluides concernent les contenus et les blocs dans lesquels ils sont contenus – le bloc s’adapte à la taille de l’écran. Vous pouvez essayer en agrandissant et réduisant la fenêtre de votre navigateur desktop. A partir d’une taille max en pixels par exemple, indiquez que vous souhaitez changer la taille de vos blocs ou même leurs emplacements.

L’utilité des Media Queries

Ce sont, entre autres, les media queries qui vous permettent  d’agencer autrement les blocs et les unités. Ainsi, vous pouvez déclarer que vous avez plusieurs tailles et formats d’affichage et que pour chaque taille votre code CSS sera différent (retrouvez nos exemple de feuilles de style CSS dans le paragraphe suivant).

La praticité des Unités Relatives

Les unités relatives permettent de ne pas avoir à définir une taille en fonction de chaque type d’écran mais de définir une unité qui s’adaptera à la taille du bloc. Sans rentrer dans les détails, elle peut être en rem, vh, vn, vw ou en %… Si vous indiquez 100%, votre valeur s’adaptera toujours à 100% de la taille du bloc, quelle que soit l’écran sur lequel il est affiché.) Les unités relatives sont censées s’adapter à tous les cas de figure.

COIN TECHNIQUE :

Comprendre le Responsive Design par le CSS

Quoi de plus parlant qu’un petit tutoriel pour adapter la structure dans votre code CSS pour résulter à un site qui répond aux différents formats sur lequel il peut être affiché. Mais avant de commencer, n’oubliez pas de faire communiquer la feuille de style (style.css) en déclarant dans votre ficher HTML (<LINK rel=stylesheet type=text/css href=style.css>) sinon vous ne pourrez pas voir le résultat de votre travail ! 🙂

Initialisation

Cette étape est utile pour corriger les petits bugs présents par défaut (exemple : les margin ou padding générés quand nous insérons une balise <h1>). Nous supprimons donc ici tous ces « bugs » pour partir d’un bon pied :

Organisation des résolutions du Responsive Design

On définit les règles qui vont rendre votre site internet compatible sur les différents écrans :

Version desktop

Dans un premier temps nous définissons la taille standard du desktop (ici on choisira arbitrairement le nom de class CSS .test-largeur) qui permettra après de définir les différents points de rupture et de proposer un design adapté pour chaque écran (tablette, mobile, voire d’autre) :

Une fois fait, nous allons définir les différentes résolutions avec @media (max-width= XXXpx) {}  afin de personnaliser le comportement et la position des contenus comme on le souhaite pour chaque écran.

Version tablette

Pour la tablette nous définissons un maximum 1024px (@media), nous pouvons par exemple changer la largeur, la couleur du background et la couleur de la police, mais garder toutes les autres propriétés du .test-largeur.

Version mobile

Pour le mobile nous définissons un maximum 768px (@media), nous pouvons par exemple définir la largeur et réinitialiser les margins, mais garder toutes les autres propriétés du .test-largeur.

L’ultime et indispensable étape : la vérification

Alors, vous avez fait le test ? N’oubliez jamais de vérifier ces manipulations sur plusieurs périphériques et supports. Ce sera toujours le meilleur moyen de vous rendre compte de l’efficacité de votre travail et des petites améliorations à apporter sur la visibilité de votre contenu en fonction des formats d’écran d’affichage.

Vous avez besoin d’aide ou de conseils en matière de développement et intégration web ?

Contactez-nous

Nos compétences
Web developper | E-commerce | UX Design | Responsive Design | https | W3c | Frontend | Backend | PHP | HTML5 | Magento | Prestashop | CSS | Jquery | Ajax | PIM | Database | MySQL | SEO  | WordPress | Conseil | Intégration | XML | CSV | SOAP | REST | Talend | API | Symphonie | Linux | Windows | Solution d’Infra | Administrateur Serveur | Symphony | Bootstrap | Apach | GIT/SVN | Google Structured Data | Google Speed Insight | GT Metrix | PostGres

Posted by Julie Sébille

8 étapes simples pour optimiser la mise en forme de votre contenu WEB

Écrire pour le Web et fortifier votre stratégie de contenus, c’est bien. Mettre vos écrits en valeur en les rendant parfaitement lisibles, c’est encore mieux ! C’est pourquoi nous vous livrons 8 points capitaux pour optimiser la mise en forme de votre contenu et pour permettre une lecture limpide et efficace à vos lecteurs.

1 – Structurez votre contenu avec les balises Heading (Titres)

Avant toute chose, pensez à votre sommaire, qui sera marqué par les balises “heading”. Ces balises permettent non seulement de dynamiser votre contenu en démarquant vos titres des sous-titres, mais de créer une “pyramide de titres” pour Google. Concrètement, les H1, H2, H3… permettent aux GoogleBot de comprendre la structure de votre page et d’en définir l’importance des contenus. Important, donc. Ci dessous, un exemple de structure :

La mise en forme de vos Headings

2 – Un Titre = Une idée

Le visuel précédent vous a mis sur la piste : le titre doit représenter l’idée du paragraphe, son thème, l’axe abordé. Il faut attirer le regard pour susciter ensuite l’intérêt.
Vous devez aller à l’essentiel avec des mots-clés, des titres clairs, précis et accrocheurs.
N’ayez pas peur d’écrire vos titres une fois que le texte est rédigé. Vous verrez plus facilement quelles sont les idées principales qui en ressortent.

3 – Une introduction sans suspens

Ces premières lignes sont essentielles. Elles représentent la base de votre pyramide inversée. En clair, votre introduction doit comporter l’idée de la conclusion. Le cœur du sujet doit être abordé dès ces deux premières lignes pour favoriser l’intérêt. Si elles sont bien ficelées, il y a de fortes chances pour que l’internaute s’aventure un peu plus loin dans votre contenu.
Une fois de plus, elle peut être rédigée à la fin de votre rédaction, comme pour les titres.

4 – Argumentez dans le corps de texte

Dans le corps de texte, vous pouvez enfin développer, rajouter les détails.
Cependant, veillez à ne pas rendre vos paragraphes interminables. On garde toujours en tête qu’il faut se baser sur l’essentiel de l’information. Un paragraphe correspond au sujet évoqué dans son titre, ni plus ni moins ! Pour vous aider, voici un petit guide pour bien rédiger ses contenus.

5 – Une conclusion pleine de promesses

La conclusion est intéressante : vous pouvez y résumer brièvement le contenu précédent profiter pour créer une ouverture plus large, renvoyer sur d’autres articles de votre site, inciter le lecteur à rester sur votre plateforme et à l’explorer.

Attention, veillez toujours à ce que vos liens soient cohérents et pertinents. Mieux vaut insérer peu de liens mais qui aient un réel intérêt pour le lecteur plutôt que de décharger « tout, et n’importe quoi ». En général, au delà de 7 liens, l’action est contre productive.

Profitez aussi de votre conclusion pour faire participer votre lecteur : posez lui des questions ouvertes, cherchez à le faire réagir, en lui demandant son avis par exemple…

En mettant ainsi en avant des informations percutantes pour le lecteur via des liens ou des articles de type « sur le même thème », vous mettrez toutes les chances de votre côté pour favoriser une inscription à une newsletter ou une interaction avec votre lecteur… C’est pourquoi il est important de soigner tous vos contenus et leur mise en forme.

6 – Illustrez vos propos

Et les visuels dans tout ça ? Ils ont, avec les contenus multimédia, un impact considérable.
Car ils permettent de diffuser une part émotionnelle à votre texte. Le public qui s’identifie est deux fois plus réactif. Chez Asdoria, nous disons souvent qu’« une image vaut mille mots ».
N’hésitez donc pas à insérer des visuels à votre texte, cela lui donnera une mise en forme plus dynamique d’une part et lui donnera tout autant de profondeur.
Pour les vidéos, il est désormais plus que conseillé de les sous-titrer ! Ainsi, même les plus pressés pourront y avoir accès même sans écouteurs ou haut-parleurs à proximité.
On privilégiera aussi des mises en pages aérées, propres, beaucoup plus agréable pour la lecture !

7 – Soignez vos balises méta

La méta description, qui est un court résumé de votre article ou page, sera visible sur la page de résultat du moteur de recherche. Sa taille idéale est de 140 à 170 caractères, même si vous pouvez largement dépasser les 200 caractères.

La balise Title joue aussi car elle sera également mise en avant par les moteurs de recherche, en tant que titre de votre page (logique !).
Sachez que vous pouvez les optimiser, pour donner envie et susciter l’intérêt de vos lecteurs afin qu’ils cliquent sur votre lien. Cependant, si vous n’en renseignez aucune, Google se chargera de la remplir pour vous, avec du contenu existant sur votre page.

8 – La relecture est précieuse

La relecture est une étape à elle seule. Il faut prendre le temps de tout relire, de tout tester, de tout vérifier. « Mes redirections fonctionnent elles ? » « Y a-t-il des coquilles dans le texte ? » « Des fautes d’orthographe ? » « Mes images sont-elles au format ? » « Mon contenu est-il responsive ? » …

Toutes ces spécifications sont autant de questions qu’il faut prendre le temps de se poser et de vérifier avant de publier votre contenu. Il est parfois nécessaire de faire une pause et de ré-ouvrir votre fichier un peu plus tard, le temps de prendre un peu de recul. Vous verrez, on voit ainsi les choses différemment que lorsque l’on a le nez dessus des heures durant. Vous pouvez aussi parfaitement le faire relire à une tierce personne, qui verra surement les fautes d’orthographe que vous ne voyez plus, ou des incohérences syntaxiques peut être occultées.

Pour résumer : prenez soin de vos contenus !

  • Organisez les en paragraphes clairs et classés par ordre d’importance,
  • Favorisez le trafic interne de votre site avec le Netlinking pertinent,
  • Dynamisez vos contenus en insérant des visuels et du multimedia en adéquation avec votre charte graphique
  • Apportez une attention particulière à la relecture de vos articles.

Evidemment, vous pouvez aussi observer. Regardez la structure et la mise en forme des articles de vos concurrents, ou du marché.
Et avant toute chose, n’oubliez pas de définir votre charte graphique d’entreprise, guide de vos couleurs, ainsi que votre ligne éditoriale qui représente l’équilibre de votre expression. La rédaction de vos contenus et leur mise en forme sur vos pages seront d’autant plus cohérentes et pertinente si elles sont structurées en amont.

Vous avez un projet ? N’hésitez pas à nous demander conseil :

Posted by Julie Sébille