{"id":17301,"date":"2019-01-30T18:34:14","date_gmt":"2019-01-30T17:34:14","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=17301"},"modified":"2019-01-30T18:34:14","modified_gmt":"2019-01-30T17:34:14","slug":"les-10-grandes-tendances-web-design-qui-vont-marquer-2019","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30","title":{"rendered":"Les 10 grandes tendances web design qui vont marquer 2019"},"content":{"rendered":"<p>Tout bon webdesigner le sait : le design d&rsquo;un site internet est essentiel pour \u00e9veiller l&rsquo;int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux de conversion. Mais ce n&rsquo;est pas si simple de cr\u00e9er un design ergonomique, surtout \u00e0 une \u00e9poque o\u00f9 les habitudes des e-consommateurs \u00e9voluent \u00e0 grande vitesse&#8230; Pour vous aider \u00e0 trouver l&rsquo;inspiration, d\u00e9couvrez les 10 plus grandes tendances du web design \u00e0 suivre en 2019 !<\/p>\n<h2>En quoi est-ce si important de conna\u00eetre les nouvelles tendances du web design ?<\/h2>\n<p>M\u00eame si vous \u00eates d\u00e9j\u00e0 un webdesigner confirm\u00e9, il est recommand\u00e9 de vous tenir r\u00e9guli\u00e8rement au courant des derni\u00e8res grandes tendances de votre profession. Celles que nous vous pr\u00e9sentons ci-dessous sont bien plus que de simples \u00ab\u00a0effets de mode\u00a0\u00bb : elles sont n\u00e9es pour r\u00e9pondre \u00e0 de nouvelles probl\u00e9matiques tr\u00e8s pr\u00e9cises, notamment pos\u00e9es par l&rsquo;essor fulgurant de l&rsquo;internet mobile. Vous les approprier pourrait donc s&rsquo;av\u00e9rer\u00a0 judicieux pour rester performant(e) \u00e0 votre poste&#8230; N&rsquo;h\u00e9sitez pas \u00e0 vous en inspirer pour nourrir votre cr\u00e9ativit\u00e9 !<\/p>\n<h2>1. Le minimalisme en force<\/h2>\n<p>Qu&rsquo;on se le dise : le style minimaliste fait partie des plus grandes tendances du web design en 2019 ! Ce qui est assez logique \u00e0 l&rsquo;\u00e8re du <em>mobile first e<\/em>t du <a title=\"Responsive web designer, un cr\u00e9atif au service de l\u2019exp\u00e9rience utilisateur\" href=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/responsive-web-designer-un-creatif-au-service-de-lexperience-utilisateur-2016-07-13\" target=\"_blank\"><em>responsive web design<\/em><\/a> : les interfaces \u00e9pur\u00e9es permettant de voir facilement les informations essentielles, elles optimisent l&rsquo;exp\u00e9rience utilisateur sur les petits \u00e9crans. Ce style se d\u00e9cline facilement en noir et blanc pour un maximum de sobri\u00e9t\u00e9 mais vous pouvez aussi combiner \u00ab\u00a0design minimaliste\u00a0\u00bb et \u00ab\u00a0couleurs vives\u00a0\u00bb : le tout est de respecter la charte graphique de votre entreprise. Autre avantage : le minimalisme est parfait pour les marques souhaitant renvoyer une image d&rsquo;\u00e9l\u00e9gance et de modernit\u00e9. Du moins quand il est bien appliqu\u00e9\u00a0 : sans un bon sens des proportions et une excellente ma\u00eetrise de l&rsquo;espace, il peut donner une impression de vide. Faire le tri entre les \u00e9l\u00e9ments non essentiels et ceux devant imp\u00e9rativement figurer \u00e0 l&rsquo;\u00e9cran demande aussi des efforts. Bref : contrairement \u00e0 ce que son nom peut laisser penser, adopter une interface minimaliste ne rime pas avec \u00ab\u00a0faire dans la simplicit\u00e9\u00a0\u00bb. Cela demande au contraire beaucoup de r\u00e9flexion et de cr\u00e9ativit\u00e9 !<\/p>\n<blockquote><p>\u00ab\u00a0La perfection est atteinte, non pas lorsqu\u2019il n\u2019y a plus rien \u00e0 ajouter, mais lorsqu\u2019il n\u2019y a plus rien \u00e0 retirer\u00a0\u00bb. Antoine de Saint-Exup\u00e9ry.<\/p><\/blockquote>\n<h2>2. Des mascottes chaleureuses et \u00ab\u00a0kawaii\u00a0\u00bb pour les chatbots<\/h2>\n<p>Les chatbots sont en train de r\u00e9volutionner la relation client. De plus en plus d&rsquo;entreprises en font usage, comme <a href=\"https:\/\/particuliers.engie.fr\/assistance-client\/conseils\/espace-client\/guide-utilisation-chatbot-engie.html\" target=\"_blank\">Engie<\/a> (NB\u00a0 : nouveau nom de GDF-Suez) par exemple, qui a lanc\u00e9 2 chatbots en ao\u00fbt 2017 ou encore <a href=\"https:\/\/fr.duolingo.com\/\" target=\"_blank\">Duolingo<\/a>, qui propose r\u00e9guli\u00e8rement de nouveaux <em>bots<\/em> pour faciliter l&rsquo;apprentissage des langues \u00e9trang\u00e8res.<\/p>\n<div id=\"attachment_17695\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/chatbots-1024x8171.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-17695\" class=\"size-full wp-image-17695\" alt=\"Source image : http:\/\/bots.duolingo.com\/\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/chatbots-1024x8171.jpg\" width=\"1024\" height=\"817\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/chatbots-1024x8171.jpg 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/chatbots-1024x8171-300x239.jpg 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/chatbots-1024x8171-610x486.jpg 610w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-17695\" class=\"wp-caption-text\">Source image : http:\/\/bots.duolingo.com\/<\/p><\/div>\n<p>Bien s\u00fbr, la conception des chatbots repose beaucoup sur les \u00e9paules des d\u00e9veloppeurs mais vous avez aussi un grand r\u00f4le \u00e0 jouer en tant que webdesigner.<\/p>\n<p>Vos deux plus grandes missions :<\/p>\n<ul>\n<li>faire en sorte que le chatbot soit facilement rep\u00e9r\u00e9 par les visiteurs. La tendance est donc \u00e0 l&rsquo;utilisation de couleurs vives pour accro\u00eetre sa visibilit\u00e9\u00a0 ;<\/li>\n<li>\u00ab\u00a0casser\u00a0\u00bb au maximum l&rsquo;impression de parler \u00e0 une intelligence artificielle d\u00e9pourvue de sentiments. Ce qui explique pourquoi la plupart des \u00ab\u00a0robots conversationnels\u00a0\u00bb devraient s&rsquo;exprimer sous les traits d&rsquo;une mascotte humano\u00efde attachante en 2019. Dans ce domaine, la tendance va clairement aux designs <em>kawaii<\/em> tout en rondeur (avec larges sourires et grands yeux expressifs en option) pour cr\u00e9er un lien \u00e9motionnel avec l&rsquo;utilisateur.<\/li>\n<\/ul>\n<h2><strong>3. Des polices serif pour mettre en valeur les \u00ab\u00a0gros titres\u00a0\u00bb<\/strong><\/h2>\n<p>Traditionnellement utilis\u00e9es dans la presse papier mais longtemps d\u00e9laiss\u00e9es sur le web, les polices \u00e0 empattement s&rsquo;invitent de plus en plus sur tous les \u00e9crans. Pourquoi ? Parce que l&rsquo;une des plus fortes tendances du web design est de privil\u00e9gier les grandes tailles de police pour offrir un meilleur confort de lecture aux internautes\/mobinautes. Or, les polices serif sont parfaitement lisibles quand elles sont affich\u00e9es en gros. De plus, elles permettent de donner une touche d&rsquo;\u00e9l\u00e9gance et d&rsquo;originalit\u00e9 aux titres. Mais il reste conseill\u00e9 de conserver les polices sans serif pour les petits paragraphes, sinon ils peuvent vite devenir illisibles&#8230; En substance, on peut dire que la tendance est de s&rsquo;inspirer de la mise en page des magazines sur papier glac\u00e9.<\/p>\n<h2><strong>4. Des menus directement con\u00e7us pour les \u00e9crans tactiles<\/strong><\/h2>\n<p>A l&rsquo;\u00e8re du <a title=\"Les recherches mobiles ont d\u00e9pass\u00e9 celles sur PC en France : ce que cela veut dire pour votre marketing\" href=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/les-recherches-mobiles-ont-depasse-celles-sur-pc-en-france-ce-que-cela-veut-dire-pour-votre-marketing-2017-10-13\" target=\"_blank\">Mobile First,<\/a> les menus ne sont plus seulement \u00ab\u00a0adapt\u00e9s\u00a0\u00bb aux \u00e9crans tactiles : ils sont con\u00e7us d\u00e8s le d\u00e9part pour optimiser l&rsquo;exp\u00e9rience des mobinautes. On constate notamment un d\u00e9placement des c\u00e9l\u00e8bres menus Hamburgers du haut vers le bas des sites, ce qui facilite grandement la navigation au pouce sur smartphone&#8230; Ce choix peut s&rsquo;av\u00e9rer tr\u00e8s judicieux mais lors de la conception de vos menus, veillez quand m\u00eame \u00e0 ce que les internautes \u00ab\u00a0classiques\u00a0\u00bb puissent eux aussi naviguer sans souci sur votre site depuis leur ordinateur.<\/p>\n<h2>5. Toujours plus d&rsquo;animations et de micro-interactions<\/h2>\n<p>Le site web de demain sera un <strong>site vivant<\/strong> ou ne sera pas ! L&rsquo;id\u00e9e est de faire la part belle aux animations pour capter imm\u00e9diatement l&rsquo;attention de l&rsquo;internaute et maintenir son int\u00e9r\u00eat en \u00e9veil durant toute sa visite. Vous pouvez ainsi :<\/p>\n<ul>\n<li>privil\u00e9gier des petites animations explicatives \u00e0 des \u00ab\u00a0images statiques\u00a0\u00bb pour pr\u00e9senter un concept ou un produit ;<\/li>\n<li>cr\u00e9er de belles transitions de page. En gardant \u00e0 l&rsquo;esprit que ces transitions n&rsquo;ont pas qu&rsquo;une valeur purement esth\u00e9tique : elles permettent de retenir le visiteur durant le chargement de la page suivante l\u00e0 o\u00f9 les simples \u00ab\u00a0\u00e9crans blancs\u00a0\u00bb le font fuir au bout de quelques secondes ;<\/li>\n<li>int\u00e9grer diverses micro-interactions (M.I). Vous devez faire passer votre visiteur du statut de \u00ab\u00a0spectateur passif\u00a0\u00bb \u00e0 celui d&rsquo;acteur : dans l&rsquo;id\u00e9al, chacune de ses actions sur votre site doit d\u00e9clencher une r\u00e9action visible (ex. : case qui change de couleur, apparition d&rsquo;un loader avec indicateur de progression). Ne serait-ce que pour le conforter dans l&rsquo;id\u00e9e que votre site fonctionne correctement et que ses diff\u00e9rentes demandes ont bien \u00e9t\u00e9 prises en compte !<\/li>\n<\/ul>\n<h2>6. Arri\u00e8re-plan : les vid\u00e9os prennent le pas sur les images<\/h2>\n<p>De plus en plus de sites d\u00e9laissent les backgrounds fig\u00e9s pour un arri\u00e8re-plan <a title=\"10 fa\u00e7ons de cr\u00e9er des vid\u00e9os auxquelles vos clients ne pourront r\u00e9sister\" href=\"https:\/\/academy.visiplus.com\/blog\/contenu-web\/10-facons-de-creer-des-videos-auxquelles-vos-clients-ne-pourront-resister-2018-01-16\" target=\"_blank\">vid\u00e9o<\/a><strong>\u00a0<\/strong>afin de capter l&rsquo;attention des visiteurs et leur proposer l&rsquo;exp\u00e9rience la plus immersive possible. Si certains en font une utilisation \u00ab\u00a0simple mais efficace\u00a0\u00bb (exemple : vid\u00e9o pr\u00e9sentant des plages de sable chaud en arri\u00e8re-plan d&rsquo;un site de voyage), cette nouvelle tendance du web design laisse aussi une grande place \u00e0 la cr\u00e9ativit\u00e9 et \u00e0 l&rsquo;humour. Pour vous inspirer, nous vous invitons \u00e0 <a href=\"https:\/\/www.catchfishandchips.com.au\/\" target=\"_blank\">d\u00e9couvrir le site de Catch Fish&amp;Chips<\/a>. D\u00e9coupe, cuisson : en naviguant, vous pourrez assister aux diff\u00e9rentes \u00e9tapes de la pr\u00e9paration d&rsquo;un poisson jusqu&rsquo;\u00e0 sa d\u00e9gustation. Un concept suffisamment original pour susciter l&rsquo;int\u00e9r\u00eat des visiteurs !<\/p>\n<div id=\"attachment_17697\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/catchfishandchips-1024x6121.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-17697\" class=\"size-full wp-image-17697\" alt=\"Source image : https:\/\/www.catchfishandchips.com.au\/\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/catchfishandchips-1024x6121.jpg\" width=\"1024\" height=\"612\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/catchfishandchips-1024x6121.jpg 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/catchfishandchips-1024x6121-300x179.jpg 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/catchfishandchips-1024x6121-610x364.jpg 610w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-17697\" class=\"wp-caption-text\">Source image : catchfishandchips<\/p><\/div>\n<p>Autre approche int\u00e9ressante : se servir de la vid\u00e9o de background pour mettre en avant l&rsquo;exp\u00e9rience de l&rsquo;entreprise, ses valeurs, son histoire&#8230; C&rsquo;est notamment le choix fait par la <a href=\"https:\/\/www.martens.be\/\" target=\"_blank\">Brasserie\u00a0Martens<\/a>. Mais ce ne sont que quelques exemples : de nombreuses autres entreprises font \u00e9galement un excellent usage des vid\u00e9os d&rsquo;arri\u00e8re-plan.<\/p>\n<h2>7. Toujours plus de profondeur<\/h2>\n<p>D\u00e9filement parallaxe (<em>parallax scrolling<\/em>), jeu d&rsquo;ombres&#8230; Le design des pages web gagne en profondeur. Certes, ce ph\u00e9nom\u00e8ne n&rsquo;est pas tout \u00e0 fait nouveau mais il devrait prendre encore de l&rsquo;ampleur en 2019 : donner un aspect tridimensionnel aux pages apporte un c\u00f4t\u00e9 moderne tout en permettant d&rsquo;attirer l&rsquo;attention des visiteurs sur les \u00e9l\u00e9ments cl\u00e9s. On parle aussi de plus en plus de\u00a0<em>Material Design.\u00a0<\/em>Cr\u00e9\u00e9 par Google, il reprend les grands principes du c\u00e9l\u00e8bre\u00a0<em>flat design<\/em>\u00a0mais lui ajoute divers effets d&rsquo;ombre, de perspective et de mouvement. S&rsquo;il n&rsquo;a pas \u00ab\u00a0enterr\u00e9\u00a0\u00bb le flat design &#8211; loin s&rsquo;en faut &#8211; il devrait prendre le pas sur lui en 2019.<\/p>\n<h2>8. Broken grid layout, brutalisme, asym\u00e9trie : le renouveau de la mise en page<\/h2>\n<p>Certes, utiliser une grille de mise en page permet d&rsquo;obtenir rapidement un r\u00e9sultat harmonieux et bien structur\u00e9. Mais en 2019,\u00a0 l&rsquo;accent est mis sur\u00a0la cr\u00e9ativit\u00e9, l\u2019anticonformiste et l&rsquo;innovation pour se distinguer des concurrents\u00a0 ! C&rsquo;est pourquoi de plus en plus de webdesigners cassent les codes traditionnels pour proposer des mises en page tr\u00e8s inventives o\u00f9 l&rsquo;asym\u00e9trie r\u00e8gne en ma\u00eetresse incontest\u00e9e. Aussi d\u00e9structur\u00e9es qu&rsquo;originales, elles puisent leur inspiration dans le brutalisme, un style architectural notamment popularis\u00e9 par le Corbusier. La tendance des<em> broken grid layouts <\/em>(les images et les textes se superposent ou s\u2019entrem\u00ealent) est \u00e9galement tr\u00e8s forte en 2019&#8230; En r\u00e9sum\u00e9 : l&rsquo;id\u00e9e est de cr\u00e9er des identit\u00e9s visuelles riches et uniques pour que les internautes n&rsquo;aient pas l&rsquo;impression de voir mille et une d\u00e9clinaisons du m\u00eame site.<\/p>\n<h2>9. Une palette de couleurs vibrantes pour les webdesigners en 2019<\/h2>\n<p>Les couleurs vibrantes, \u00ab\u00a0flashy\u00a0\u00bb et fortement satur\u00e9es s&rsquo;imposent de plus en plus pour attirer l&rsquo;attention des internautes. L&rsquo;ennui c&rsquo;est que tout le monde ne peut pas se permettre de les utiliser, charte graphique oblige&#8230; Dans ce genre de cas, l&rsquo;utilisation de tendres couleurs pastel peut \u00eatre plus appropri\u00e9e : l&rsquo;essentiel est de jouer sur les couleurs pour cr\u00e9er une ambiance joyeuse et dynamique.<\/p>\n<div id=\"attachment_17460\" style=\"width: 1164px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/color.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-17460\" class=\"size-full wp-image-17460\" alt=\"Source image : landing.adobe.com\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/color.jpg\" width=\"1154\" height=\"907\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/color.jpg 1154w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/color-300x235.jpg 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/color-1024x804.jpg 1024w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/color-610x479.jpg 610w\" sizes=\"auto, (max-width: 1154px) 100vw, 1154px\" \/><\/a><p id=\"caption-attachment-17460\" class=\"wp-caption-text\">Source image : landing.adobe.com<\/p><\/div>\n<p>Paradoxalement, on assiste \u00e9galement \u00e0 un retour en force du noir et blanc, notamment sur les sites de marques de luxe voulant mettre l&rsquo;accent sur l\u2019authenticit\u00e9 et la sophistication&#8230; Cela \u00e9tant dit, m\u00eame sur ce genre de sites, il reste conseill\u00e9 d&rsquo;utiliser par petites touches une couleur vive pour mettre en avant quelques \u00e9l\u00e9ments importants comme des\u00a0<a title=\"Identifiez le Call-to-Action parfait pour de meilleures conversions\" href=\"https:\/\/academy.visiplus.com\/blog\/search-marketing\/identifiez-le-call-to-action-parfait-pour-de-meilleures-conversions-2017-09-11\" target=\"_blank\"><em>call-to-action<\/em><\/a>\u00a0par exemple.<\/p>\n<h2>10. Des formes organiques plut\u00f4t que des formes g\u00e9om\u00e9triques<\/h2>\n<p>Adieu les rectangles, carr\u00e9s, triangles et autres formes g\u00e9om\u00e9triques toutes en pointes. En 2019, la tendance est aux formes plus organiques, arrondies et naturelles : elles sont plus appropri\u00e9es pour donner un sentiment de confort et de s\u00e9curit\u00e9 aux internautes. De plus, elles parviennent \u00e0 cr\u00e9er une certaine impression de mouvement l\u00e0 o\u00f9 la structure (trop) parfaite et sym\u00e9trique des figures g\u00e9om\u00e9triques conf\u00e8re facilement un c\u00f4t\u00e9 rigide et aseptis\u00e9 au design d&rsquo;une page&#8230; Une fois encore, l&rsquo;id\u00e9e ma\u00eetresse cach\u00e9e derri\u00e8re cette nouvelle tendance du web design est d&rsquo;insuffler le plus de vie possible \u00e0 votre site &#8211; on pourrait m\u00eame dire de \u00ab\u00a0l&rsquo;humaniser\u00a0\u00bb &#8211; afin de conqu\u00e9rir et convertir un plus grand nombre de visiteurs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tout bon webdesigner le sait : le design d&rsquo;un site internet est essentiel pour \u00e9veiller l&rsquo;int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux de conversion. Mais ce n&rsquo;est pas si simple de cr\u00e9er&#8230;<\/p>\n","protected":false},"author":11,"featured_media":17699,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[190],"tags":[1317,1316,1322,1320,628,1024,1321,1323],"class_list":["post-17301","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-broken-grid-layout","tag-chatbot-design","tag-flat-design","tag-grille-de-mise-en-page","tag-material-design","tag-mobile-first","tag-palette-de-couleurs-web-design","tag-robots-conversationnels"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.9-RC5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Les 10 grandes tendances web design qui vont marquer 2019 - VISIPLUS academy<\/title>\n<meta name=\"description\" content=\"Tout bon webdesigner le sait : le design d&#039;un site internet est essentiel pour \u00e9veiller l&#039;int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les 10 grandes tendances web design qui vont marquer 2019 - VISIPLUS academy\" \/>\n<meta property=\"og:description\" content=\"Tout bon webdesigner le sait : le design d&#039;un site internet est essentiel pour \u00e9veiller l&#039;int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux\" \/>\n<meta property=\"og:url\" content=\"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\" \/>\n<meta property=\"og:site_name\" content=\"Blog VISIPLUS academy\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-30T17:34:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/immage-webdesign1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Laura Barberis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Laura Barberis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\"},\"author\":{\"name\":\"Laura Barberis\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d382d9adaea04ef1c0026b88b1cd1df\"},\"headline\":\"Les 10 grandes tendances web design qui vont marquer 2019\",\"datePublished\":\"2019-01-30T17:34:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\"},\"wordCount\":1866,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/immage-webdesign1.png\",\"keywords\":[\"Broken grid layout\",\"chatbot design\",\"flat design\",\"grille de mise en page\",\"Material Design\",\"mobile first\",\"palette de couleurs web design\",\"robots conversationnels\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\",\"name\":\"Les 10 grandes tendances web design qui vont marquer 2019 - VISIPLUS academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/immage-webdesign1.png\",\"datePublished\":\"2019-01-30T17:34:14+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d382d9adaea04ef1c0026b88b1cd1df\"},\"description\":\"Tout bon webdesigner le sait : le design d'un site internet est essentiel pour \u00e9veiller l'int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/immage-webdesign1.png\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/immage-webdesign1.png\",\"width\":780,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/web-design\\\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Les 10 grandes tendances web design qui vont marquer 2019\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\",\"name\":\"Blog VISIPLUS academy\",\"description\":\"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/9d382d9adaea04ef1c0026b88b1cd1df\",\"name\":\"Laura Barberis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/laura.png\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/laura.png\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/laura.png\",\"caption\":\"Laura Barberis\"},\"description\":\"Responsable Marketing &amp; Communication, Laura participe \u00e9galement \u00e0 la production de contenus r\u00e9dactionnels pour le blog VISIPLUS academy sur les th\u00e9matiques du web marketing et de la communication digitale.\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/author\\\/laura-barberis\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les 10 grandes tendances web design qui vont marquer 2019 - VISIPLUS academy","description":"Tout bon webdesigner le sait : le design d'un site internet est essentiel pour \u00e9veiller l'int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux","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:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30","og_locale":"fr_FR","og_type":"article","og_title":"Les 10 grandes tendances web design qui vont marquer 2019 - VISIPLUS academy","og_description":"Tout bon webdesigner le sait : le design d'un site internet est essentiel pour \u00e9veiller l'int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux","og_url":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30","og_site_name":"Blog VISIPLUS academy","article_published_time":"2019-01-30T17:34:14+00:00","og_image":[{"width":780,"height":300,"url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/immage-webdesign1.png","type":"image\/png"}],"author":"Laura Barberis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Laura Barberis","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#article","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30"},"author":{"name":"Laura Barberis","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/9d382d9adaea04ef1c0026b88b1cd1df"},"headline":"Les 10 grandes tendances web design qui vont marquer 2019","datePublished":"2019-01-30T17:34:14+00:00","mainEntityOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30"},"wordCount":1866,"commentCount":0,"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/immage-webdesign1.png","keywords":["Broken grid layout","chatbot design","flat design","grille de mise en page","Material Design","mobile first","palette de couleurs web design","robots conversationnels"],"articleSection":["Web Design"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#respond"]}]},{"@type":"WebPage","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30","url":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30","name":"Les 10 grandes tendances web design qui vont marquer 2019 - VISIPLUS academy","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage"},"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/immage-webdesign1.png","datePublished":"2019-01-30T17:34:14+00:00","author":{"@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/9d382d9adaea04ef1c0026b88b1cd1df"},"description":"Tout bon webdesigner le sait : le design d'un site internet est essentiel pour \u00e9veiller l'int\u00e9r\u00eat des visiteurs, gagner leur confiance et booster le taux","breadcrumb":{"@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#primaryimage","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/immage-webdesign1.png","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/01\/immage-webdesign1.png","width":780,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/academy.visiplus.com\/blog\/web-design\/les-10-grandes-tendances-web-design-qui-vont-marquer-2019-2019-01-30#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/academy.visiplus.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Les 10 grandes tendances web design qui vont marquer 2019"}]},{"@type":"WebSite","@id":"https:\/\/academy.visiplus.com\/blog\/#website","url":"https:\/\/academy.visiplus.com\/blog\/","name":"Blog VISIPLUS academy","description":"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/academy.visiplus.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/9d382d9adaea04ef1c0026b88b1cd1df","name":"Laura Barberis","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/laura.png","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/laura.png","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2019\/09\/laura.png","caption":"Laura Barberis"},"description":"Responsable Marketing &amp; Communication, Laura participe \u00e9galement \u00e0 la production de contenus r\u00e9dactionnels pour le blog VISIPLUS academy sur les th\u00e9matiques du web marketing et de la communication digitale.","url":"https:\/\/academy.visiplus.com\/blog\/author\/laura-barberis"}]}},"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/17301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=17301"}],"version-history":[{"count":170,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/17301\/revisions"}],"predecessor-version":[{"id":17700,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/17301\/revisions\/17700"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/17699"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=17301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=17301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=17301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}