3 astuces pour créer de superbes maquettes pour ton site
*Cet article contient des liens d’affiliation avec des marques que j’ai moi-même testés et approuvés.
Tu as réalisé ton site internet ou même tu es prêt(e) à présenter tes offres, il est temps de les mettre en avant comme il se doit dans une maquette.
Aussi appelé “Mockup” en anglais, une maquette te permet de mettre en scène ton site ou tes offres. Ce rendu a un aspect beaucoup plus professionnel qu’une simple capture d’écran.
Tu peux utiliser des mockups pour mettre en valeur ton portfolio, présenter tes offres premium ou même illustrer tes posts sur les réseaux sociaux.
Je vais te présenter les 3 sites que j’utilise pour réaliser des maquettes, présenter mes modèles de sites ou la formation Web Easy.
Pour commencer tu auras besoin de faire des captures d’écran de ce que tu souhaites présenter.
Mon outil gratuit préféré pour cela est une extension chrome appelée Go Full Page.
Tu te rends sur la page de ton choix et tu as juste a cliquer sur l’extension et ton écran est prit en photo en intégralité. C’est très utile quand tu as besoin de capturer le visuel entier de ton site. Tu l’enregistre au format .png et c’est prêt !
Ensuite tu peux insérer cette image dans des maquettes.
Je te présente les 3 sites que j’utilise au quotidien:
Je ne suis pas graphiste, donc Canva est LA façon dont je peux rapidement et facilement créer des miniatures d'articles de blog, des publications sur les réseaux sociaux, des miniatures YouTube et des graphiques de sites Web. J'adore aussi Canva pour réaliser des maquettes rapidement pour présenter mes offres sur un post Instagram par exemple.
Si tu as la version Pro, tu peux enregistrer des fichiers .png transparents pour les superposer proprement sur un arrière-plan coloré. Tu peux essayer gratuitement Canva Pro pendant 30 jours.
Une fois sur la page d’accueil de Canva, tu cliques sur “Créer un design” et tu choisis les dimensions qui te conviennent pour ta maquette. Lorsque tu arrives sur le plan de travail de ton image, tu te rends dans l’onglet “Eléments” sur le panneau de gauche et tu tape le mot clé “mockup”.
Tu verras apparaitre un large choix de maquette. Sélectionne la maquette de ton choix et insère simplement la capture d’écran que tu auras chargé sur Canva au préalable.
Une fois ta maquette terminée, tu cliques sur télécharger en haut à droite et ta maquette est prête.
Voici un exemple de ce que ça donne pour présenter un site internet.
Mockup pour le Bonus Canva - Formation Web Easy
Ce site a été une belle trouvaille car tu peux obtenir de sublimes maquettes.
J’ai commençé par utiliser la version gratuite et je n’ai pas hésité à passer à l’abonnement mensuel tellement ce site me fait gagner un temps précieux.
Tu peux séléctionner différents types de maquettes et insérer l’illustration de ton choix, dans un livre, un ordinateur et même une tasse ou un t-shirt.
Astuce : Ce site est associé à Canva. Tu peux créer le visuel sur Canva et le charger en direct sur Smartmockup pour le réutiliser sans avoir besoin de le télécharger. Tu te rends sur ton panneau en haut à droite et au lieu de cliquer sur télécharger, tu cliques sur les 3 points et tu mets “afficher tout”. Tu retrouveras l’icône de SmartMockup dans la liste.
Voici des exemples que j’ai pu réaliser avec ce site en travaillant les visuels sur Canva:
Moyo Studio
Alors surtout, n’oublie pas de profiter des 50 sublimes photos offertes. Les maquettes photos du site Moyo Studio sont pour moi les plus qualitatives du marché !
Tu retrouveras sur mon site ou mes réseaux de nombreuses photos provenant de ce site tellement elles sont sublimes.
Alors ok ces maquettes sont magnifiques mais cela te demande une certaine connaissance en retouche photo pour pouvoir les utiliser. Tu auras besoin de Photoshop ou Affinity Designer pour ajouter des captures d’écran aux maquettes.
Si ce sont des outils que tu maitrises déjà alors je te recommande leur Mockups ou leurs Scene Creator pour sublimer ton site ou tes offres.
Les créateurs de scène sont un niveau de qualité supérieure au maquette car tu peux activer ou désactiver certains éléments pour créer une scène parfaite : ajoute un Ipad ou une tasse de cappucino sur une table marbrée pour un effet “Wow” garantie.
Voici un exemple de maquettes que j’ai réalisé avec Moyo Studio:
Surtout n’oublie pas !
Compresse tes images avant de les charger sur ton site internet.
Tu peux créer un site magnifique et au complet en 2 jours seulement
Télécharge ta Roadmap, je te détaille chaque étape