Étude de cas sur le site Web de conception axée sur la croissance de Weidert Group

Publié: 2022-04-27

Découvrez comment fonctionne la conception axée sur la croissance (GDD) en examinant l'expérience de Weidert Group dans la mise en œuvre de cette méthodologie sur notre propre site Web.

Notre défi

Avant la page d'accueil

Le site Web de Weidert Group attirait un trafic croissant, mais ne fonctionnait pas comme nous le souhaitions : l'expérience utilisateur (UX) n'était pas aussi intuitive qu'elle pourrait l'être, et lourde lorsque le site était consulté sur mobile. Et bien que le site ait attiré et converti des prospects, la plupart ne provenaient pas des industries cibles que nous recherchions le plus. Enfin, le site était resté assez statique pendant 3 ans, avec seulement des modifications mineures sur les pages en dehors de notre blog quotidien. La conception devait être rafraîchie, car les analyses et notre jugement indiquaient que son efficacité diminuait.

Apprenez-en plus sur la façon de mettre en œuvre GDD par vous-même - regardez notre webinaire GDD !

La solution

Bien que notre approche typique aurait été de refondre complètement notre site Web, nous n'avons pas été en mesure de consacrer le temps nécessaire pour passer par un processus de développement de site Web traditionnel (un séquençage du travail du début à la fin). Au lieu de cela, nous avons choisi de tirer parti des principes et des méthodes de conception axée sur la croissance (GDD), dans l'espoir que nous serions en mesure de :

  • Créer un site Web initial (un site « launchpad ») dans un délai relativement court
  • Répartir notre budget (temps/talent) uniformément sur une année (avec un investissement modeste pour le site initial et des exigences continues plus petites pour les modifications itératives et analytiques)
  • Évoluer vers un site tirant parti des données des utilisateurs pour effectuer des mises à jour continues comme nous l'avons appris, ce qui se traduit par un état "site toujours optimisé"

Après la page d'accueil-1

Le processus

Phase de stratégie

  • Nous avons d'abord ré-identifié nos meilleurs prospects et mis à jour les buyer personas associés . Pour nous assurer que nous nous adressons principalement à nos meilleurs prospects, nous avons redéfini nos publics cibles, en donnant la priorité aux industriels (et aux entreprises qui les servent) comme centre d'intérêt pour la conception et le contenu.
  • Nous avons développé une nouvelle stratégie de marque (couleurs, polices, approche graphique/photo/visuelle, etc.) pour communiquer plus précisément notre objectif
  • Nous avons créé des objectifs de site et une liste de souhaits de modifications . Nos objectifs pour le nouveau site étaient de :
    • Capturez 13 prospects qualifiés en marketing (MQL) et 4 prospects qualifiés en vente (SQL) chaque mois
    • augmenter les sessions de visiteurs à 35 000 par mois
    • augmenter les nouveaux contacts à 296 par mois
    • augmenter le nombre de nouveaux clients à 1 par mois

La liste de souhaits était une liste assez exhaustive de toutes les fonctionnalités stratégiques et tactiques souhaitées par les parties prenantes dans le cadre du nouveau site et comprenait des modifications ou des ajouts tels qu'une page de bureau des conférenciers, un calculateur de coûts, des biographies d'équipe élargies, une page de processus décrivant notre façon de travailler. avec les clients et bien plus encore

Phase de construction de la rampe de lancement

  • L'étape suivante consistait à commencer à planifier un site de lancement - un site qui fournirait toutes les fonctionnalités et le contenu essentiels aux visiteurs et qui pourrait ensuite être amélioré de manière continue.
  • Nous avons d'abord hiérarchisé la liste de souhaits en fonction de ce que nous pensions aider le plus à atteindre nos objectifs, puis nous avons décrit les contributions/le travail dont nous aurions besoin des membres de l'équipe et avons fait des affectations liées dans le cadre d'un calendrier détaillé. Tous les éléments de la liste de souhaits n'ont pas été exécutés ; ceux qui sont restés après le lancement ont été conservés sur la liste de souhaits pour examen pendant les cycles d'amélioration continue
  • Un nouveau contenu (texte et graphiques, ainsi que des fonctionnalités) a été créé pour les pages Web et le site du tableau de bord a été construit. Cette phase n'a pris que 6 semaines, contre une moyenne d'environ 5 mois pour un site traditionnel construit pour le même nombre de pages.
  • Le site a été lancé à temps, le 21 septembre

