{"id":11188,"date":"2019-05-24T10:30:06","date_gmt":"2019-05-24T08:30:06","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=11188"},"modified":"2025-08-20T17:17:18","modified_gmt":"2025-08-20T15:17:18","slug":"web-design-exemple-micro-interaction","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/","title":{"rendered":"Inspiration : 10 web design aux micro-interactions surprenantes"},"content":{"rendered":"

Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d’une action r\u00e9alis\u00e9e par l’internaute.<\/p>\n

Les objectifs sont multiples, mais de mani\u00e8re g\u00e9n\u00e9rale elles participent \u00e0 l’am\u00e9lioration de l’exp\u00e9rience utilisateur et apportent un brin de cr\u00e9ativit\u00e9.<\/p>\n

Aujourd’hui, je vous aie pr\u00e9par\u00e9 un petit condens\u00e9 de micro-interactions surprenantes et tr\u00e8s bien utilis\u00e9es.<\/p>\n

California Academy of Sciences et son questionnaire interactif<\/a><\/h2>\n

Utiliser les micro-interactions<\/a> dans un questionnaire, c’est LA bonne id\u00e9e pour pousser les utilisateurs \u00e0 r\u00e9pondre \u00e0 toutes les questions.<\/p>\n

N’h\u00e9sitez pas \u00e0 varier vos questions et les fa\u00e7ons d’y r\u00e9pondre.<\/p>\n

Le contenu interactif<\/a> est plus que tendance !<\/p>\n

\"Questionnaire
Visiter le questionnaire de California Academy of Sciences<\/a><\/figcaption><\/figure>\n

Un coming soon d\u00e9cal\u00e9<\/a><\/h2>\n

Pour faire patienter vos visiteurs rien de mieux qu’un petit jeux.<\/p>\n

Ici, attrapez l’\u00e9l\u00e9ment de votre choix et repoussez les objets alentours. Certes il n’y a pas vraiment d’utilit\u00e9 dans cette micro-interaction, mais je suis certaine qu’elle vous a distraite quelques secondes \ud83d\ude09<\/p>\n

\"Micro-interaction
Visiter la page Coming Soon<\/a><\/figcaption><\/figure>\n

Femme et Fierce : une explosion de bisous<\/a><\/h2>\n

Comment rendre une session de shopping sur internet encore plus interactive ? Ce site e-commerce propose une navigation originale et pleine de surprises lorsque vous passez votre souris sur les diff\u00e9rents produits.<\/p>\n

Des bisous, des sucettes, des rouges \u00e0 l\u00e8vres ou encore un joli regard : faites le plein de douceur !<\/p>\n

\"Micro
Visiter le site de Femme et Fierce<\/a><\/figcaption><\/figure>\n

Les micro-interactions musicales de Synesthesia<\/a><\/h2>\n

Qui a dit que les micro-interaction devaient rester silencieuses ? Il est possible d’ajouter du son \u00e0 votre site web<\/a> suite \u00e0 une action de l’utilisateur.<\/p>\n

C’est une bonne alternative \u00e0 la bande sonore continue : si l’internaute ne veut pas de son, il ne r\u00e9alise tout simplement pas l’action qui le d\u00e9clenche.<\/p>\n

\"Micro-interaction
Visiter le site de Synesthesia<\/a><\/figcaption><\/figure>\n

Une fermeture de page revisit\u00e9e chez North2<\/a><\/h2>\n

Faire preuve de cr\u00e9ativit\u00e9 est une chose, mais toucher au design d’\u00e9l\u00e9ments standards n’est pas toujours conseill\u00e9. Le bouton pour fermer une page ou une pop-up par exemple ne devrait jamais \u00eatre modifi\u00e9, au risque de d\u00e9grader consid\u00e9rablement l’exp\u00e9rience utilisateur.<\/p>\n

L’agence North2 a toutefois r\u00e9ussi le pari d’ajouter sa touche de cr\u00e9ativit\u00e9 sans pour autant nuire \u00e0 la compr\u00e9hension de ce bouton.<\/p>\n

\"Bouton
Visiter le site de North2<\/a><\/figcaption><\/figure>\n

Plastic et son curseur aimant\u00e9<\/a><\/h2>\n

Sur le site de cette agence digitale la micro-interaction se trouve sur votre curseur.<\/p>\n

L’effet est int\u00e9ressant : lorsque vous vous rapprochez des \u00e9l\u00e9ments de navigation aux quatre coins de votre \u00e9cran, votre curseur semble aimant\u00e9, voire coller. Cette animation est quelque peu incitative, car n’arrivant pas \u00e0 vous sortir de la zone vous \u00eates tent\u00e9 de cliquer.<\/p>\n

\"Micro
Visiter le site de Plastic<\/a><\/figcaption><\/figure>\n

 <\/p>\n

Le jeu de cartes de The Cool Club<\/a><\/h2>\n

Les micro-interactions peuvent aider \u00e0 la d\u00e9couverte du produit. Sur ce site e-commerce, vous pouvez sortir des cartes du paquet pour voir \u00e0 quoi elles ressemblent.<\/p>\n

En fait cela est malin car l’utilisateur ne risque pas de se tromper lors de son achat : il sait exactement \u00e0 quoi ressemble le contenu du paquet. Dommage toutefois que cette micro-interaction ne soit pas disponible pour tous les jeux propos\u00e9s.<\/p>\n

\"Micro-interaction-jeu-carte\"
Visiter le site de The Cool Club<\/a><\/figcaption><\/figure>\n

Quand les illustrations prennent vie sur Genesis<\/a><\/h2>\n

Il existe une multitude de fa\u00e7ons pour ajouter du mouvement<\/a> \u00e0 des illustrations, mais la micro-interaction est sans doute la plus efficace.<\/p>\n

Lorsque vous scrollez, c’est toute une histoire qui prend vie autour du contenu. Un storytelling original et captivant qui vous pousse \u00e0 descendre jusqu’au bas de la page.<\/p>\n

\"Micro
Visiter le site Genesis<\/a><\/figcaption><\/figure>\n

Les petits coeurs du Caf\u00e9 Noir<\/a><\/h2>\n

Voil\u00e0 une autre micro-interaction inspirante pour votre site e-commerce : remerciez votre utilisateur en lui envoyant des coeurs lorsqu’il ajoute un produit dans son panier.<\/p>\n

Ce genre d’animation est id\u00e9ale pour renvoyer une image positive de votre marque et d\u00e9velopper une bonne relation avec vos clients.<\/p>\n

\"Micro-interaction
Visiter le site du Caf\u00e9 Noir<\/a><\/figcaption><\/figure>\n

La surprise de Jonny<\/a><\/h2>\n

Terminons notre petite s\u00e9lection (et oui d\u00e9j\u00e0…) par le portfolio de Jonny. Ici je ne vous d\u00e9voile pas la micro-interaction, je vous laisse la d\u00e9couvrir par vous-m\u00eame.<\/p>\n

Un petit indice pour vous aider : il suffit d’un clic… \ud83d\ude42<\/p>\n

\"Micro
Visiter le portfolio de Jonny<\/a><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d’une action r\u00e9alis\u00e9e par l’internaute. Les objectifs sont multiples, mais de mani\u00e8re g\u00e9n\u00e9rale elles participent \u00e0 l’am\u00e9lioration de l’exp\u00e9rience utilisateur et apportent un brin de cr\u00e9ativit\u00e9. Aujourd’hui, je vous aie pr\u00e9par\u00e9 un petit condens\u00e9 de micro-interactions surprenantes et tr\u00e8s bien utilis\u00e9es. California Academy of […]<\/p>\n","protected":false},"author":5,"featured_media":11201,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[40,55,69],"class_list":["post-11188","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-booster-agence","tag-inspiration","tag-graphisme"],"acf":[],"yoast_head":"\nInspiration : 10 web design aux micro-interactions surprenantes - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d'une action r\u00e9alis\u00e9e par l'internaute. Les objectifs sont multiples, mais de mani\u00e8re\" \/>\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\/web-design-exemple-micro-interaction\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inspiration : 10 web design aux micro-interactions surprenantes - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d'une action r\u00e9alis\u00e9e par l'internaute. Les objectifs sont multiples, mais de mani\u00e8re\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/\" \/>\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=\"2019-05-24T08:30:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:17:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Inspiration : 10 web design aux micro-interactions surprenantes\",\"datePublished\":\"2019-05-24T08:30:06+00:00\",\"dateModified\":\"2025-08-20T15:17:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/\"},\"wordCount\":805,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg\",\"keywords\":[\"Booster votre agence\",\"Inspirez-vous\",\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/\",\"url\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/\",\"name\":\"Inspiration : 10 web design aux micro-interactions surprenantes - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg\",\"datePublished\":\"2019-05-24T08:30:06+00:00\",\"dateModified\":\"2025-08-20T15:17:18+00:00\",\"description\":\"Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d'une action r\u00e9alis\u00e9e par l'internaute. Les objectifs sont multiples, mais de mani\u00e8re\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Micro interaction en web design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#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\":\"Inspiration : 10 web design aux micro-interactions surprenantes\"}]},{\"@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:\/\/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":"Inspiration : 10 web design aux micro-interactions surprenantes - Graphiste Blog","description":"Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d'une action r\u00e9alis\u00e9e par l'internaute. Les objectifs sont multiples, mais de mani\u00e8re","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\/web-design-exemple-micro-interaction\/","og_locale":"fr_FR","og_type":"article","og_title":"Inspiration : 10 web design aux micro-interactions surprenantes - Graphiste Blog","og_description":"Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d'une action r\u00e9alis\u00e9e par l'internaute. Les objectifs sont multiples, mais de mani\u00e8re","og_url":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2019-05-24T08:30:06+00:00","article_modified_time":"2025-08-20T15:17:18+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Inspiration : 10 web design aux micro-interactions surprenantes","datePublished":"2019-05-24T08:30:06+00:00","dateModified":"2025-08-20T15:17:18+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/"},"wordCount":805,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg","keywords":["Booster votre agence","Inspirez-vous","Tout savoir sur le Graphisme"],"articleSection":["Webdesign"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/","url":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/","name":"Inspiration : 10 web design aux micro-interactions surprenantes - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg","datePublished":"2019-05-24T08:30:06+00:00","dateModified":"2025-08-20T15:17:18+00:00","description":"Sur un site web, les micro-interactions sont d\u00e9clench\u00e9es \u00e0 la suite d'une action r\u00e9alis\u00e9e par l'internaute. Les objectifs sont multiples, mais de mani\u00e8re","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/web-design-micro-interaction-1.jpg","width":850,"height":423,"caption":"Micro interaction en web design"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/web-design-exemple-micro-interaction\/#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":"Inspiration : 10 web design aux micro-interactions surprenantes"}]},{"@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:\/\/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\/11188","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=11188"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/11188\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/11201"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=11188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=11188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=11188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}