Débutant
🇫🇷

Convertir ses screenshots en de jolis visuels

Communiquez la valeur de votre produit en le mettant en valeur grâce à de jolis visuels sans être un graphiste confirmé

Écrit par
Nicolas Samir
Publié le
20/7/2022

🤔 Pourquoi ce tuto ?

Tout au début de votre projet, il est très important de communiquer la valeur de votre produit, de manière concrète et tangible. Problème : partager des screenshots, ce n'est ni très propre, ni très vendeur.

⚡️ Qu'allons-nous réaliser ?

Dans ce tuto, nous allons transformer vos screenshots en de belles créas que vous pourrez partager pour valoriser les fonctionnalités de votre produit. Très concrètement, on va transformer l'image de gauche en l'image de droite 👇

Facilitez vos screenshots avec Shottr

Avant même de rendre vos screenshots sexys, je vous conseille d'utiliser un outil de screenshot tel que Shottr.

Shottr a plusieurs fonctionnalités intéressantes :

  • les scrolling captures : pour dire à Shottr de capturer une zone tout en la scrollant. Par exemple, si je souhaite faire un screen d'un email entier

Shottr a tout un tas de fonctionnalités bien pensées qui aident à faire des screenshots de qualité.

Transformer un screenshot en un joli visuel

Le problème d'un screenshot c'est que ce n'est pas souvent très sexy et qu'on peut difficilement en faire un visuel marketing permettant de valoriser son produit. Prenons l'exemple de Calendly : si je fais un screen de mon écran Calendly pour vanter le fait que Calendly permet de créer ses évènements, ça donne ça 👇

Pas fou.

Ajoutons un peu de paillettes à ce triste screen

Pour transformer ce screenshot très basique en un visuel marketing, on peut s'appuyer sur plusieurs outils : Brandbird, Screely ou Xnapper

Créer un visuel avec BrandBird

Rendez-vous sur https://www.brandbird.app/ et uploadez votre screenshot.

C'est déjà un peu mieux : on a un fond de couleur qui met vraiment en avant le visuel.

En jouant un peu avec l'outil, on peut facilement arriver à quelque chose d'intéressant. Voici, par exemple, en 2 minutes ce que l'on peut obtenir 👇

Pour ce résultat, j'ai :

  • ajouté un titre et un sous-titre en allant dans le menu "Header" de BrandBird
  • cropé l'image pour y enlever le haut du screenshot, que je voulais pas garder
  • joué avec la position du screenshot

Comme vous le voyez, le seul point noir c'est le logo "BrandBird" en bas de l'image lorsque vous êtes en version gratuite. Certains d'entre vous ruseront sûrement pour l'enlever eux-mêmes ou la masquer avec autre chose, mais je vous conseille de souscrire à la version payante qui vous simplifiera tellement la vie qu'elle sera vite rentabilisée.

Utiliser une alternative gratuite : Screely

Screely apporte clairement moins de possibilités de personnalisation que BrandBird, mais c'est gratuit ! Pour celles et ceux qui ne peuvent/veulent pas payer la version payante de Brandbird, vous avez donc une alternative

Rendez-vous sur https://www.screely.com/ et uploadez votre screenshot. Les possibilités de personnalisation étant restreinte, Screely permet surtout de mettre en valeur votre screenshot en l'ornant d'un fond coloré 😉

Si je fais le bilan, on est donc passé de ça

à ça 👇

en passant par ça, pour les moins exigeants 😥

(Pour les utilisateurs de Mac ou d'iPhone) Utiliser Xnapper

Xnapper est un outil parfait pour faire des screenshots et les transformer en 5 secondes en un joli visuel. Vous pouvez télécharger Xnapper ici : l'outil est pour l'instant disponible uniquement sur Mac et iOS.

Une fois installé, il vous suffit d'ouvrir Xnapper dans la barre d'outils et de prendre une capture d'écran

Votre capture d'écran est directement insérée sur un fond coloré que vous avez la possibilité de personnaliser.

Et voilà 🎉 Vous obtenez le résultat suivant 👇

S'inscrire à la newsletter

Soyez informés dès la mise en ligne d'un nouvel outil ou d'un nouveau tuto

Vous pourrez bien sûr vous désabonner à tout moment 😉
C'est noté ! 🎉

Vous serez averti de chaque nouveauté !
Oops! Something went wrong while submitting the form.