Cycles d'amélioration continue

  • Dans cette première itération du site, le jugement plutôt que les données a guidé nos décisions. Dans tous les cycles suivants, cependant, les données ont été/sont utilisées pour déterminer les modifications à apporter pour améliorer l'expérience utilisateur et les mesures des objectifs.
  • Les éléments de la liste de souhaits non exécutés pour le site de la rampe de lancement ont été présentés lors de la première réunion mensuelle du GDD , ainsi que d'autres suggestions que les membres de l'équipe estimaient susceptibles d'améliorer le site. Celles-ci ont été classées par ordre de priorité et le travail associé a été attribué aux membres de l'équipe
  • Un processus similaire est suivi dans chaque cycle; nos cycles sont de 4 à 5 semaines, généralement autour de 20 jours ouvrables.

Résultats GDD

Comme nous l'avons mentionné dans notre phase de stratégie, nous avons identifié des objectifs pour les sessions, les contacts, les MQL, les SQL et les clients. Au cours des 6 premiers mois, nous avons soufflé nos objectifs hors de l'eau.   Nous ne pourrions être plus enthousiastes à l'idée de voir la croissance que nous avons réalisée, sans parler de tout ce que nous avons appris en mettant en œuvre ce processus. Adopter cette approche, par opposition à une approche fixez-le et oubliez-le, nous a beaucoup appris sur la façon dont nos visiteurs utilisent notre site, les choses qui les intéressent, les choses qui poussent les gens à rester plus longtemps sur une page et bien d'autres idées. nous n'aurions jamais eu si nous n'avions pas adopté une approche GDD pour notre site.   

KPI

Mesures des changements apportés dans les cycles d'amélioration continue

Depuis le lancement de notre site Launchpad en septembre 2017, nous avons terminé 6 cycles d'amélioration continue en avril 2018. Grâce à ces cycles, nous avons beaucoup appris sur ce qui intéresse les utilisateurs de notre site. Vous trouverez ci-dessous quelques modifications apportées au cours de nos cycles d'amélioration continue qui contribué à notre croissance phénoménale.

Mise à jour de la page d'accueil de la consultation

Original

  • Trop de texte
  • Inclus la navigation sur le site qui permettait/encourageait les visiteurs à s'éloigner de la page de destination. (Exemple : bouton « Rencontrez notre équipe »)

Avant la page de consultation gratuite

Modifications apportées

  • Hypothèse : En supprimant la navigation et en ajoutant de la vidéo à la page, nous augmenterions le temps passé sur la page et le taux de conversation
  • Transformer le texte en vidéo - un moyen beaucoup plus engageant de communiquer avec le public
  • Suppression de la navigation de la page de destination

Après la page de consultation gratuite

Consultation_pg_Results

Suppression de la bannière d'en-tête sur la vue mobile de notre blog

Original

  • Une grande bannière d'en-tête ("haute") obligeait les utilisateurs mobiles à faire défiler un peu avant d'accéder au contenu qu'ils recherchaient, ce qui entraînait un taux de sortie de page élevé

Modifications apportées

  • Hypothèse : En éliminant la bannière d'en-tête sur notre blog, nous augmenterions le temps passé sur la page et diminuerions le taux de sortie
  • Nous avons supprimé la bannière de la version mobile du site. L'amélioration du nombre d'"yeux" qui atteignent le contenu plus bas sur la page est visible dans les captures de carte thermique Hotjar ci-dessous. Plus la couleur est chaude, plus cet objet ou cette section a reçu de vues de la part des visiteurs

