Différentes façons de concevoir des pages de produits numériques

Publié: 2022-03-10
Résumé rapide ↬ Le contenu numérique (eBooks, supports de stockage et cours) peut facilement être annoncé et vendu sur les marchés en ligne. Mais vos clients ne gagneront pas autant d'argent de cette façon et ne peuvent vraiment pas contrôler la façon dont leurs produits sont commercialisés. En concevant des pages de produits numériques pour les utilisateurs de smartphones qui sont dans cette première phase de découverte et de recherche, vos clients peuvent gagner plus d'argent avec leurs produits. Aujourd'hui, nous allons voir comment cela se fait.

Je pense qu'il est juste de dire que lors de la conception de pages de produits mobiles pour des produits physiques, vous utiliserez une mise en page similaire et inclurez les mêmes détails, quel que soit le site Web.

Par exemple, voici à quoi ressemblent les pages produits des vélos Peloton, des vêtements Macy's et des Truth Bars :

Comparaison côte à côte: Peloton Bike, le haut à col en V de Macy, la barre de vérité au chocolat noir et à la noix de coco
Une comparaison côte à côte des pages de produits mobiles pour Peloton, Macy's et Truth Bars. (Source : Peloton, Macy's, Truth Bars) ( Grand aperçu )

Il existe de légères différences dans la façon dont les informations sont positionnées, certaines pages de produits affichant le nom du produit, la note moyenne et le prix en premier, tandis que d'autres laissent l'image du produit en tête. Quoi qu'il en soit, il n'y a pas beaucoup de marge de manœuvre en termes de ce que vous pouvez inclure.

Concevoir des pages de produits numériques pour mobile n'est pas si simple.

Bien que vous puissiez concevoir une page de vêtements, d'équipements et de produits alimentaires de la même manière, vous ne pouvez pas faire de même pour les produits numériques tels que :

  • eBooks et autres documents,
  • Médias et autres fichiers sous licence,
  • Cours.

Alors que les consommateurs passent plus de temps en ligne et avec leurs smartphones, il existe un besoin croissant de produits numériques de haute qualité. Si vous êtes intéressé par la conception de sites Web de commerce électronique pour ces types de produits, vous devrez comprendre les différences entre les types et comment les présenter de la bonne manière aux consommateurs avec la conception de votre page produit.

Plus après saut! Continuez à lire ci-dessous ↓

Différentes façons de concevoir des pages de produits numériques pour mobile

La vente de produits numériques est un excellent moyen de générer un revenu (principalement) passif en ligne. Les fournisseurs de produits numériques n'ont pas à posséder ou à gérer des stocks, à gérer les expéditions et les retours ou à relever d'autres défis liés à la vente d'articles physiques.

Quant à la commercialisation de ces produits numériques, c'est à ce moment-là que cela peut devenir difficile.

Voici ce que vous devez savoir lors de la conception de pages pour les types de produits numériques suivants :

Conception de page de produit de livre électronique

Chaque année qui passe, de plus en plus d'argent est dépensé pour les livres électroniques dans le monde entier. Voici les revenus mondiaux projetés pour les livres électroniques, selon les données recueillies par Statista :

Données Statista sur les prévisions de ventes mondiales d'ebooks : 16 647 milliards de dollars en 2020 jusqu'à 19 997 milliards de dollars en 2025
Statista prévoit une croissance annuelle des ventes de livres électroniques, de 16,6 milliards de dollars en 2020 à 20 milliards de dollars en 2025. (Source : Statista) ( Grand aperçu )

Pour cette raison, les ebooks sont une grande entreprise de marketing pour les entreprises de nos jours. Il en va de même pour les autres documents numériques téléchargeables, comme les modèles, les listes de contrôle, etc.

Mais plutôt que de laisser aux marchés le soin de prendre une partie des bénéfices de ces produits numériques, le marketing et la vente de livres électroniques via son propre site peuvent aider une entreprise à générer davantage de revenus.

