{"id":26100,"date":"2022-06-01T01:00:00","date_gmt":"2022-05-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=26100"},"modified":"2022-11-03T09:16:41","modified_gmt":"2022-11-03T08:16:41","slug":"comment-creer-un-site-mobile-first","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/","title":{"rendered":"Comment cr\u00e9er un site mobile-first\u00a0?"},"content":{"rendered":"<p>En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs changent leur fusil d\u2019\u00e9paule et choisissent de plus en plus de cr\u00e9er d\u2019abord la <a href=\"https:\/\/graphiste.com\/blog\/mobile-guide-ultime-reussir-designs\">version mobile<\/a> de leurs sites web, avant de concevoir la version desktop. Voyons ici comment cr\u00e9er un site mobile-first.<\/p>\n<p>&nbsp;<\/p>\n<h2>Qu\u2019est-ce qu\u2019une conception mobile-first&nbsp;?<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-26101 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/Mobile-First.jpg\" alt=\"cr\u00e9er un site mobile first\" width=\"700\" height=\"500\" \/><\/p>\n<p>La conception <a href=\"https:\/\/graphiste.com\/blog\/un-guide-pratique-pour-un-design-responsive-qui-privilegie-le-mobile\">mobile-first<\/a>, comme son nom le sugg\u00e8re, priorise la version mobile d\u2019un site web. Ainsi, la cr\u00e9ation du site d\u00e9marre \u00e0 partir de l\u2019\u00e9cran mobile. De cette fa\u00e7on, vous vous assurez d\u2019une exp\u00e9rience utilisateur la plus optimale possible sur n&#8217;importe quel type d\u2019appareils (smartphone, tablette, ordinateur).<\/p>\n<p>Le concepteur produit donc une mise en page mobile qui \u00e9volue ensuite pour \u00eatre progressivement adapt\u00e9e \u00e0 des tailles d\u2019\u00e9crans plus grandes.<\/p>\n<p>Cr\u00e9er une architecture mobile est plus limit\u00e9 que pour une version desktop. Sur un \u00e9cran plus petit, le nombre d&#8217;\u00e9l\u00e9ments est forc\u00e9ment plus limit\u00e9. L\u2019exercice vous oblige donc \u00e0 cibler la cr\u00e9ation autour des composants les plus importants, soit ce dont l\u2019utilisateur a le plus besoin. D&#8217;autres \u00e9l\u00e9ments pourront bien s\u00fbr s\u2019ajouter au moment d\u2019adapter cette version mobile vers une mise en page desktop. Mais vous conna\u00eetrez alors exactement les \u00e9l\u00e9ments les plus importants \u00e0 mettre en avant.<\/p>\n<p>&nbsp;<\/p>\n<h2>Conception mobile-first&nbsp;: pensez comme vos utilisateurs<\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-26111 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/Utilisateur.jpg\" alt=\"creer_un_site_mobile_first\" width=\"700\" height=\"500\" \/><\/p>\n<p>Avant toute chose, vous devez conna\u00eetre parfaitement les points faibles de vos futurs visiteurs afin de concevoir <a href=\"https:\/\/graphiste.com\/blog\/convertir-site-web-application-mobile\">un site web mobile<\/a> facile \u00e0 utiliser pour eux.<\/p>\n<p>Second point, vous devez d\u00e9finir le parcours que vous souhaitez faire suivre \u00e0 vos utilisateurs. Pour ce faire, vous devez envisager diff\u00e9rents sc\u00e9narios de comportement pour chacune de vos pages, de mani\u00e8re \u00e0 ajuster votre parcours en cons\u00e9quence.<\/p>\n<p>Pour y parvenir&nbsp;:<\/p>\n<ul>\n<li>multipliez les visites sur les sites mobiles d\u00e9j\u00e0 existants\u00a0;<\/li>\n<li>proc\u00e9dez \u00e0 une analyse de la concurrence afin de vous en d\u00e9marquer gr\u00e2ce \u00e0 des solutions qu\u2019eux-m\u00eames ne proposent pas sur leur site mobile\u00a0;<\/li>\n<li>sondez vos visiteurs afin de pr\u00e9ciser avec eux leurs points de blocage.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>La hi\u00e9rarchie visuelle du contenu<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-26102 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/Hierarchie-visuelle.jpg\" alt=\"cr\u00e9er un site mobile first\" width=\"700\" height=\"500\" \/><\/p>\n<p>Un contenu concis et tr\u00e8s pr\u00e9cis fait partie des cl\u00e9s d\u2019un site mobile r\u00e9ussit. Veillez donc absolument \u00e0 fournir \u00e0 vos visiteurs le contenu qu\u2019ils cherchent, sans les soumettre \u00e0 une panoplie d\u2019\u00e9l\u00e9ments encombrants qui pourraient les d\u00e9tourner de l\u2019information principale de la page.<\/p>\n<p>Pour y parvenir, votre mise en page doit respecter une certaine <a href=\"https:\/\/graphiste.com\/blog\/hierarchie-visuelle-ameliorer-site\">hi\u00e9rarchie visuelle<\/a> adapt\u00e9e \u00e0 l&#8217;importance de son contenu. Une organisation qui permet \u00e0 l\u2019utilisateur de discerner facilement les \u00e9l\u00e9ments les plus essentiels.<\/p>\n<ul>\n<li>Les titres sont toujours plac\u00e9s au-dessus de l&#8217;aper\u00e7u de l&#8217;article, lui-m\u00eame install\u00e9 \u00ab\u00a0above the fold\u00a0\u00bb soit sur la partie que les utilisateurs peuvent visualiser imm\u00e9diatement sans avoir \u00e0 scroller.<\/li>\n<li>La taille de vos polices, images et vid\u00e9os doivent \u00eatre optimis\u00e9es pour les mobiles.<\/li>\n<li>Concentrez vos efforts de pr\u00e9sentation sur les \u00e9l\u00e9ments du contenu les plus pertinents.<\/li>\n<li>Optez pour un contenu concis avec des phrases courtes.<\/li>\n<li>Divisez les textes longs en petits paragraphes.<\/li>\n<\/ul>\n<p>Plus votre contenu est optimis\u00e9, plus l&#8217;exp\u00e9rience utilisateur de votre site mobile sera positive.<\/p>\n<blockquote><p><strong>\u00c0 lire aussi&nbsp;:<\/strong> <a href=\"https:\/\/graphiste.com\/blog\/formats-publicitaires-faut-privilegier-mobile\">Quels formats publicitaires faut-il privil\u00e9gier sur mobile&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Un site web mobile-first est un site web minimaliste<\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-26103 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/UX-mobile-Design.jpg\" alt=\"cr\u00e9er un site mobile first\" width=\"700\" height=\"500\" \/><\/p>\n<p>Un site mobile-first doit absolument rester simple afin d\u2019am\u00e9liorer la <a href=\"https:\/\/graphiste.com\/blog\/typographies-chiffres-lisibles\">lisibilit\u00e9 de son contenu<\/a>. En pratique, conservez uniquement les \u00e9l\u00e9ments les plus essentiels et d\u00e9barrassez-vous du superflu (comme les <a href=\"https:\/\/graphiste.com\/blog\/comment-creer-un-pop-up-efficace%e2%80%89\">pop-ups<\/a>, les publicit\u00e9s, etc.).<\/p>\n<ul>\n<li>Limitez le nombre de liens dans votre <a href=\"https:\/\/graphiste.com\/blog\/alternative-menu-hamburger\">menu de navigation<\/a>.<\/li>\n<li>Optez pour une <a href=\"https:\/\/graphiste.com\/blog\/typographie-interface-mobile\">typographie<\/a> simple et de taille adapt\u00e9e aux \u00e9crans mobiles.<\/li>\n<li>Misez sur des bordures larges et des lignes \u00e9pur\u00e9es.<\/li>\n<li>Limitez au maximum le nombre de pages.<\/li>\n<li>Ajoutez un moteur de recherche efficace au site.<\/li>\n<li>Utilisez les espaces blancs pour d\u00e9sencombrer votre mise en page et la rendre ainsi plus lisible.<\/li>\n<li>N\u2019utilisez pas plus de deux colonnes de contenus.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Des CTA et \u00e9l\u00e9ments mobiles coh\u00e9rents et audacieux<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-26104 aligncenter\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/CTA.jpg\" alt=\"cr\u00e9er un site mobile first\" width=\"700\" height=\"500\" \/><\/p>\n<p>Vos boutons d\u2019appel \u00e0 l\u2019action ne doivent pas avoir peur d\u2019\u00eatre audacieux dans le mobile-first. Assurez-vous qu\u2019ils soient visuellement le plus percutant possible.<\/p>\n<p>Mais le <a href=\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\">CTA<\/a> n\u2019est pas le seul \u00e0 tout mettre en \u0153uvre pour attirer l\u2019\u0153il. D&#8217;autres \u00e9l\u00e9ments graphiques essentiels pour am\u00e9liorer l&#8217;exp\u00e9rience utilisateur et convertir doivent eux aussi attirer l&#8217;attention, et pour y parvenir\u00a0:<\/p>\n<ul>\n<li>Utilisez des couleurs contrast\u00e9es et vives.<\/li>\n<li>Optez pour des formes g\u00e9om\u00e9triques et des motifs abstraits.<\/li>\n<li>Usez des effets de parallaxe.<\/li>\n<li>Optez pour une typographie forte.<\/li>\n<\/ul>\n<blockquote><p>\u00c0 lire aussi&nbsp;:\u00a0<a href=\"https:\/\/graphiste.com\/blog\/site-mobile-responsive-design-application\">Site mobile, responsive design, application\u00a0: que choisir\u00a0?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h3>Conclusion<\/h3>\n<p>Concevoir un site mobile-first n\u2019a rien d\u2019insurmontable. Cet exercice induit toutefois de revoir nos habitudes de conception web,\u00a0en les basant prioritairement sur une version la plus simple et lisible possible. Un design \u00e9pur\u00e9, parfaitement hi\u00e9rarchis\u00e9, concis et audacieux qui servira de base aux autres versions du site, disponibles sur des \u00e9crans plus grands.<\/p>\n<p>Vous \u00eates \u00e0 la recherche d\u2019un UX designer sp\u00e9cialiste du mobile-first&nbsp;? Consultez les profils des professionnels <a href=\"https:\/\/graphiste.com\/#open-fast?source=blog-text\">Graphiste.com<\/a>.<\/p>\n<p>Vous recherchez un d\u00e9veloppeur mobile&nbsp;? <a href=\"https:\/\/www.codeur.com\/fonctionnement-codeur?utm_source=Graphiste&amp;utm_medium=blog&amp;utm_campaign=mobile-first\">Postez votre projet gratuitement sur Codeur.com<\/a> et recevez de nombreux devis en quelques heures.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs changent leur fusil d\u2019\u00e9paule et choisissent de plus en plus de cr\u00e9er d\u2019abord la version mobile de leurs sites web, avant de concevoir la version desktop. Voyons ici comment cr\u00e9er un [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":26105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[43],"class_list":["post-26100","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-developper-entreprise"],"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 site mobile-first\u00a0? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs\" \/>\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-un-site-mobile-first\/\" \/>\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 site mobile-first\u00a0? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/\" \/>\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=\"2022-05-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:16:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-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=\"Solenne Ricard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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-un-site-mobile-first\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"Comment cr\u00e9er un site mobile-first\u00a0?\",\"datePublished\":\"2022-05-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:16:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/\"},\"wordCount\":905,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg\",\"keywords\":[\"D\u00e9velopper son entreprise\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/\",\"url\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/\",\"name\":\"Comment cr\u00e9er un site mobile-first\u00a0? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg\",\"datePublished\":\"2022-05-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:16:41+00:00\",\"description\":\"En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"creer_un_site_mobile_first\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment cr\u00e9er un site mobile-first\u00a0?\"}]},{\"@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\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un site mobile-first\u00a0? - Graphiste Blog","description":"En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs","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-un-site-mobile-first\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er un site mobile-first\u00a0? - Graphiste Blog","og_description":"En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs","og_url":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-05-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:16:41+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg","type":"image\/jpeg"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"Comment cr\u00e9er un site mobile-first\u00a0?","datePublished":"2022-05-31T23:00:00+00:00","dateModified":"2022-11-03T08:16:41+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/"},"wordCount":905,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg","keywords":["D\u00e9velopper son entreprise"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/","url":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/","name":"Comment cr\u00e9er un site mobile-first\u00a0? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg","datePublished":"2022-05-31T23:00:00+00:00","dateModified":"2022-11-03T08:16:41+00:00","description":"En 2021, nous sommes presque 4 milliards d\u2019\u00eatres humains \u00e0 naviguer sur Internet \u00e0 partir d\u2019un support mobile. Forts de ce constat, les concepteurs","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2021\/04\/creer_un_site_mobile_first-1.jpg","width":850,"height":423,"caption":"creer_un_site_mobile_first"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/comment-creer-un-site-mobile-first\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment cr\u00e9er un site mobile-first\u00a0?"}]},{"@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\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/26100","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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=26100"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/26100\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/26105"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=26100"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=26100"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=26100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}