Nous avons supprimé la bannière de la version mobile du site. L'amélioration du nombre d'"yeux" qui atteignent le contenu plus bas sur la page est visible dans les captures de carte thermique Hotjar ci-dessus. Plus la couleur est chaude, plus cet objet ou cette section a reçu de vues de la part des visiteurs

Exécution d'une conception centrée sur le mobile pour améliorer l'expérience des utilisateurs mobiles (lancement à ce jour par rapport à la période précédente)

Original

  • Étant donné que plus de 85 % de notre trafic provenait d'un ordinateur de bureau, le mobile n'était pas une priorité absolue

Modifications apportées

  • Hypothèse : En permettant une première conception mobile, notre trafic mobile augmenterait tout en gardant les gens sur notre site sur leurs appareils mobiles
  • Depuis le lancement, nous avons constaté une énorme croissance des pages vues ainsi qu'une croissance du temps passé sur la page
Mobile-centered_Design_Results


Boutons d'appel à l'action repensés

Tous nos CTA de contenu avancé ont été mis à jour pour être plus intéressants visuellement et pour présenter un titre plus clair sur la valeur du contenu avancé.

Hypothèse : en rendant le titre plus clair, nous pensions que davantage de personnes commenceraient à cliquer sur nos CTA.

Plan-marketing-annuel-CTA-Performance


Performance CTA étape par étape

Plats à emporter supplémentaires

  • La plupart des modifications que nous apportons à notre site commencent par des expériences : "Pourrions-nous obtenir plus de clics sur ce lien si nous le supprimions du corps du texte ?" "Est-ce qu'un nouveau design pour ce tableau attirerait plus d'attention ?" "Un calculateur de coût rapprochera-t-il les visiteurs de la demande d'une démo ?" Une fois que nous apportons une modification au site, les données recueillies lors des visites des utilisateurs nous indiquent si notre expérience a fonctionné ou non.
  • Les expériences elles-mêmes sont basées sur des hypothèses éclairées. Nous créons des expériences en utilisant ce que nous savons de nos prospects, les données que nous avons déjà collectées et notre connaissance de ce que les gens attendent des sites Web.
  • Toutes ces expériences ne fonctionnent pas, mais elles nous apprennent toutes quelque chose ! Un exemple est une mise à jour de la stratégie de formulaire que nous avons apportée à un formulaire de conversion de page de destination. Après avoir ajouté des questions qui obligeaient un visiteur à sélectionner une option déroulante, nous avons constaté une diminution du nombre de visiteurs remplissant le formulaire. C'était une bonne indication que les visiteurs ne veulent pas fournir ce niveau ou cette quantité d'informations.
  • Notre liste de souhaits est basée sur des jugements que nous portons sur ce que nous pensons que les visiteurs trouveront utile ou intéressant . Nous avons ajouté une page à notre site qui explique comment nous travaillons avec nos clients, car les prospects ont parfois demandé : "Comment fonctionne un engagement typique d'inbound marketing avec vous ?" Les données des utilisateurs nous diront s'ils passent du temps sur cette page (et combien de temps, sur quelles zones ils cliquent, où ils vont depuis cette page et plus encore).
  • Les métriques prennent du temps. Le backend de votre site Web ne crache pas automatiquement les chiffres dans un package soigné et utilisable. Mais une fois rassemblés et évalués, ils ont le pouvoir de transformer votre site Web en une machine d'attraction et de conversion de prospects très efficace.

Depuis la mise en ligne de notre site Launchpad en septembre 2017, nous avons continuellement effectué des mises à jour et avons connu un énorme succès. Si vous souhaitez en savoir plus sur ce à quoi pourrait ressembler un engagement de conception axée sur la croissance pour votre entreprise, contactez-nous. Nous aimerions recevoir de vos nouvelles!

Curieux d'en savoir plus sur le marketing entrant ? Demandez une consultation gratuite et parlons de la façon dont nous pouvons développer votre entreprise