Étude de cas : Voici comment le passage à un site Web de conception réactive a aidé notre marque

L’expérience utilisateur est plus importante que jamais à l’ère numérique d’aujourd’hui, et avec plus de recherches désormais effectuées sur mobile que sur ordinateur, le besoin d’un site adapté aux mobiles est impératif pour le succès d’une entreprise. C’est ce qui a conduit à la migration du site d’Offspring vers une conception réactive, l’un des changements que le détaillant de formateurs apporte pour améliorer le parcours client et, en fin de compte, augmenter les taux de conversion.

Un aperçu rapide

Offspring n’avait auparavant pas de site Web mobile, ce qui signifiait une mauvaise expérience utilisateur pour les clients accédant au site à partir d’un smartphone et d’autres appareils mobiles. Cette mauvaise expérience utilisateur a eu un impact direct sur le taux de conversion et les revenus. Il est devenu évident que pour s’aligner sur les tendances actuelles de consommation et numériques, une migration complète vers un design de site Web réactif était nécessaire.

Stratégie et objectifs

Devenir mobile-friendly signifiait choisir entre une conception Web réactive et un site mobile dédié. Nous avons opté pour une conception Web réactive pour permettre au site Web de se redimensionner et de se reformater automatiquement, en fonction de l’appareil utilisé, ce qui, nous l’espérions, conduirait à une expérience de visionnage optimale, quel que soit l’appareil.

Les principaux objectifs de la refonte du site étaient les suivants :

• Améliorez l’expérience client sur tous les appareils, en réduisant le besoin de “pincer pour zoomer sur” les produits
• Augmentez les taux de conversion
• Augmenter la génération de revenus

La convivialité mobile étant désormais utilisée comme un facteur affectant les classements sur les moteurs de recherche, notre timing n’aurait pas pu être meilleur.

L’e-commerçant souhaitait également s’assurer avant tout que les utilisateurs de tablettes bénéficient d’une expérience sur mesure lors de l’accès au site. L’approche a également fonctionné là-bas, puisque nous avons enregistré une augmentation de 20,35 % du taux de conversion du commerce électronique pour les seuls utilisateurs de tablettes.

Défis, avantages et solutions de développement

Nous avons supposé qu’il y aurait des défis à la refonte et avons mis en évidence quelques défis hautement prioritaires que nous devions surmonter :

• Un avantage développemental de l’utilisation d’une conception de site réactive réside dans le fait qu’elle est intégrée à l’avant du site Web, l’exécution ayant lieu sur l’appareil du client. Cela supprime le besoin de modifications côté serveur, de redirections et d’intervention de tiers.
• Les tests de la conception réactive ont été externalisés pour s’assurer que le site a été testé sur autant d’appareils que possible, évitant toute erreur et contribuant à une expérience utilisateur positive, quel que soit l’appareil utilisé pour accéder au site.

Considérations sur le référencement

D’un point de vue recherche, Offspring s’est appuyé sur des audits techniques fournis à chaque étape du développement. Cela a permis à la marque de surveiller l’effet des changements sur les classements et la visibilité organique.

Il était important de s’assurer qu’il n’y avait pas de baisse immédiate des performances de recherche, ce qui aurait pu entraîner une perte de trafic.

Notre espoir était que, comme le site offrait une meilleure expérience utilisateur, le résultat serait une meilleure visibilité de la recherche.

Cela s’est avéré être le cas lorsque les classements d’Offspring ont été surveillés. Plus de 400 mots clés ont été suivis pour la refonte et la visibilité de la première page a augmenté de 77,59 % en trois mois après le lancement.

En conservant la même apparence du site Web à l’aide d’une conception réactive, nous avons pu offrir aux clients et prospects existants une ressource à laquelle ils pouvaient facilement accéder et naviguer confortablement à partir de n’importe quel appareil.

Considérations de conception importantes

Outre les considérations de référencement et de développement, il y avait également de nombreux éléments de conception à prendre en compte afin de contribuer à une meilleure expérience utilisateur :

• Un nouvel en-tête collant (mentionné ci-dessus) a suivi les utilisateurs vers le bas de la page, supprimant la nécessité de faire défiler vers le haut de la page pour naviguer

• La nouvelle barre de recherche avec recherche prédictive a permis aux utilisateurs de trouver plus rapidement le produit qu’ils cherchaient

• Une nouvelle conception de la page d’accueil avec un curseur “derniers produits” a amélioré le temps de navigation sur le site pour les utilisateurs qui achètent les produits les plus récents

• Nouvelle conception de page de liste de produits – pages répertoriées sur trois de large sur le bureau pour une meilleure première vue d’un produit
• Page de liste de produits réactive qui se réduit automatiquement à deux largeurs ou une largeur, en fonction de la taille de l’appareil utilisé
• Nouvelle vue d’image et processus de sélection sur les pages de détails des produits
• Section “n’oubliez pas” de la page de panier – permet aux utilisateurs d’ajouter des produits directement au panier (utile pour la vente incitative de produits à taille unique)
• Paiement amélioré avec une nouvelle page d’options de livraison

L’inclusion d’un en-tête collant et d’une nouvelle barre de recherche sur site avec recherche prédictive a contribué à un processus de navigation intuitif, les utilisateurs pouvant trouver les informations qu’ils recherchaient. Les utilisateurs passaient plus de temps à interagir avec le site, ce qui entraînait une augmentation des conversions et des ventes.

Les résultats

La migration vers une conception Web réactive s’est avérée très réussie pour la marque, donnant des résultats impressionnants. Lors de la comparaison des données d’une année sur l’autre dans Google Analytics, des chiffres étonnants ont été révélés :

• Augmentation de 15,19 % du taux de conversion mobile/tablette
• Hausse de 102,58 % du chiffre d’affaires des mobiles/tablettes d’une année sur l’autre
• Amélioration du score d’utilisabilité du site mobile de Google – était de 60/100, maintenant 100/100
• Amélioration du classement des moteurs de recherche, entraînant une augmentation du trafic organique de 25,59 %

Comme vous pouvez l’imaginer, nous sommes très heureux d’avoir pris la décision d’opter pour un design réactif.

Votre marque a-t-elle fait un changement similaire ? Si oui, quels ont été vos résultats ?