{"id":521,"date":"2023-06-02T14:00:50","date_gmt":"2023-06-02T14:00:50","guid":{"rendered":"https:\/\/poyesis.fr\/blogs\/?p=521"},"modified":"2025-02-03T08:07:47","modified_gmt":"2025-02-03T08:07:47","slug":"5-logiciels-pour-creer-maquettes-sites-web","status":"publish","type":"post","link":"https:\/\/poyesis.fr\/blogs\/5-logiciels-pour-creer-maquettes-sites-web\/","title":{"rendered":"Top 5 des meilleurs outils pour cr\u00e9er des maquettes de site"},"content":{"rendered":"<p>Comment expliquer votre id\u00e9e de site web \u00e0 votre chef de projet informatique\u00a0?<\/p>\n<p>Comment \u00eatre certain que vos d\u00e9veloppeurs web placeront vos magnifiques pop-ups, banni\u00e8res, landing pages et formulaires comme vous le souhaitez\u00a0?<\/p>\n<p>Depuis que vous avez d\u00e9cid\u00e9 de <a href=\"https:\/\/poyesis.fr\/blog\/6-etapes-indispensables-creation-site-ecommerce\/\" target=\"_blank\" rel=\"noopener\">cr\u00e9er votre site d\u2019ecommerce<\/a> ou de <a href=\"https:\/\/poyesis.fr\/blog\/creer-site-internet-minimaliste\/\" target=\"_blank\" rel=\"noopener\">cr\u00e9er un site vitrine au design minimaliste<\/a>, ces questions vous hantent. Et pour cause, si votre \u00e9quipe de webdesign et vous n\u2019\u00eates pas sur la m\u00eame longueur d\u2019ondes, votre projet web risque d\u2019\u00e9chouer.<\/p>\n<p>Et s\u2019il aboutit, vous devrez encore modifier votre site internet pour <a href=\"https:\/\/poyesis.fr\/blog\/loptimisation-dun-funnel-de-ventes\/\" target=\"_blank\" rel=\"noopener\">optimiser son parcours d\u2019achat<\/a>. Alors que cela aurait normalement d\u00fb \u00eatre fait durant la conception de votre internet.<\/p>\n<p>Bref, vous avez besoin de cr\u00e9er une maquette de votre futur site web.<\/p>\n<p>Raison pour laquelle nous vous avons \u00e9crit <a href=\"https:\/\/poyesis.fr\/blog\/6-etapes-pour-creer-la-maquette-de-son-site-web\/\" target=\"_blank\" rel=\"noopener\">un guide complet pour vous apprendre \u00e0 cr\u00e9er la maquette de vos pages web de A \u00e0 Z<\/a>.<\/p>\n<p>Aujourd\u2019hui, nous allons aller encore plus en profondeur dans le maquettage. Aujourd\u2019hui, vous verrez quels sont les 5 meilleurs outils pour cr\u00e9er votre maquette.<\/p>\n<p>C\u2019est parti.<\/p>\n<h2>1-Figma<\/h2>\n<figure id=\"attachment_523\" aria-describedby=\"caption-attachment-523\" style=\"width: 525px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-large wp-image-523\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/05\/Figma-1024x472.jpg\" alt=\"Page d'accueil Figma\" width=\"525\" height=\"242\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma-1024x472.jpg 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma-300x138.jpg 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma-768x354.jpg 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma-1536x707.jpg 1536w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma-750x345.jpg 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma-1140x525.jpg 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Figma.jpg 1902w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-523\" class=\"wp-caption-text\">Page d&rsquo;accueil Figma<\/figcaption><\/figure>\n<p>Note sur Capterra\u00a0: 4.7\/5 \u2b50<\/p>\n<p>Lanc\u00e9 en 2015, <a href=\"https:\/\/www.figma.com\/fr\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a> est LE logiciel phare des graphistes web et des clients qui raffolent de puissance et de collaboration.<\/p>\n<p>Avec Figma, exit les multiples versions du projet sauvegard\u00e9es dans divers r\u00e9pertoires, les logiciels \u00e0 foison et les rendez-vous chronophages\u2026 Figma g\u00e8re tout cela pour vous.<\/p>\n<p>En plus de vous offrir de nombreuses fonctionnalit\u00e9s \u2013 dont le tableau collaboratif FigJam qui permet aux clients, d\u00e9veloppeurs et designers de faire un brainstorming efficace -, Figma est accessible via votre moteur de recherche favori.<\/p>\n<p>Pour vous donner une id\u00e9e de toute la puissance que Figma vous offre, voici quelques-unes de ses fonctionnalit\u00e9s\u00a0:<\/p>\n<ul>\n<li>la cr\u00e9ation de biblioth\u00e8ques de styles, parfaites pour conserver et r\u00e9utiliser vos composants graphiques\u00a0;<\/li>\n<li>les aper\u00e7us de chaque page sur des p\u00e9riph\u00e9riques pr\u00e9cis (smartphones, tablettes, pc, etc.)\u00a0;<\/li>\n<li>la g\u00e9n\u00e9ration automatique des codes HTML5\/CSS et Android\/iOS de vos pages web, Android\/iOS\u00a0;<\/li>\n<li>le partage de projets entiers ou d\u2019une page sp\u00e9cifique d\u2019un artboard via un simple lien\u00a0;<\/li>\n<li>l\u2019int\u00e9gration de nombreux plugins vers des banques d\u2019images comme Unsplash ou IConify pour les ic\u00f4nes.<\/li>\n<\/ul>\n<p>Autre atout du logiciel\u00a0: <a href=\"https:\/\/poyesis.fr\/blog\/de-limportance-du-test-utilisateur\/\" target=\"_blank\" rel=\"noopener\">vous pouvez effectuer des tests utilisateurs<\/a> en partageant le lien de votre application web \u00e0 vos pan\u00e9listes.<\/p>\n<p>Sur leurs \u00e9crans, votre site web appara\u00eetra exactement comme s\u2019il est h\u00e9berg\u00e9 sur un serveur et accessible au public.<\/p>\n<p>C\u00f4t\u00e9 travail collaboratif, Figma se d\u00e9marque gr\u00e2ce \u00e0 3 \u00e9l\u00e9ments\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">l\u2019int\u00e9gration d\u2019un outil de travail collaboratif en VoiP directement dans l\u2019application\u00a0;<\/li>\n<li aria-level=\"1\">la visibilit\u00e9 des curseurs de vos collaborateurs en temps r\u00e9el\u00a0;<\/li>\n<li aria-level=\"1\">un outil de tchat tr\u00e8s \u00e9labor\u00e9.<\/li>\n<\/ul>\n<p>Cerise sur le g\u00e2teau\u00a0: vous n\u2019avez besoin de conna\u00eetre que <a href=\"https:\/\/poyesis.fr\/blog\/top-10-raccourcis-clavier-figma\/\" target=\"_blank\" rel=\"noopener\">10 raccourcis clavier Figma pour pouvoir l\u2019utiliser comme un artiste web professionnel<\/a>.<\/p>\n<h3>Combien co\u00fbte Figma\u00a0?<\/h3>\n<p>En optant pour Figma, vous devrez choisir entre l\u2019un des 3 forfaits suivants.<\/p>\n<h4><i>Le forfait gratuit<\/i><\/h4>\n<p>Il vous donne droit \u00e0\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">3 fichiers FigJam\u00a0;<\/li>\n<li aria-level=\"1\">3 fichiers de conception Figma\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s \u00e0 l\u2019application mobile\u00a0;<\/li>\n<li aria-level=\"1\">un nombre illimit\u00e9 de fichiers personnels.<\/li>\n<\/ul>\n<h4><i>Le forfait Professionnel<\/i><\/h4>\n<p>Propos\u00e9 \u00e0 12$\/mois\/\u00e9diteur, il vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">un nombre illimit\u00e9 de fichiers Figma\u00a0;<\/li>\n<li aria-level=\"1\">la possibilit\u00e9 de partager vos cr\u00e9ations via un lien hypertexte\u00a0;<\/li>\n<li aria-level=\"1\">la possibilit\u00e9 de cr\u00e9er une biblioth\u00e8que graphique pour votre \u00e9quipe\u00a0;<\/li>\n<li aria-level=\"1\">les conversations audio.<\/li>\n<\/ul>\n<h4><i>Le forfait Organisation<\/i><\/h4>\n<p>Disponible \u00e0 45$\/mois\/\u00e9diteur, il vous offre, en plus des \u00e9l\u00e9ments du forfait professionnel, les options suivantes\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">la cr\u00e9ation de branches et de fusion\u00a0;<\/li>\n<li aria-level=\"1\">la gestion centralis\u00e9e de vos fichiers\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s aux plugins et aux widgets.<\/li>\n<\/ul>\n<h3>Figma en r\u00e9sum\u00e9<\/h3>\n<h4><i>Les avantages de Figma<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">C\u2019est un outil complet\u00a0;<\/li>\n<li aria-level=\"1\">Il est optimis\u00e9 pour le travail sur mobile et tablette\u00a0;<\/li>\n<li aria-level=\"1\">Le logiciel est facile \u00e0 prendre en main\u00a0;<\/li>\n<li aria-level=\"1\">Ne n\u00e9cessite pas d\u2019installation.<\/li>\n<\/ul>\n<h4><i>Les inconv\u00e9nients de Figma<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">Pas d\u2019options de retouches photos\u00a0;<\/li>\n<li aria-level=\"1\">Les composants ont tendance \u00e0 s\u2019\u00e9parpiller si vous ne les rangez pas manuellement dans des calques\u00a0;<\/li>\n<li aria-level=\"1\">Indisponible hors-ligne et lent si votre connexion internet est fluctuante.<\/li>\n<\/ul>\n<h2>2 \u2013 Cacoo<\/h2>\n<figure id=\"attachment_522\" aria-describedby=\"caption-attachment-522\" style=\"width: 525px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-large wp-image-522\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/05\/Cacoo-1024x498.jpg\" alt=\"Page d'accueil de Cacoo\" width=\"525\" height=\"255\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo-1024x498.jpg 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo-300x146.jpg 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo-768x374.jpg 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo-1536x747.jpg 1536w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo-750x365.jpg 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo-1140x555.jpg 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Cacoo.jpg 1903w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-522\" class=\"wp-caption-text\">Page d&rsquo;accueil de Cacoo<\/figcaption><\/figure>\n<p>Note sur Capterra\u00a0: 4.7\/5 \u2b50<\/p>\n<p>Contrairement \u00e0 Figma, <a href=\"https:\/\/nulab.com\/fr\/cacoo\/\" target=\"_blank\" rel=\"noopener\">Cacoo<\/a> n\u2019est pas un logiciel de prototypage, mais un logiciel de conception de diagrammes multi-usage.<\/p>\n<p>Sur Cacoo, vous pouvez cr\u00e9er l\u2019architecture de votre site internet, des cartes mentales et bien s\u00fbr, les maquettes de votre site web.<\/p>\n<p>Si vous \u00eates un aficionado du travail collaboratif, alors bonne nouvelle\u00a0: en plus de son module de tchat, Cacoo vous permet de collaborer avec vos \u00e9quipes via la G suite, Visio et la suite Adobe Creative Cloud.<\/p>\n<h3>Combien co\u00fbte Cacoo\u00a0?<\/h3>\n<p>Vous avez jet\u00e9 votre d\u00e9volu sur Cacoo\u00a0? Si oui, vous avez le choix entre deux forfaits\u00a0: le forfait gratuit et le forfait pro \u00e0 6 $\/mois\/utilisateur.<\/p>\n<h3>Cacoo en bref<\/h3>\n<p>Pour r\u00e9sumer, voici les avantages et inconv\u00e9nients de ce logiciel.<\/p>\n<h4><i>Les avantages de Cacoo<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">simple \u00e0 utiliser\u00a0;<\/li>\n<li aria-level=\"1\">dispose d\u2019outils d\u2019analyse de diagrammes en profondeur\u00a0;<\/li>\n<li aria-level=\"1\">rassemble tous les outils de cr\u00e9ation n\u00e9cessaire \u00e0 la conception d\u2019un site web\u202f;<\/li>\n<li aria-level=\"1\">tarification simple et abordable\u00a0;<\/li>\n<li aria-level=\"1\">vous pouvez exporter vos fichiers de conception au format PDF.<\/li>\n<\/ul>\n<h4><i>Les inconv\u00e9nients de Cacoo<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">ses outils de web-design sont moins avanc\u00e9s que ceux de solutions sp\u00e9cialement d\u00e9di\u00e9es\u00a0;<\/li>\n<li aria-level=\"1\">dans le plan gratuit, vous pouvez uniquement exporter vos cr\u00e9ations au format PNG\u00a0;<\/li>\n<li aria-level=\"1\">\u00e0 la fin de votre essai, vous ne pourrez plus acc\u00e9der \u00e0 vos cr\u00e9ations.<\/li>\n<\/ul>\n<h2>3- Mockflow<\/h2>\n<figure id=\"attachment_527\" aria-describedby=\"caption-attachment-527\" style=\"width: 525px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-large wp-image-527\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/05\/Mockflow-1024x501.jpg\" alt=\"Home page de Mockflow\" width=\"525\" height=\"257\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow-1024x501.jpg 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow-300x147.jpg 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow-768x376.jpg 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow-1536x751.jpg 1536w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow-750x367.jpg 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow-1140x557.jpg 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Mockflow.jpg 1900w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-527\" class=\"wp-caption-text\">Home page de Mockflow<\/figcaption><\/figure>\n<p>Note sur Capterra\u00a0: 4.4 \u2b50<\/p>\n<p>Vous aimez concevoir la mise en page de vos pages web sur papier\u00a0? Si oui, vous allez adorer <a href=\"https:\/\/mockflow.com\/\" target=\"_blank\" rel=\"noopener\">Mockflow<\/a>.<\/p>\n<p>Mockflow est un logiciel de conception de wireframes, de maquettes en tout genre et de prototypes interactifs. Petite particularit\u00e9 de Mockflow\u00a0: tout y est fait pour incorporer des \u00e9l\u00e9ments de dessins fait \u00e0 la main.<\/p>\n<p>Par exemple, lorsque vous annotez vos sch\u00e9mas sur papier, Mockflow les prend en compte et vous permet m\u00eame de les modifier. Et gr\u00e2ce \u00e0 son \u00e9diteur WYSIWYG en mode glisser-d\u00e9poser, vous pouvez ajouter des composants \u00e0 vos pages en quelques clics.<\/p>\n<p>Tout comme Figma, vous pouvez laisser libre \u00e0 cours \u00e0 votre g\u00e9nie cr\u00e9atif via un navigateur. Une fois que vous \u00eates satisfait de vos cr\u00e9ations, libre \u00e0 vous de les t\u00e9l\u00e9charger sur votre ordinateur.<\/p>\n<p>C\u00f4t\u00e9 int\u00e9grations, Mockflow n\u2019a pas \u00e0 rougir non plus\u00a0: vous pouvez lier votre artboard \u00e0 vos comptes Slack, Trello, Office 365, Jira et Microsoft Teams.<\/p>\n<h3>Combien co\u00fbte Mockflow\u00a0?<\/h3>\n<p>Chez Mockflow, vous avez le choix entre 5 forfaits.<\/p>\n<h4><i>Le forfait gratuit<\/i><\/h4>\n<p>Il vous donne droit \u00e0\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">1 projet\u00a0;<\/li>\n<li aria-level=\"1\">3 interfaces ;<\/li>\n<li aria-level=\"1\">10 fichiers de conception.<\/li>\n<\/ul>\n<h4><i>Le forfait Premium<\/i><\/h4>\n<p>En d\u00e9boursant 14 $ \/ mois, voici ce que vous obtiendrez chez Mockflow\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">un nombre de projets et de pages illimit\u00e9s\u00a0;<\/li>\n<li aria-level=\"1\">un acc\u00e8s au service apr\u00e8s-vente par email\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s au mode off-line.<\/li>\n<\/ul>\n<h4><i>Le forfait TeamPack<\/i><\/h4>\n<p>Accessible \u00e0 30 $ \/ mois, il vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">3 co-\u00e9diteurs par projet\u00a0;<\/li>\n<li aria-level=\"1\">40 cr\u00e9dits \u00e0 utiliser aupr\u00e8s de l\u2019IA maison de Mockflow pour g\u00e9n\u00e9rer des images et des textes\u202f;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s \u00e0 une biblioth\u00e8que de composants.<\/li>\n<\/ul>\n<h4><i>Le Plan Startup<\/i><\/h4>\n<p>Pour les PME\/TPE en pleine croissance, ce forfait \u00e0 99$ pour 6 mois vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">Un nombre de wireframes illimit\u00e9\u00a0;<\/li>\n<li aria-level=\"1\">L\u2019int\u00e9gration de fichiers et de design.<\/li>\n<\/ul>\n<h4><i>Le forfait entreprise<\/i><\/h4>\n<p>En \u00e9change de 160 $\/mois, vous avez droit \u00e0\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">un nombre de co-\u00e9diteurs illimit\u00e9\u00a0;<\/li>\n<\/ul>\n<ul>\n<li aria-level=\"1\">la possibilit\u00e9 de sauvegarder vos donn\u00e9es sur vos propres serveurs\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s aux outils de pr\u00e9sentation \u00e0 distance\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019authentification 2FA.<\/li>\n<\/ul>\n<h3>Mockflow en r\u00e9sum\u00e9<\/h3>\n<p>Pour synth\u00e9tiser, voici les avantages et les inconv\u00e9nients de Mockflow.<\/p>\n<h4><i>Les avantages de Mockflow<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">le logiciel est facile \u00e0 prendre en main\u00a0;<\/li>\n<li aria-level=\"1\">son gestionnaire de version est complet et facile \u00e0 utiliser\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019outil prend en charge les annotations dessin\u00e9es \u00e0 la main sur les maquettes.<\/li>\n<\/ul>\n<h4><i>Les inconv\u00e9nients de Mockflow<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">la version gratuite est limit\u00e9e \u00e0 seulement 3 pages et un seul projet\u00a0;<\/li>\n<li aria-level=\"1\">les utilisateurs se plaignent de probl\u00e8mes de latence lorsqu\u2019ils travaillent sur plusieurs pages simultan\u00e9ment.<\/li>\n<\/ul>\n<h2>4 \u2013 Miro<\/h2>\n<figure id=\"attachment_526\" aria-describedby=\"caption-attachment-526\" style=\"width: 525px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-526\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/05\/Miro-1024x486.jpg\" alt=\"Page d'accueil de Miro\" width=\"525\" height=\"249\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro-1024x486.jpg 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro-300x142.jpg 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro-768x364.jpg 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro-1536x729.jpg 1536w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro-750x356.jpg 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro-1140x541.jpg 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Miro.jpg 1897w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-526\" class=\"wp-caption-text\">Page d&rsquo;accueil de Miro<\/figcaption><\/figure>\n<p>Note sur Capterra\u00a0: 4.7\/5\u2b50<\/p>\n<p>Cr\u00e9\u00e9 en 2011 par Andrew Khusid, <a href=\"https:\/\/miro.com\/fr\/comment-les-equipes-ux-utilisent-miro\/\" target=\"_blank\" rel=\"noopener\">Miro<\/a> est un logiciel de tableau blanc virtuel.<\/p>\n<p>Sur sa toile blanche, vous pouvez donner vie \u00e0 des diagrammes de gestion de projet, marketing ainsi qu\u2019\u00e0 des interfaces de pages web responsive design.<\/p>\n<p>Chez Miro, tout est fait pour que vous puissiez utiliser le logiciel sans avoir de connaissances techniques.<\/p>\n<p>D\u2019ailleurs, d\u00e8s que vous cr\u00e9ez votre projet web sur la plateforme, l\u2019\u00e9diteur vous propose plusieurs styles de mod\u00e8les cl\u00e9-en-main\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">des mod\u00e8les de brainstorming\u00a0;<\/li>\n<li aria-level=\"1\">des cartes mentales\u00a0;<\/li>\n<li aria-level=\"1\">des mod\u00e8les de maquettes.<\/li>\n<\/ul>\n<p>Atout majeur de Miro\u00a0: l\u2019outil s\u2019int\u00e8gre parfaitement \u00e0 Zoom. Par cons\u00e9quent, si vous voulez animer vos r\u00e9unions de pr\u00e9sentations et proposer une exp\u00e9rience innovante \u00e0 vos participants, testez Miro.<\/p>\n<p>Et si jamais vous manquez d\u2019inspiration, allez regarder les chefs-d&rsquo;\u0153uvre d\u2019autres web-designer sur Miroverse.<\/p>\n<h3>Combien co\u00fbte Miro\u00a0?<\/h3>\n<p>Souhaitez-vous utiliser Miro\u00a0? Alors, vous devrez choisir entre 4 forfaits.<\/p>\n<h4><i>Le forfait gratuit<\/i><\/h4>\n<p>Il vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">1 espace de travail\u00a0;<\/li>\n<li aria-level=\"1\">3 tableaux modifiables\u00a0;<\/li>\n<li aria-level=\"1\">1000 templates.<\/li>\n<\/ul>\n<h4><i>Le forfait Starter<\/i><\/h4>\n<p>Moyennant 8 $ \/ mois, Miro vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">un nombre illimit\u00e9 de visiteurs sur vos tableaux\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s au gestionnaire de version\u00a0;<\/li>\n<li aria-level=\"1\">l&rsquo;exportation de vos cr\u00e9ations dans des fichiers hautes-r\u00e9solution.<\/li>\n<\/ul>\n<h4><i>Le forfait Business<\/i><\/h4>\n<p>Coutant 16$\/mois et par membre, il vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">des espaces de travail priv\u00e9s et s\u00e9curis\u00e9s\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019acc\u00e8s \u00e0 l\u2019authentification unique SSO.<\/li>\n<\/ul>\n<h4><i>Le forfait business<\/i><\/h4>\n<p>Si votre entreprise compte plus de 30 membres, ce forfait \u00e0 prix variable est fait pour vous. Et pour cause, voici ce qu\u2019il vous offre\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">le contr\u00f4le d\u2019acc\u00e8s sur les liens de partage\u00a0;<\/li>\n<li aria-level=\"1\">les accords de services SLA\u00a0;<\/li>\n<li aria-level=\"1\">un support technique premium accessible 24\/24 et 7\/7.<\/li>\n<\/ul>\n<h3>Miro en r\u00e9sum\u00e9<\/h3>\n<h4><i>Les avantages<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">c\u2019est un logiciel complet pour cr\u00e9er votre identit\u00e9 visuelle\u00a0;<\/li>\n<li aria-level=\"1\">vous pouvez voir les curseurs de vos collaborateurs en temps r\u00e9el\u00a0;<\/li>\n<li aria-level=\"1\">des r\u00e9unions de pr\u00e9sentations de prototypes dynamiques et interactives.<\/li>\n<\/ul>\n<h4><i>Les inconv\u00e9nients<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">il est difficile de pr\u00e9senter rapidement les projets cr\u00e9\u00e9s sur Miro \u00e0 des non-utilisateurs\u00a0;<\/li>\n<li aria-level=\"1\">il n\u2019y a pas de librairies personnelles pour stocker et r\u00e9utiliser vos composants entre vos\u00a0 pages web ;<\/li>\n<li aria-level=\"1\">les temps de chargement de votre wireframe peuvent \u00eatre \u00e9lev\u00e9s.<\/li>\n<\/ul>\n<h2>5- Adobe XD<\/h2>\n<figure id=\"attachment_525\" aria-describedby=\"caption-attachment-525\" style=\"width: 525px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-525\" src=\"https:\/\/poyesis.fr\/blogs\/wp-content\/uploads\/2023\/05\/Adobe-XD-1024x683.jpg\" alt=\"Application mobile de Adobe XD\" width=\"525\" height=\"350\" srcset=\"https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD-1024x683.jpg 1024w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD-300x200.jpg 300w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD-768x512.jpg 768w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD-1536x1024.jpg 1536w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD-750x500.jpg 750w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD-1140x760.jpg 1140w, https:\/\/poyesis.fr\/wp-content\/uploads\/2023\/05\/Adobe-XD.jpg 1920w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-525\" class=\"wp-caption-text\">Application mobile de Adobe XD<\/figcaption><\/figure>\n<p>Note sur Capterra\u00a0: 4.5\/5\u2b50<\/p>\n<p>Difficile de parler des meilleurs logiciels de cr\u00e9ation de maquettes de sites web sans mentionner <a href=\"https:\/\/helpx.adobe.com\/fr\/xd\/get-started.html\" target=\"_blank\" rel=\"noopener\">Adobe eXperience Design<\/a>.<\/p>\n<p>Propuls\u00e9 par Adobe, c\u2019est un logiciel de conception vectorielle pour les applications web et mobiles.<\/p>\n<p>C\u00f4t\u00e9 fonctionnalit\u00e9, Adobe XD fait presque un sans-faute tant vous avez de possibilit\u00e9s. En voici quelques-unes\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">la cr\u00e9ation de chemin de navigation complet via de simples clics entre les interfaces\u00a0;<\/li>\n<li aria-level=\"1\">la cr\u00e9ation de micro-interactions permettant de rendre les tests utilisateurs encore plus r\u00e9alistes\u00a0;<\/li>\n<li aria-level=\"1\">l\u2019insertion d\u2019animations automatis\u00e9es dans vos prototypes.<\/li>\n<\/ul>\n<p>Pour utiliser Adobe XD, vous devez l\u2019installer directement sur votre PC. Et si vous utilisez un syst\u00e8me d\u2019exploitation Linux ou Chromebook, ne cherchez pas\u00a0: Adobe XD n\u2019a pas d\u2019application sur ces OS.<\/p>\n<p>De plus, si vous \u00eates un nomade digital habitu\u00e9 \u00e0 retoucher ses design sur sa tablette, oubliez imm\u00e9diatement Adobe XD. Pourquoi\u00a0? Tout simplement parce que son application mobile vous permet uniquement de pr\u00e9visualiser votre maquette sur votre p\u00e9riph\u00e9rique mobile.<\/p>\n<h3>Combien co\u00fbte Adobe XD\u00a0?<\/h3>\n<p>Chez Adobe Inc, tous les logiciels ont exactement les m\u00eames tarifications\u00a0:<\/p>\n<ul>\n<li aria-level=\"1\">La licence compl\u00e8te du logiciel \u00e0 11.99 $\/mois<\/li>\n<li aria-level=\"1\">L\u2019achat de toutes les licences de la suite Adobe CC (dont Photoshop et Illustrator) \u00e0 59.99 $\/mois.<\/li>\n<\/ul>\n<h3>Adobe XD en r\u00e9sum\u00e9<\/h3>\n<h4><i>Les avantages d\u2019Adobe XD<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">il s\u2019int\u00e8gre parfaitement aux autres outils de la suite Adobe ;<\/li>\n<li aria-level=\"1\">il s\u2019int\u00e8gre parfaitement aux autres outils de la suite Adobe Creative Clouds (Illustrator, Photoshop, After Effects, etc.)\u00a0;<\/li>\n<li aria-level=\"1\">le logiciel est extr\u00eamement complet\u00a0;<\/li>\n<li aria-level=\"1\">la documentation et les tutoriels sont facilement trouvables sur le web.<\/li>\n<\/ul>\n<h4><i>Les inconv\u00e9nients d\u2019Adobe XD<\/i><\/h4>\n<ul>\n<li aria-level=\"1\">si vous n\u2019\u00eates pas un graphiste professionnel, vous aurez du mal \u00e0 l\u2019utiliser\u00a0;<\/li>\n<li aria-level=\"1\">ses outils de collaboration clients-webdesigners sont moins pouss\u00e9s que ceux des autres solutions concurrentes\u00a0;<\/li>\n<li aria-level=\"1\">vous \u00eates oblig\u00e9 d\u2019installer le logiciel sur votre PC\/Mac\u00a0;<\/li>\n<li aria-level=\"1\">il est incompatible avec les syst\u00e8mes d\u2019exploitations Linux, Chromebook et Android.<\/li>\n<\/ul>\n<p>Vous vous demandez que logiciel de cr\u00e9ation choisir pour votre projet\u202f? <a href=\"https:\/\/poyesis.fr\/contactez-nous\/\">\u00c9crivez-nous, et nous vous aiderons \u00e0 trouver la perle rare<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment expliquer votre id\u00e9e de site web \u00e0 votre chef de projet informatique\u00a0? Comment \u00eatre certain que vos d\u00e9veloppeurs web placeront vos magnifiques pop-ups, banni\u00e8res, landing pages et formulaires comme vous le souhaitez\u00a0? Depuis que vous avez d\u00e9cid\u00e9 de cr\u00e9er votre site d\u2019ecommerce ou de cr\u00e9er un site vitrine au design minimaliste, ces questions vous [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":524,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jnews-multi-image_gallery":[],"jnews_single_post":{"format":"standard","override":[{"template":"7","single_blog_custom":"553","parallax":"1","fullscreen":"1","layout":"no-sidebar-narrow","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","share_position":"floatbottom","share_float_style":"share-normal","show_share_counter":"1","show_view_counter":"1","show_featured":"1","show_post_meta":"1","show_post_author":"1","show_post_author_image":"1","show_post_date":"1","post_date_format":"default","post_date_format_custom":"Y\/m\/d","show_post_category":"1","post_reading_time_wpm":"300","post_calculate_word_method":"str_word_count","show_zoom_button":"0","zoom_button_out_step":"2","zoom_button_in_step":"3","number_popup_post":"1","show_post_related":"1"}],"image_override":[{"single_post_thumbnail_size":"crop-500","single_post_gallery_size":"crop-500"}],"trending_post_position":"meta","trending_post_label":"Trending","sponsored_post_label":"Sponsored by","disable_ad":"0","subtitle":""},"jnews_primary_category":[],"jnews_override_bookmark_settings":{"override_bookmark_button":"0","override_show_bookmark_button":"0"},"jnews_override_counter":{"view_counter_number":"0","share_counter_number":"0","like_counter_number":"0","dislike_counter_number":"0"},"footnotes":""},"categories":[28],"tags":[135,136,91,137,138,139,54],"class_list":["post-521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business","tag-adobe-xd","tag-cacoo","tag-figma","tag-miro","tag-mockflow","tag-outils-de-webdesign","tag-webdesign"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":1,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":1208,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/posts\/521\/revisions\/1208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/media\/524"}],"wp:attachment":[{"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/poyesis.fr\/blogs\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}