Prenons l'exemple de Smashing Magazine. Bien qu'il puisse vendre et vende ses livres électroniques via Amazon, il dispose également d'une section «Livres» dédiée sur le site Web. Et je suppose que plus de ventes proviennent du site que d'Amazon… pour un certain nombre de raisons.

D'une part, chaque page d'ebook est conçue pour s'aligner sur la marque Smashing Magazine que les lecteurs connaissent et font confiance :

Un exemple de page d'ebook du site Web de Smashing Magazine : c'est pour The Ethical Design Handbook
Le livre électronique Ethical Design Handbook de Smashing Magazine. (Source : Smashing Magazine) ( Grand aperçu )

Ce sentiment de cohérence et de familiarité va gagner beaucoup plus la confiance des lecteurs de longue date, bien plus que les clients d'Amazon qui tombent par hasard dessus.

Le reste de la page produit fait ce qu'il faut pour inciter les visiteurs à acheter l'ebook, même s'ils ne sont pas prêts à le faire lorsqu'ils voient ce premier CTA :

La page d'accueil du manuel de conception éthique avec "Obtenez le livre électronique" pour 19,00 $ CTA
La page d'accueil du livre électronique Ethical Design Handbook offre aux lecteurs un moyen rapide d'obtenir le livre électronique. (Source : Smashing Magazine) ( Grand aperçu )

La description de l'ebook est présentée de manière claire et directe. Il n'y a aucune distraction en cours de route pour promouvoir d'autres livres ou publicités.

Et il ne faut pas longtemps avant que les lecteurs intéressés aient la chance de lire un aperçu du livre :

Les ebooks Smashing Magazine sont livrés avec des téléchargements gratuits d'extraits PDF, ePub et Kindle avec des plans de cours détaillés
Les lecteurs intéressés sont invités à "Télécharger un extrait PDF gratuit" ou à l'enregistrer dans le type de fichier de leur choix. (Source : Smashing Magazine) ( Grand aperçu )

C'est un must chaque fois que votre site Web vend un document numérique. Non seulement la page de l'ebook doit préciser les leçons qu'ils vont apprendre (comme celle-ci), mais un extrait dans leur format de fichier préféré est indispensable.

Sans un aperçu de ce qu'ils achètent, il sera très difficile de réaliser cette vente.

Un autre élément que vous devriez inclure sur une page de destination d'ebook est une section sur le ou les auteurs.

À propos des auteurs du manuel de conception éthique : Trine Falbe, Martin Michael Frederiksen
Une section dédiée aux auteurs de The Ethical Design Handbook. (Source : Smashing Magazine) ( Grand aperçu )

Pour les nouveaux visiteurs de votre site Web et de la page de destination de votre livre électronique, ils pourraient se demander : "Pourquoi diable devrais-je même écouter cette personne ?" La section auteur permet de mettre un visage et un contexte au livre.

Il y a une autre section sur cette page que vous voudrez ensuite refléter votre propre page d'ebook. Je suggérerais même de le placer plus haut si vos auteurs ne sont pas (encore) connus :

Un extrait de la table des matières de l'ebook The Ethical Design Handbook
La table des matières du livre électronique The Ethical Design Handbook. (Source : Smashing Magazine) ( Grand aperçu )

Une section de table des matières est utile pour un certain nombre de raisons :

  • Un résumé de chaque chapitre permet aux lecteurs de déterminer si cela va être utile.
  • Une table des matières optimisée pour la recherche serait tout aussi efficace que l'utilisation stratégique de balises d'en-tête dans un article de blog.
  • Il peut également être utilisé pour générer des données structurées et afficher une table des matières partielle dans les recherches en ligne pertinentes.

Il y a une chose qui n'est pas incluse dans cet exemple que je vous exhorte à inclure dans vos pages d'ebook si vous le pouvez : des évaluations ou des témoignages.

