{"id":2223,"date":"2013-12-22T12:10:03","date_gmt":"2013-12-22T11:10:03","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2223"},"modified":"2013-12-22T12:10:03","modified_gmt":"2013-12-22T11:10:03","slug":"prototype-et-style-tile-sur-24-jours-de-web","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/","title":{"rendered":"Prototype et style tile sur 24 jours de Web"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>Je suis une grande fan des <a href=\"http:\/\/blog.stephaniewalter.fr\/4-calendriers-de-lavent-pour-webdesigner-edition-2013\/\">calendriers de l&rsquo;avent num\u00e9riques comme vous le savez peut-\u00eatre d\u00e9j\u00e0<\/a>, c&rsquo;est donc avec un grand plaisir que j&rsquo;ai cette ann\u00e9e accept\u00e9 de participer \u00e0 <a href=\"http:\/\/www.24joursdeweb.fr\/\">24 jours de web<\/a>. \u00c7a faisait un petit moment que je voulais parler des style tiles et du processus de design sur <a href=\"https:\/\/www.stephaniewalter.fr\/portfolio\/pandasuite-site-vitrine\/\">le projet Pandasuite<\/a>, j&rsquo;ai donc saut\u00e9 sur l&rsquo;occasion.<\/p>\n<p>L&rsquo;article vous montre mon processus de design et de travail sur ce projet en particulier :<\/p>\n<ul>\n<li>wireframe (non envoy\u00e9s au client)<\/li>\n<li>prototype fonctionnel<\/li>\n<li>style tile<\/li>\n<li>int\u00e9gration du design du style tile dans le prototype<\/li>\n<li>version responsive du site<\/li>\n<\/ul>\n<p><strong>=&gt;\u00a0<a href=\"http:\/\/www.24joursdeweb.fr\/2013\/prototype-et-style-tile\/\">Voir l&rsquo;article Prototype et style tile\u00a0en ligne.<\/a><\/strong><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2230\" alt=\"Pandasuite style tile\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/12\/styltile.jpg\" width=\"758\" height=\"557\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Faites un don et recevez des e-books<\/h2>\n<p>J&rsquo;en profite pour vous rappeler que le projet 24 jours de web c&rsquo;est \u00e9galement une chouette initiative qui vous permet de faire un don \u00e0 <a href=\"http:\/\/www.24joursdeweb.fr\/2013\/association-handiparentalite\/\">l&rsquo;association Handiparentalit\u00e9<\/a>, alors n&rsquo;h\u00e9sitez pas \u00e0 <a href=\"http:\/\/www.24joursdeweb.fr\/bundle\/\">visiter la page de don<\/a>, cette ann\u00e9e vous aurez m\u00eame droit \u00e0 un bundle de livres num\u00e9riques et papiers. Plus d&rsquo;excuse !!<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter  wp-image-2229\" alt=\"Faites un don et recevez des e-books\" src=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/12\/faireundon.jpg\" width=\"692\" height=\"379\" \/><\/p>\n<p style=\"text-align: center;\">\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 12 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.Je suis une grande fan des calendriers de l&rsquo;avent num\u00e9riques comme vous le savez peut-\u00eatre d\u00e9j\u00e0, c&rsquo;est donc avec un grand plaisir que j&rsquo;ai cette ann\u00e9e accept\u00e9 de participer \u00e0 24 jours de web. \u00c7a faisait un petit moment que je voulais parler des style tiles et du processus de design sur le projet Pandasuite, j&rsquo;ai donc saut\u00e9 sur l&rsquo;occasion. L&rsquo;article vous &hellip;<\/p>\n","protected":false},"author":3,"featured_media":2227,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55],"tags":[],"class_list":["post-2223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prototype et style tile sur 24 jours de Web - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Processus de design \u00e0 base de Prototype fonctionnel, Style Tile et adaptation mobile responsive sur le projet Pandasuite\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prototype et style tile sur 24 jours de Web - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Processus de design \u00e0 base de Prototype fonctionnel, Style Tile et adaptation mobile responsive sur le projet Pandasuite\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-22T11:10:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/12\/24joursheader.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/\",\"name\":\"Prototype et style tile sur 24 jours de Web - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/24joursheader.jpg\",\"datePublished\":\"2013-12-22T11:10:03+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Processus de design \u00e0 base de Prototype fonctionnel, Style Tile et adaptation mobile responsive sur le projet Pandasuite\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/24joursheader.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/24joursheader.jpg\",\"width\":700,\"height\":200,\"caption\":\"Prototype et style tile sur 24 jours de Web\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prototype et style tile sur 24 jours de Web - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Processus de design \u00e0 base de Prototype fonctionnel, Style Tile et adaptation mobile responsive sur le projet Pandasuite","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:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Prototype et style tile sur 24 jours de Web - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Processus de design \u00e0 base de Prototype fonctionnel, Style Tile et adaptation mobile responsive sur le projet Pandasuite","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2013-12-22T11:10:03+00:00","og_image":[{"width":700,"height":200,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2013\/12\/24joursheader.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/","name":"Prototype et style tile sur 24 jours de Web - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/24joursheader.jpg","datePublished":"2013-12-22T11:10:03+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Processus de design \u00e0 base de Prototype fonctionnel, Style Tile et adaptation mobile responsive sur le projet Pandasuite","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/prototype-et-style-tile-sur-24-jours-de-web\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/24joursheader.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2013\/12\/24joursheader.jpg","width":700,"height":200,"caption":"Prototype et style tile sur 24 jours de Web"},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bc37c927707e853de94250cad44e4ffc13bee34ad9eda7a69651ca5ee19948b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/x.com\/https:\/\/bsky.app\/profile\/stephaniewalter.bsky.social"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=2223"}],"version-history":[{"count":0,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2223\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/2227"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}