{"id":4471,"date":"2017-09-12T10:30:29","date_gmt":"2017-09-12T08:30:29","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=4471"},"modified":"2025-08-20T17:22:41","modified_gmt":"2025-08-20T15:22:41","slug":"comment-creer-wireframe-web","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/","title":{"rendered":"Comment cr\u00e9er un wireframe pour votre site internet"},"content":{"rendered":"<p>Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe.<\/p>\n<p>Cette maquette, qui contient tous les blocs de la future page web, en pr\u00e9sente une version \u00e9pur\u00e9e. D\u00e9couvrez comment cr\u00e9er le v\u00f4tre dans les meilleures conditions possible.<\/p>\n<h2>Pourquoi vous devez cr\u00e9er un wireframe<\/h2>\n<p>Le wireframe permet de gagner du temps lors de la cr\u00e9ation d\u2019un site internet.<\/p>\n<p>\u00c0 ce stade, vous ne vous occupez pas encore du design ou des couleurs. La phrase cl\u00e9, c\u2019est que si la navigation n\u2019est pas claire quand elle est pr\u00e9sent\u00e9e en noir et blanc, elle ne le sera pas plus avec de la couleur\u00a0!<\/p>\n<p>Le wireframe doit donc \u00eatre lisible pour toutes les personnes qui auront \u00e0 le consulter.<\/p>\n<p>Il est beaucoup plus facile de modifier un wireframe, qui n\u2019est qu\u2019une maquette, qu\u2019un site d\u00e9j\u00e0 construit, ce qui permet des \u00e9conomies aussi bien au concepteur qu\u2019au client.<\/p>\n<p><a href=\"https:\/\/wireframesketcher.com\/\"><img decoding=\"async\" class=\"aligncenter wp-image-4472 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-youtube.png\" alt=\"\" width=\"913\" height=\"833\" \/><\/a><\/p>\n<h2>Inspirez-vous des meilleurs<\/h2>\n<p>Le moyen le plus simple de savoir \u00e0 quoi ressemble un wireframe, c\u2019est d\u2019observer ceux que les autres ont pu construire. Pour y parvenir, vous pouvez suivre les astuces suivantes\u00a0:<\/p>\n<ul>\n<li>rechercher sur Google Images des exemples de wireframe\u00a0;<\/li>\n<li>installer <a href=\"https:\/\/www.wirify.com\/\">Wirify<\/a>, qui vous permet de visionner la version maquett\u00e9e de n\u2019importe quel site web.<\/li>\n<\/ul>\n<p>Vous pourrez ainsi bien vous impr\u00e9gner de l\u2019architecture simplifi\u00e9e des pages qui vous inspirent\u00a0: toutes se basent sur des blocs de diff\u00e9rentes tailles.<\/p>\n<p>C\u2019est le m\u00eame principe que vous devrez appliquer dans vos wireframe.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/outils-test-accessibilite-site-internet\">13 outils pour v\u00e9rifier l&#8217;accessibilit\u00e9 de votre site internet<\/a><\/p><\/blockquote>\n<h2>D\u00e9coupez votre page en diff\u00e9rentes zones<\/h2>\n<p>La plupart des sites internet comprennent au minimum <a href=\"https:\/\/graphiste.com\/blog\/zoning-site-web\">trois zones<\/a>\u00a0:<\/p>\n<ul>\n<li><strong>le header\u00a0:<\/strong> l\u2019en-t\u00eate, qui se retrouve sur chacune des pages et qui permet d\u2019identifier le site, souvent en comportant le logo de l\u2019entreprise\u00a0;<\/li>\n<li><strong>le body\u00a0<\/strong>: le corps de page, qui se subdivise lui-m\u00eame en diff\u00e9rentes colonnes, voire en diff\u00e9rents niveaux de lecture pour les pages \u00e0 d\u00e9rouler\u00a0;<\/li>\n<li><strong>le footer<\/strong>: le pied de page, qui peut contenir des informations moins importantes, mais aussi un rappel du menu de navigation ou des liens vers les r\u00e9seaux sociaux.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4473 size-large\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/capture-1080-1024x552.jpg\" alt=\"\" width=\"810\" height=\"437\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>D\u00e8s l\u2019\u00e9laboration du wireframe, il faut penser aux diff\u00e9rentes tailles d\u2019\u00e9cran sur lesquelles seront pr\u00e9sent\u00e9s ces blocs, et donc anticiper leur hi\u00e9rarchie.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/wireframe-application-mobile\">Comment cr\u00e9er un wireframe d&#8217;application mobile&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Choisissez vos outils<\/h2>\n<p>Le wireframe peut \u00eatre plus ou moins d\u00e9taill\u00e9, ce qui implique \u00e9galement la possibilit\u00e9 de plusieurs \u00e9tapes.<\/p>\n<p>Sa pr\u00e9sentation va du \u00ab\u00a0simple\u00a0\u00bb crayonn\u00e9 sur une feuille de papier \u00e0 la version interactive qui permet de pr\u00e9voir la r\u00e9action des menus et \u00e9ventuels sous-menus.\u00a0Dans tous les cas, le wireframe pr\u00e9c\u00e9dera le design et la colorisation, ainsi que le codage.<\/p>\n<p>Diff\u00e9rents outils vous permettent d\u2019\u00e9tablir votre maquette sur votre ordinateur\u00a0:<\/p>\n<ul>\n<li><a href=\"https:\/\/balsamiq.com\/index.html\">Balsamiq<\/a> dont l\u2019aspect de croquis est tr\u00e8s populaire. Vous pourrez \u00e9galement puiser dans sa vaste biblioth\u00e8que de composants. Il est utilisable en ligne ou d\u00e9connect\u00e9, sur tous les syst\u00e8mes d\u2019exploitation, ce qui contribue aussi \u00e0 son succ\u00e8s.<\/li>\n<li><a href=\"https:\/\/www.invisionapp.com\/\">InVision<\/a>: un outil totalement gratuit, qui vous permet non seulement de prototyper mais d\u2019obtenir des retours d\u00e9taill\u00e9s des clients ou des membres de votre \u00e9quipe.<\/li>\n<li>La suite Adobe, de Fireworks \u00e0 Illustrator et Indesign, qui est souvent utilis\u00e9e par les graphistes.<\/li>\n<\/ul>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/logiciel-prototypage-maquette-web\" target=\"_blank\" rel=\"noopener noreferrer\">Web design&nbsp;: 10 logiciels de prototyping pour vos maquettes<\/a><\/p><\/blockquote>\n<p>Cette liste est loin d\u2019\u00eatre exhaustive et de nouvelles applications, \u00e0 t\u00e9l\u00e9charger ou en ligne, sont r\u00e9guli\u00e8rement pr\u00e9sent\u00e9es. Ce sera \u00e0 vous de trouver celle avec laquelle vous \u00eates le plus \u00e0 l\u2019aise.<\/p>\n<p>&nbsp;<\/p>\n<h2>Les \u00e9l\u00e9ments \u00e0 inclure dans votre wireframe<\/h2>\n<p>Un wireframe se compose de blocs, mais il vous faut d\u00e9finir ce qu\u2019ils contiennent\u00a0: lesquels seront des images, o\u00f9 seront les appels \u00e0 l\u2019action, les liens vers les r\u00e9seaux sociaux, quels types d\u2019informations seront repris sur chaque page, comment s\u2019articulera le menu, o\u00f9 sera situ\u00e9e la barre de recherche interne\u2026<\/p>\n<p>Il y a des conventions dans la mise en page d\u2019un site. On retrouve de plus en plus une colonne de liens divers sur la droite, une zone de recherche en haut de celle-ci\u2026<\/p>\n<p>Vous pourrez les respecter ou non, selon le profil des futurs utilisateurs du site. Mais songez bien qu\u2019un internaute qui se perd dans la navigation d\u2019une page web perd aussi sa confiance dans l\u2019entreprise qui se pr\u00e9sente par ce biais.<\/p>\n<p>&nbsp;<\/p>\n<p>N&#8217;h\u00e9sitez pas \u00e0 faire appel \u00e0 un <a href=\"https:\/\/graphiste.com\/categories\/webdesign\/users\">webdesigner freelance<\/a> pour la cr\u00e9ation de votre wireframe en d\u00e9posant un annonce gratuitement sur Graphiste.com.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui contient tous les blocs de la future page web, en pr\u00e9sente une version \u00e9pur\u00e9e. D\u00e9couvrez comment cr\u00e9er le v\u00f4tre dans les meilleures conditions possible. Pourquoi vous devez cr\u00e9er [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":4474,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-4471","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment cr\u00e9er un wireframe pour votre site internet - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment cr\u00e9er un wireframe pour votre site internet - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-12T08:30:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:22:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Comment cr\u00e9er un wireframe pour votre site internet\",\"datePublished\":\"2017-09-12T08:30:29+00:00\",\"dateModified\":\"2025-08-20T15:22:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\"},\"wordCount\":818,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\",\"url\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\",\"name\":\"Comment cr\u00e9er un wireframe pour votre site internet - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg\",\"datePublished\":\"2017-09-12T08:30:29+00:00\",\"dateModified\":\"2025-08-20T15:22:41+00:00\",\"description\":\"Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment cr\u00e9er un wireframe pour votre site internet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/totolazza.com\",\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un wireframe pour votre site internet - Graphiste Blog","description":"Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er un wireframe pour votre site internet - Graphiste Blog","og_description":"Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui","og_url":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2017-09-12T08:30:29+00:00","article_modified_time":"2025-08-20T15:22:41+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Comment cr\u00e9er un wireframe pour votre site internet","datePublished":"2017-09-12T08:30:29+00:00","dateModified":"2025-08-20T15:22:41+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/"},"wordCount":818,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/","url":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/","name":"Comment cr\u00e9er un wireframe pour votre site internet - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg","datePublished":"2017-09-12T08:30:29+00:00","dateModified":"2025-08-20T15:22:41+00:00","description":"Dans la conception d\u2019un site internet, il y a le design, les fonctions, le contenu\u2026 mais avant tout cela, il y a le wireframe. Cette maquette, qui","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/wireframe-graphiste-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/comment-creer-wireframe-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Comment cr\u00e9er un wireframe pour votre site internet"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/totolazza.com","https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/4471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=4471"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/4471\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/4474"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=4471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=4471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=4471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}