Ce n'est pas parce qu'il s'agit d'un produit numérique que les lecteurs n'ont pas besoin de preuves sociales pour passer de « Cela semble intéressant » à « J'ai besoin de lire ceci ». En fait, c'est une grande partie de ce qui aide les ebooks à se vendre sur des plateformes comme Amazon et Barnes & Noble.

Si votre site n'a qu'un ou deux ebooks à vendre, les témoignages de lecteurs sont très bien. Si votre site comprend un référentiel d'eBooks, ajoutez un système de notation et d'évaluation afin qu'il soit facile pour quiconque de laisser ses commentaires.

Conception de la page produit des médias

En tant que concepteur Web, vous êtes déjà familiarisé avec les vastes quantités de contenu sous licence disponibles :

  • Images,
  • Vidéos,
  • Icônes,
  • La musique,
  • Effets sonores,
  • Vidéo,
  • Polices,
  • Concevoir des thèmes ou des modèles,
  • Plugins.

Soyons honnêtes, si vous recherchez du contenu en stock ou des composants préconçus, vous irez très probablement sur un marché populaire pour les acheter. La quantité et la diversité des offres sont à elles seules beaucoup plus attrayantes que de devoir visiter les sites Web de créateurs indépendants pour essayer de trouver ce dont vous avez besoin.

Alors, pourquoi parlons-nous même de celui-ci, alors?

Il y a deux points que je veux souligner :

Si vous êtes chargé de concevoir une place de marché pour le contenu sous licence, ne recréez pas la roue.

Utilisez la formule éprouvée qui fonctionne pour les autres. Les clients ne veulent pas trouver une nouvelle façon de trouver du contenu numérique à partir d'un référentiel massif simplement parce que vous avez envie de faire preuve de créativité.

Si vous êtes chargé de créer des pages de produits numériques sur le site Web d'une petite agence ou d'un créateur indépendant, c'est une autre histoire.

Je vais utiliser le site Web du typographe Mark Simonson pour montrer comment vous devriez aborder quelque chose comme ça.

Voici la page d'accueil de la police Mostra Nuova :

Une introduction à la police Mostra Nuova sur le site Web de Mark Simonson Studio
La page d'accueil de la police Mostra Nuova de Mark Simonson Studio. (Source : Mark Simonson) ( Grand aperçu )

Lorsque les créateurs vendent leurs médias numériques sur des sites marchands, ils ont très peu de contrôle sur la façon dont ils sont présentés. Ils n'ont pas non plus le contrôle sur les autres distractions ou recommandations présentées simultanément aux clients potentiels.

Cependant, en créant des pages dédiées pour chaque produit sur votre site Web, vous pouvez contrôler l'apparence et le récit comme le fait cette page :

La description de Mark Simonson de la police Mostra Nuova et de son histoire
Mark Simonson inclut une description utile de la police et de son histoire. (Source : Mark Simonson) ( Grand aperçu )

Vous n'avez pas non plus à vous conformer aux directives du marché. Votre image de marque et ses produits passent en premier :

Mark Simonson Studio : Exemples de poids et de styles Mostra Nuova
Le studio Mark Simonson fournit des poids et des styles pour chaque police de la famille. (Source : Mark Simonson) ( Grand aperçu )

Une autre bonne chose à propos de la vente de produits multimédias sur son propre site Web est qu'il n'y a pas d'examinateur pour obtenir l'approbation chaque fois que vous souhaitez télécharger ou vendre un nouveau fichier multimédia. Vous n'avez pas non plus à attendre que les mises à jour de celles existantes soient diffusées.

Une description de ce que l'image montre pour le texte alternatif
Une légende à afficher sous l'image (Source : Mark Simonson) ( Grand aperçu )

Cela signifie qu'il y a très peu de décalage dans le cycle de marketing ou de vente, ce qui entraîne une plus grande rentabilité pour le créateur.

Avant d'aborder la façon de vendre des produits numériques comme ceux-ci sur un site Web, je veux vous montrer quelque chose que Mark Simonson inclut au bas de ses pages de polices. C'est une section "... en cours d'utilisation":

