Publier une application, c’est aussi produire une série de visuels : captures pour l’App Store et Google Play, images de lancement pour les réseaux sociaux, vidéo de démonstration pour une page produit ou un pitch. Previewed s’attaque à cette étape avec un générateur de mockups qui tourne entièrement dans le navigateur : vous déposez votre écran dans un appareil, vous réglez le décor, puis vous exportez une image, un rendu 3D ou une animation.
Le problème que Previewed règle, et pour qui
Sans outil dédié, un développeur qui veut montrer son application dans un iPhone doit soit ouvrir un logiciel de graphisme et manipuler des fichiers PSD, soit passer par un logiciel 3D qui demande un vrai apprentissage. Previewed supprime ces deux détours : les cadres d’appareils (iPhone, iPad, MacBook, iMac, téléphones et tablettes Android, écrans) sont déjà prêts, et l’écran de l’application se remplace par un simple glisser-déposer d’image ou de vidéo.
Le public visé se lit dans les cas d’usage mis en avant par l’éditeur : développeurs et marketeurs qui préparent la fiche d’une application sur les stores, designers qui présentent un projet dans leur portfolio, fondateurs qui veulent une vidéo de lancement ou une image forte pour une présentation à des investisseurs. Si vous cherchez plus largement à créer une application mobile, Previewed n’intervient qu’à la fin du parcours, au moment de la mise en valeur.
Comment se déroule la création d’un mockup
Tout commence dans la galerie de modèles, classée par usage : captures App Store et Google Play, appareils Apple, rendus 3D, animations 3D, formats Instagram, Facebook, X et LinkedIn, bannières promotionnelles, fenêtres de navigateur. Le bouton « Edit Template » ouvre l’éditeur adapté au modèle choisi.
- Éditeur 2D : vous sélectionnez un appareil pour changer son cadre, sa couleur, sa taille et son ombre, puis vous ajoutez textes, images, badges des stores et fonds. Pour les captures des stores, le nombre de partitions du panorama se règle en un clic.
- Éditeur 3D en mode image : chaque appareil se déplace et pivote sur trois axes, avec une texture métal ou « clay » (couleur unie), une caméra réglable et un plan qui porte les ombres.
- Éditeur 3D en mode animation : une timeline accueille les composants (caméra, plan, textes, appareils) et des points clés définissent position et rotation dans le temps. Les textes disposent d’effets d’entrée et de sortie.
- Export : JPG ou PNG pour les images, MP4, WebM avec canal alpha ou séquence PNG pour les vidéos, en 1080p ou 4K d’après la page consacrée aux animations.
- Le journal des versions s’arrête à la version 1.1.8 de février 2023, et le dernier appareil ajouté est l’iPhone 14 : les modèles récents peuvent manquer.
- Le site, l’éditeur et les conditions d’utilisation sont en anglais, et les prix sont affichés en dollars.
- Aucun centre d’aide public : le contact passe par un formulaire, par e-mail ou par X, l’éditeur conseillant X pour une réponse rapide.
- La politique de remboursement est stricte : seul un contact dans les 24 heures après le premier paiement peut, au cas par cas, donner lieu à un remboursement.
Côté prise en main, l’éditeur s’ouvre sans installation, et les modèles servent de point de départ : la plupart des projets consistent à remplacer l’écran factice puis à retoucher le texte. Le service recommande Google Chrome et affiche un avertissement sur les autres navigateurs, un point à connaître si votre équipe travaille sur Safari. Les modèles enregistrés se rangent en groupes, que vous pouvez partager avec des collègues.
Cas d’usage concrets par profil
Développeur indépendant qui publie une application. Le générateur de captures pour les stores produit des panoramas où les images se suivent d’un écran à l’autre. L’éditeur précise qu’un panorama, quel que soit le nombre d’images qui le composent, compte pour un seul export : une mise à jour de fiche ne consomme donc qu’un crédit.
Designer UI qui alimente son portfolio. L’insertion d’une vidéo MP4 dans un cadre d’appareil permet de montrer un parcours animé sur Dribbble ou Behance plutôt qu’une image figée. Le rendu 3D sert à varier les angles pour une étude de cas.
Startup qui prépare un lancement. Le module de vidéo promo combine typographie animée, mouvements d’appareils, clics de souris et badges des stores. Il vise les vidéos de lancement, les publicités et les présentations de levée de fonds.
Équipe marketing qui décline une campagne sociale. Les formats prévus pour Instagram, Facebook, X et LinkedIn et les bannières promotionnelles évitent de repartir d’une page blanche à chaque publication. Pour un besoin ponctuel, notre sélection de générateurs de mockups gratuits en ligne donne d’autres pistes.
Face à Placeit, Rotato et Canva
Placeit couvre un catalogue bien plus large, qui va des écrans aux vêtements et aux emballages, avec des outils de logo et de vidéo : c’est le choix d’une équipe qui produit des visuels de toutes natures. Previewed reste concentré sur les appareils numériques, mais va plus loin sur la 3D et l’animation de ces appareils.
Rotato vise le même résultat, des appareils en 3D animés, sous forme d’application à installer sur Mac. Previewed fonctionne dans un navigateur, ce qui le rend utilisable sous Windows ou Linux, au prix d’une dépendance à Chrome. Canva, qui a intégré Smartmockups, convient si vous créez déjà vos visuels dans Canva et voulez un mockup simple sans changer d’outil.
Pour comparer plus de solutions, consultez notre panorama des logiciels de mockup et nos alternatives à Canva.
Les limites à connaître
Quel plan choisir
Le plan gratuit suffit pour tester l’éditeur ou pour un projet personnel : les exports 2D sont illimités mais plafonnés en 720p et doivent créditer Previewed. Dès qu’un visuel sert un usage commercial, comme une fiche de store ou une publicité, il faut passer à une offre payante.
L’achat unique de 10 exports convient à un développeur qui publie une application et la met à jour quelques fois par an : les crédits n’expirent pas et donnent accès à la 3D et à la vidéo en 30 images par seconde. L’abonnement Pro devient rentable si vous produisez des visuels en continu, pour plusieurs applications ou plusieurs clients : il débloque les exports illimités, la vidéo en 60 images par seconde, les polices personnalisées et le fond transparent. Profitez de l’essai de 7 jours prévu par les conditions d’utilisation pour vérifier que votre navigateur et vos formats d’export conviennent avant le premier prélèvement.