Mark Simsonson inclut 4 exemples réels de la police Mostra Nuova utilisée
Mark Simonson inclut des exemples concrets de chaque police utilisée. (Source : Mark Simonson) ( Grand aperçu )

Ce n'est pas quelque chose que vous voyez souvent sur les sites Web des créateurs, du moins pas pour les produits numériques qu'ils vendent. Cependant, je pense qu'une section comme celle-ci peut vraiment sceller l'affaire avec les visiteurs car elle leur donne de vrais exemples de l'élément médiatique en action.

Il n'est peut-être pas possible de fournir des exemples de clients pour chaque site de produit numérique que vous créez. Mais c'est quelque chose à considérer si les produits sont assez populaires.

En ce qui concerne la vente de médias sur votre site Web, vous avez plusieurs options. Vous pouvez faire comme le Mark Simonson Studio et fournir une longue liste de liens vers des endroits où la police est vendue :

Mark Simonson fournit aux clients des liens vers des marchés de polices pour acheter Mostra Nuova à partir de
Mark Simonson fournit des liens vers d'autres sites Web qui vendent la police Mostra Nuova. (Source : Mark Simonson) ( Grand aperçu )

La façon dont cela est présenté est excellente car elle donne aux clients la possibilité d'utiliser leur marché de polices préféré et d'obtenir la police dans le format dont ils ont besoin. Et si votre client ne veut pas s'occuper des tracas de la gestion des ventes de produits, c'est certainement la voie à suivre.

Si votre client préfère s'approprier le processus de vente, configurez-le comme vous le feriez pour n'importe quel autre site de commerce électronique. Fournissez un lien "Acheter", des informations sur les prix et les licences, puis transférez-les vers un site de paiement sécurisé. Oh, et si le contenu peut facilement être extrait du site sans achat, assurez-vous d'y apposer un filigrane.

Conception de la page produit du cours

Les cours préenregistrés et les cours dispensés par des experts en la matière et des influenceurs sont très populaires ces jours-ci :

  • Coursera compte plus de 68 millions d'apprenants.
  • Udemy compte 35 millions d'apprenants.
  • edX compte plus de 20 millions d'apprenants.

De toute évidence, les gens ont soif de contenu de cours numérique, surtout lorsqu'ils n'ont pas à s'asseoir dans une salle de conférence virtuelle et peuvent suivre les cours à leur propre rythme.

Il n'y a absolument rien de mal à vendre des cours sur ces marchés, car ils ont un grand nombre d'apprenants qui n'attendent que de découvrir de nouveaux contenus.

Cependant, lorsque les créateurs vendent du contenu de cours numérique via leurs sites Web, ils peuvent en faire beaucoup plus et gagner également plus d'argent. C'est parce qu'ils offrent plus que la simple possibilité de se connecter et d'appuyer sur "Play". Ces cours sont généralement accompagnés de :

  • Matériel complémentaire,
  • Newsletters et rappels par e-mail,
  • Communautés privées,
  • Et plus.

La clé pour vendre un cours de cette manière est de concevoir la page de produit numérique comme un entonnoir de vente.

Regardons un exemple tiré du site Web Career Contessa. Voici la page du programme The Job Search Academy :

La page du programme Job Search Academy de Career Contessa
La page produit du programme The Job Search Academy de Career Contessa. (Source: Carrière Contessa) ( Grand aperçu )

Semblable à ce que nous avons vu auparavant, la conception de vos propres pages de produits numériques vous permet de créer une expérience de marque pour les apprenants. Pour ceux qui connaissent et font déjà confiance à cette marque, le prochain défilement vers le bas de la page est une évidence :

The Career Contessa invite les apprenants à s'inscrire au cours pour 197 $
Le Career Contessa invite les visiteurs à « s'inscrire au cours » presque immédiatement. (Source: Carrière Contessa) ( Grand aperçu )

Pour les apprenants qui sont encore sur la clôture, la statistique puissante juste en dessous du bouton CTA pourrait suffire à les convaincre. Sinon, il y a une tonne de contenu sur la page qui a été soigneusement planifié pour les aider à se décider.

The Career Contessa fournit des descriptions de cours bien formatées avec de courts paragraphes sur mobile ainsi que des caractères gras
Le Career Contessa présente les informations sur les cours de manière lisible. (Source: Carrière Contessa) ( Grand aperçu )

Bien qu'il y ait beaucoup de contenu écrit sur cette page de destination, elle est bien formatée. Les paragraphes sont conservés à une longueur décente sur mobile tandis que le gras est utilisé pour mettre en évidence des parties de texte importantes.

Ce ne sont pas tous des murs de texte cependant. Les apprenants voient également du contenu vidéo :

The Career Contessa met à la disposition des apprenants une bande-annonce vidéo de son parcours
The Career Contessa utilise un mélange de contenu vidéo et textuel pour décrire son parcours. (Source: Carrière Contessa) ( Grand aperçu )

Listes à puces scannables :

The Career Contessa décompose les descriptions de cours avec des puces faciles à lire
La page du cours Career Contessa met en évidence les points douloureux courants. (Source: Carrière Contessa) ( Grand aperçu )

Informations bien présentées sur le contenu bonus :

La page du cours Career Contessa annonce du contenu bonus comme des guides et des feuilles de travail
Le cours Career Contessa est livré avec un contenu bonus. (Source: Carrière Contessa) ( Grand aperçu )

Il est évident qu'un concepteur a passé beaucoup de temps à donner à chaque section un aspect distinct afin qu'il soit beaucoup plus facile de numériser et de lire.

Si les apprenants sont arrivés jusqu'ici, ils vont atteindre la partie la plus critique de la page de vente. C'est là qu'ils découvrent exactement ce qu'ils vont apprendre avec un programme bien conçu et des aperçus de cours :

Le programme du cours Career Contessa avec la section Bienvenue et les plans de la leçon 1
La page de cours de Career Contessa comprend un programme de cours et des aperçus de cours. (Source: Carrière Contessa) ( Grand aperçu )

Tout comme vous vous attendez à ce qu'une page d'entonnoir de vente le fasse, les apprenants potentiels se voient présenter une section de témoignages ainsi qu'une FAQ. Ce sont deux éléments dont vous ne pouvez pas vous passer lors de la conception d'un entonnoir de vente, pour des cours ou autre. Et il doit être au bas de la page, juste avant de demander une fois de plus s'ils sont prêts à s'inscrire au cours coûteux.

Cela peut sembler exagéré, mais l'approche est solide. Vous pouvez vendre vos cours à des apprenants occasionnels sur des sites comme Coursera et edX, mais il n'y a aucune relation là-bas. Ils s'inscrivent à votre cours aussi facilement qu'au suivant proposé sur le site.

Cependant, lorsque vous concevez des pages de cours sur votre site Web, vous capturez les apprenants les plus dévoués - ceux qui suivront le cours dans son intégralité et qui souhaitent s'inscrire à plus de cours et de contenu à l'avenir.

Emballer

Ce qui est intéressant à noter à propos des exemples ci-dessus, c'est la façon dont les créateurs vendent leur contenu numérique à la fois sur les marchés populaires et sur leurs sites Web. Comme vous pouvez l'imaginer, c'est le meilleur moyen de tirer le plus de revenus possible des produits numériques.

Assurez-vous simplement que lorsque vous concevez des pages de produits numériques pour les sites mobiles de vos clients, vous n'essayez pas d'imiter ce que font les places de marché. Souvent, leurs conceptions sont encombrées, gênantes et pas vraiment optimisées pour l'utilisateur de smartphone. En concevant les pages du créateur pour qu'elles soient plus conviviales, vous inciterez davantage de personnes à acheter directement auprès d'eux et, par conséquent, mettrez plus d'argent dans les poches de vos clients.