{"id":10230,"date":"2020-02-11T08:00:58","date_gmt":"2020-02-11T08:00:58","guid":{"rendered":"https:\/\/yeeply.com\/fr\/?p=10230"},"modified":"2024-05-07T13:05:54","modified_gmt":"2024-05-07T11:05:54","slug":"sites-web-interface-utilisateur-iu","status":"publish","type":"post","link":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/","title":{"rendered":"Top 5 : sites web avec une interface utilisateur (IU) impressionnante"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Votre site web est votre <\/span><b>lettre d&rsquo;introduction digitale<\/b><span style=\"font-weight: 400;\">. Si vous envisagez de renouveler votre site web, il y a de fortes chances que vous recherchiez un design percutant.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">C&rsquo;est pourquoi, chez Yeeply, nous avons s\u00e9lectionn\u00e9 <\/span><b>5 sites web dot\u00e9s d&rsquo;une interface utilisateur (IU) \u00e9tonnante.<\/b><span style=\"font-weight: 400;\"> Nous parlons des derni\u00e8res tendances en mati\u00e8re de webdesign afin que vous puissiez trouver l&rsquo;inspiration pour votre nouveau projet.\u00a0<\/span><\/p>\n<div class=\"bt-proyecto\"><a href=\"https:\/\/yeeply.com\/fr\/developpement-web\/?rel=FR-BT-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\">VOUS VOULEZ CR\u00c9ER UN SITE INTERNET ? PARLEZ-NOUS DE VOTRE PROJET !<\/a><\/div>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">5 sites web avec une impressionnante interface utilisateur<\/span><\/h2>\n<figure id=\"attachment_10241\" aria-describedby=\"caption-attachment-10241\" style=\"width: 748px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-10241 size-full\" title=\"exemple de landing page avec 4 designs\" src=\"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_conception_web.jpg\" alt=\"exemple de landing page avec 4 designs\" width=\"748\" height=\"530\" srcset=\"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_conception_web.jpg 748w, https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_conception_web-300x213.jpg 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><figcaption id=\"caption-attachment-10241\" class=\"wp-caption-text\">4 repr\u00e9sentations d&rsquo;une interface utilisateur. Source: <a href=\"https:\/\/www.rawpixel.com\/image\/458412\/free-illustration-image-set-biological-business\" target=\"_blank\" rel=\"noopener noreferrer\">Rawpixel<\/a><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Surfer sur Internet est le meilleur moyen de trouver l&rsquo;inspiration pour le <\/span><b>design de sites web<\/b><span style=\"font-weight: 400;\">. Mais il est facile de se perdre dans l&rsquo;immensit\u00e9.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Si vous cherchez des r\u00e9f\u00e9rences et voyez o\u00f9 les nouveaux designs se d\u00e9placent, vous pouvez parcourir des <\/span><b>sites qui rassemblent des professionnels du d\u00e9veloppement web.<\/b><span style=\"font-weight: 400;\"> Des sites comme <\/span><a href=\"https:\/\/www.behance.net\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Behance<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/dribbble.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Dribbble<\/span><\/a><span style=\"font-weight: 400;\"> ou <\/span><a href=\"https:\/\/www.awwwards.com\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Awwwards<\/span><\/a><span style=\"font-weight: 400;\"> servent de vitrine aux derni\u00e8res tendances en mati\u00e8re de conception d&rsquo;interfaces utilisateur et de d\u00e9veloppement web.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Nous avons s\u00e9lectionn\u00e9 pour vous <\/span><b>5 designs avec une interface utilisateur \u00e9tonnante. <\/b><span style=\"font-weight: 400;\">Tous les exemples ne fonctionneront pas pour tous les types de sites web. Mais ils peuvent vous donner des id\u00e9es que vous pouvez incorporer dans votre projet de web design. \u00cates-vous pr\u00eat ? Nous commen\u00e7ons la r\u00e9vision.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">Vous pourriez \u00eatre int\u00e9ress\u00e9 par : <a href=\"https:\/\/yeeply.com\/fr\/blog\/design\/design-thinking-startups-etapes\/\">Design thinking : le secret des startups \u00e9tapes par \u00e9tapes<\/a><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#1 Wickret\u00a0<\/span><\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/wickret.cuberto.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Wickret<\/span><\/a><span style=\"font-weight: 400;\"> est une page d&rsquo;accueil qui pr\u00e9sente une banque mobile sans commissions et qui permet d&rsquo;\u00e9conomiser de mani\u00e8re intelligente gr\u00e2ce \u00e0 <strong>l<\/strong><\/span><b>a mise en \u0153uvre de l&rsquo;intelligence artificielle <\/b><span style=\"font-weight: 400;\"><strong>(IA)<\/strong> et qui fonctionne aux \u00c9tats-Unis. Comme vous pouvez le voir, ce n&rsquo;est pas l&rsquo;exemple typique de la banque traditionnelle, son site web ne pourrait donc pas non plus \u00eatre typique.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Des fonds clairs et une combinaison de couleurs vives et de tons pastels la rendent attrayante. Mais au-del\u00e0, <\/span><b>le cercle du curseur qui active des actions au fur et \u00e0 mesure que vous le d\u00e9placez dans la page est surprenant <\/b><span style=\"font-weight: 400;\">: il change les couleurs des titres, d\u00e9place des \u00e9l\u00e9ments du fond, des gifs apparaissent lorsque vous le placez sur les b\u00e9n\u00e9fices&#8230;\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Les \u00e9l\u00e9ments de <\/span><a href=\"https:\/\/yeeply.com\/fr\/blog\/design\/motion-design-tendance-conception-applications-web\/\"><span style=\"font-weight: 400;\">motion design<\/span><\/a><span style=\"font-weight: 400;\"> rendent la navigation attrayante, tout en \u00e9tant simple et intuitive, et vous<\/span><b> invitent \u00e0 t\u00e9l\u00e9charger l&rsquo;application<\/b><span style=\"font-weight: 400;\"> pour tester le produit.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#2 Cobo<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">L&rsquo;exemple suivant d&rsquo;une nouvelle interface utilisateur est celui de <\/span><a href=\"https:\/\/www.cobosrl.co\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Cobo<\/span><\/a><span style=\"font-weight: 400;\">, un leader mondial du moulage par injection de plastique pour chaussures. Si l&rsquo;une des <\/span><b>principales caract\u00e9ristiques de l&rsquo;entreprise est l&rsquo;innovation<\/b><span style=\"font-weight: 400;\">, son site web ne pourrait pas \u00eatre laiss\u00e9 de c\u00f4t\u00e9.\u00a0<\/span><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-10230-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da08ed3f40d3040601587.mp4?_=1\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da08ed3f40d3040601587.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da08ed3f40d3040601587.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">D\u00e9j\u00e0 sur la page d&rsquo;accueil, <\/span><b>une masse en mouvement vous surprend en r\u00e9agissant au mouvement et aux clics de souris.<\/b><span style=\"font-weight: 400;\"> La navigation dans les diff\u00e9rentes rubriques de produits n&rsquo;en est pas moins nouvelle.\u00a0 \u00a0\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><b>Les images sont coupl\u00e9es au fur et \u00e0 mesure que l&rsquo;utilisateur les fait d\u00e9filer <\/b><span style=\"font-weight: 400;\">jusqu&rsquo;\u00e0 ce qu&rsquo;elles donnent la forme d&rsquo;une chaussure de sport. Et il int\u00e8gre \u00e9galement de petites animations lors de l&rsquo;agrandissement des \u00e9l\u00e9ments de la galerie d&rsquo;images.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Il s&rsquo;agit d&rsquo;un site<\/span><b> web con\u00e7u pour avoir un impact<\/b><span style=\"font-weight: 400;\">, qui ne convient peut-\u00eatre pas \u00e0 tous les types d&rsquo;entreprises, mais qui est sans aucun doute associ\u00e9 \u00e0 l&rsquo;innovation et le fait d&rsquo;\u00eatre une entreprise de pointe.<\/span><\/p>\n<p style=\"text-align: center;\">\u2b50\ufe0f<em> Contenu en lien | <a href=\"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/combien-coute-creation-dun-site-internet\/\">Combien co\u00fbte la cr\u00e9ation d&rsquo;un site internet?\u00a0<\/a><\/em><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#3 Collage<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Collage est une boutique en ligne pour la conception de produits contemporains. Elle cr\u00e9e des objets originaux et uniques, en exp\u00e9rimentant avec diff\u00e9rents mat\u00e9riaux, formes, textures et couleurs : des accessoires d\u00e9coratifs et utilitaires aux bijoux.<\/span><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10230-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/08\/5d68f539c7216747040042.mp4?_=2\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/08\/5d68f539c7216747040042.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/08\/5d68f539c7216747040042.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><b>Ils se concentrent \u00e9galement sur le design de produits sur leur site web.<\/b><span style=\"font-weight: 400;\"> Leurs clients sont habitu\u00e9s \u00e0 appr\u00e9cier le design, ils optent donc pour une navigation novatrice, qui int\u00e8gre le mouvement au texte et aux images, de grandes typographies et une palette de couleurs risqu\u00e9e, mais qui pr\u00e9sente un bon contraste pour \u00eatre lisible.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Au-del\u00e0 de la beaut\u00e9 de leurs produits, avec cette boutique en ligne, <\/span><b>ils parviennent \u00e0 transmettre le concept d&rsquo;innovation et de qualit\u00e9 \u00e0 travers l&rsquo;interface utilisateur.<\/b><span style=\"font-weight: 400;\"> Une union parfaite entre le branding et le design web.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Vous serez peut-\u00eatre int\u00e9ress\u00e9 par <\/span><\/i><i><span style=\"font-weight: 400;\">| <\/span><\/i><a href=\"https:\/\/yeeply.com\/fr\/blog\/marketing\/exemples-branding-digital-entreprises-technologie\/\"><i><span style=\"font-weight: 400;\">Les meilleurs exemples de marque digitale dans les entreprises technologiques<\/span><\/i><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#4<\/span><span style=\"font-weight: 400;\"> Discovery Land Company<\/span><\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/discoverylandco.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Discovery Land Company<\/span><\/a><span style=\"font-weight: 400;\"> est sp\u00e9cialis\u00e9e dans la construction de complexes r\u00e9sidentiels de luxe, avec des clubs priv\u00e9s et des centres de vill\u00e9giature dans le monde entier. <\/span><b>L&rsquo;environnement est d\u00e9terminant, l&rsquo;image a donc un poids tr\u00e8s important sur le web<\/b><span style=\"font-weight: 400;\"> : vid\u00e9os de fond plein \u00e9cran, images qui s&rsquo;agrandissent quand on clique dessus&#8230;\u00a0<\/span><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10230-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da88652da96a416749949.mp4?_=3\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da88652da96a416749949.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5da88652da96a416749949.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">En se concentrant sur l&rsquo;id\u00e9e d&rsquo;exploration, <\/span><b>le curseur traditionnel se transforme en une rose des vents qui accompagne la navigation sur le web.<\/b><span style=\"font-weight: 400;\"> Dans ce cas, la conception a une navigation plus conventionnelle, avec un menu sup\u00e9rieur et un menu alternatif de type hamburger.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Malgr\u00e9 cela, les images vous font souhaiter avoir quelques z\u00e9ros suppl\u00e9mentaires sur votre compte pour profiter d&rsquo;une de ces maisons, n&rsquo;est-ce pas ?<\/span><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">#5 Rogue Studio<\/span><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">La meilleure fa\u00e7on de d\u00e9montrer \u00e0 quel point une interface utilisateur peut \u00eatre perturbatrice est d&rsquo;en cr\u00e9er une. <\/span><a href=\"https:\/\/rogue.studio\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Rogue Studio<\/span><\/a><span style=\"font-weight: 400;\">, sp\u00e9cialis\u00e9 dans le branding et le design digital, a <\/span><b>un site web qui rompt avec le traditionnel.\u00a0<\/b><\/p>\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10230-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5d9f54cdd0508796420063.mp4?_=4\" \/><a href=\"https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5d9f54cdd0508796420063.mp4\">https:\/\/assets.awwwards.com\/awards\/external\/2019\/10\/5d9f54cdd0508796420063.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Fonds noir, tr\u00e8s grandes polices qui incorporent un mouvement de d\u00e9filement, et un mouvement diff\u00e9rent (cliquer et maintenir) pour charger une nouvelle section.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Un menu vertical sur la gauche, des typographies qui tournent comme on fait un d\u00e9filement horizontal pour se d\u00e9placer d&rsquo;une section \u00e0 l&rsquo;autre et l&rsquo;utilisation de couleurs diff\u00e9rentes pour marquer la diff\u00e9rence entre les diff\u00e9rents projets, ne sont que quelques-uns des signes d&rsquo;identit\u00e9.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">Les marques associ\u00e9es \u00e0 l&rsquo;innovation ou les entreprises dans lesquelles <strong>la cr\u00e9ativit\u00e9 est un signe d&rsquo;identit\u00e9,<\/strong> peuvent parier sur des sites web avec ce type d&rsquo;interface utilisateur.<\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Tendances en mati\u00e8re d&rsquo;interface utilisateur\u00a0<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Maintenant que nous avons vu plusieurs exemples de l&rsquo;utilisation de nouvelles interfaces utilisateur, examinons quelques points communs qui sont la tendance actuelle :<\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Le r\u00f4le principal de la typographie<\/span>.<\/span><span style=\"font-weight: 400;\"> Le m\u00e9lange de lettres sans empattement avec d&rsquo;autres avec empattement dans les titres est d\u00e9j\u00e0 un must. Vous pouvez \u00e9galement voir les typographies en courbes de niveau (outline), qui sont remplies lorsque le curseur passe dessus, est une autre des ressources qui commencent \u00e0 \u00eatre vues plus fr\u00e9quemment.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Minimalisme<\/span>.<\/span><span style=\"font-weight: 400;\"> Cela n&rsquo;a jamais disparu, mais on a de plus en plus tendance \u00e0 compter plus avec moins, \u00e0 parier sur des toiles plus simples o\u00f9 les images prennent de l&rsquo;importance.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Motion design<\/span>.<\/span><span style=\"font-weight: 400;\"> Les micro-interactions et les animations du contenu cherchent \u00e0 surprendre l&rsquo;utilisateur et \u00e0 augmenter l&rsquo;engagement avec le web.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Effet liquide et fluide<\/span>.<\/span><span style=\"font-weight: 400;\"> Le mouvement en 3D, comme dans l&rsquo;exemple de la couverture du Cobo, ou les \u00e9l\u00e9ments qui simulent des taches liquides, sont quelques-unes des tendances que l&rsquo;on observe dans la conception actuelle de l&rsquo;interface utilisateur.\u00a0<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Pr\u00eat \u00e0 cr\u00e9er une interface utilisateur TOP ?<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Vous pouvez voir que le Web Design est en constante \u00e9volution et qu&rsquo;il y a toujours des d\u00e9veloppeurs qui r\u00e9ussissent \u00e0 nous laisser bouche b\u00e9e. Si vous souhaitez \u00e9galement <\/span><b>un site web avec une interface utilisateur impressionnante<\/b><span style=\"font-weight: 400;\">, comptez sur <\/span><a href=\"https:\/\/yeeply.com\/fr\/?rel=FR-LNK\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Yeeply<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Nous avons les meilleurs professionnels certifi\u00e9s, avec une exp\u00e9rience dans de nombreux projets, qui sont pr\u00eats \u00e0 d\u00e9marrer quand vous le souhaitez. Si vous recherchez \u00e0 cr\u00e9er un effet impressionnant, arr\u00eatez de chercher. <\/span><a href=\"https:\/\/yeeply.com\/fr\/?rel=FR-LNK#publish-project\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Parlez-nous de votre projet<\/span><\/a><span style=\"font-weight: 400;\"> et laissez nos experts en d\u00e9veloppement web op\u00e9rer de leur talent.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/yeeply.com\/fr\/developpement-web\/?rel=FR-BP-proyecto-web#publish-project\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/04\/FR-CTA-projet-web.png\" alt=\"Proyecto Web\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Votre site web est votre lettre d&rsquo;introduction digitale. Si vous envisagez de renouveler votre site web, il y a de fortes chances que vous recherchiez &#8230;<\/p>\n","protected":false},"author":2,"featured_media":10233,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[300],"tags":[],"class_list":["post-10230","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>5 sites web avec une interface utilisateur (IU) impressionnante<\/title>\n<meta name=\"description\" content=\"Une liste de 5 sites web avec une interface utilisateur exceptionnelle. Voici les derni\u00e8res tendances en mati\u00e8re de web design pour vous inspirer. \u261d\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 sites web avec une interface utilisateur (IU) impressionnante\" \/>\n<meta property=\"og:description\" content=\"Une liste de 5 sites web avec une interface utilisateur exceptionnelle. Voici les derni\u00e8res tendances en mati\u00e8re de web design pour vous inspirer. \u261d\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/\" \/>\n<meta property=\"og:site_name\" content=\"Yeeply\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/YeeplyMobile\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-11T08:00:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T11:05:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"748\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Yeeply\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:site\" content=\"@Yeeply_EN\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yeeply\" \/>\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:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/\"},\"author\":{\"name\":\"Yeeply\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\"},\"headline\":\"Top 5 : sites web avec une interface utilisateur (IU) impressionnante\",\"datePublished\":\"2020-02-11T08:00:58+00:00\",\"dateModified\":\"2024-05-07T11:05:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/\"},\"wordCount\":1389,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/interface_utilisateur_web_design.jpg\",\"articleSection\":[\"Web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/\",\"name\":\"5 sites web avec une interface utilisateur (IU) impressionnante\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/interface_utilisateur_web_design.jpg\",\"datePublished\":\"2020-02-11T08:00:58+00:00\",\"dateModified\":\"2024-05-07T11:05:54+00:00\",\"description\":\"Une liste de 5 sites web avec une interface utilisateur exceptionnelle. Voici les derni\u00e8res tendances en mati\u00e8re de web design pour vous inspirer. \u261d\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/interface_utilisateur_web_design.jpg\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/interface_utilisateur_web_design.jpg\",\"width\":748,\"height\":493,\"caption\":\"post it rose avec autres pages internet\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/blog\\\/developpement-web\\\/sites-web-interface-utilisateur-iu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top 5 : sites web avec une interface utilisateur (IU) impressionnante\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/\",\"name\":\"Yeeply\",\"description\":\"A platform for the development of digital projects\",\"publisher\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#organization\",\"name\":\"Yeeply\",\"url\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"contentUrl\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/logo_yeeply_black@2x.png\",\"width\":360,\"height\":120,\"caption\":\"Yeeply\"},\"image\":{\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/YeeplyMobile\\\/\",\"https:\\\/\\\/x.com\\\/Yeeply_EN\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/yeeply\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/#\\\/schema\\\/person\\\/c7927839158c47143448f3bcdaf7cc14\",\"name\":\"Yeeply\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g\",\"caption\":\"Yeeply\"},\"url\":\"https:\\\/\\\/yeeply.com\\\/fr\\\/author\\\/yeeply\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 sites web avec une interface utilisateur (IU) impressionnante","description":"Une liste de 5 sites web avec une interface utilisateur exceptionnelle. Voici les derni\u00e8res tendances en mati\u00e8re de web design pour vous inspirer. \u261d","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:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/","og_locale":"fr_FR","og_type":"article","og_title":"5 sites web avec une interface utilisateur (IU) impressionnante","og_description":"Une liste de 5 sites web avec une interface utilisateur exceptionnelle. Voici les derni\u00e8res tendances en mati\u00e8re de web design pour vous inspirer. \u261d","og_url":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/","og_site_name":"Yeeply","article_publisher":"https:\/\/www.facebook.com\/YeeplyMobile\/","article_published_time":"2020-02-11T08:00:58+00:00","article_modified_time":"2024-05-07T11:05:54+00:00","og_image":[{"width":748,"height":493,"url":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg","type":"image\/jpeg"}],"author":"Yeeply","twitter_card":"summary_large_image","twitter_creator":"@Yeeply_EN","twitter_site":"@Yeeply_EN","twitter_misc":{"\u00c9crit par":"Yeeply","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#article","isPartOf":{"@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/"},"author":{"name":"Yeeply","@id":"https:\/\/yeeply.com\/fr\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14"},"headline":"Top 5 : sites web avec une interface utilisateur (IU) impressionnante","datePublished":"2020-02-11T08:00:58+00:00","dateModified":"2024-05-07T11:05:54+00:00","mainEntityOfPage":{"@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/"},"wordCount":1389,"commentCount":0,"publisher":{"@id":"https:\/\/yeeply.com\/fr\/#organization"},"image":{"@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg","articleSection":["Web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/","url":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/","name":"5 sites web avec une interface utilisateur (IU) impressionnante","isPartOf":{"@id":"https:\/\/yeeply.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#primaryimage"},"image":{"@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#primaryimage"},"thumbnailUrl":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg","datePublished":"2020-02-11T08:00:58+00:00","dateModified":"2024-05-07T11:05:54+00:00","description":"Une liste de 5 sites web avec une interface utilisateur exceptionnelle. Voici les derni\u00e8res tendances en mati\u00e8re de web design pour vous inspirer. \u261d","breadcrumb":{"@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#primaryimage","url":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg","contentUrl":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg","width":748,"height":493,"caption":"post it rose avec autres pages internet"},{"@type":"BreadcrumbList","@id":"https:\/\/yeeply.com\/fr\/blog\/developpement-web\/sites-web-interface-utilisateur-iu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yeeply.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Top 5 : sites web avec une interface utilisateur (IU) impressionnante"}]},{"@type":"WebSite","@id":"https:\/\/yeeply.com\/fr\/#website","url":"https:\/\/yeeply.com\/fr\/","name":"Yeeply","description":"A platform for the development of digital projects","publisher":{"@id":"https:\/\/yeeply.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yeeply.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/yeeply.com\/fr\/#organization","name":"Yeeply","url":"https:\/\/yeeply.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/yeeply.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","contentUrl":"https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2019\/05\/logo_yeeply_black@2x.png","width":360,"height":120,"caption":"Yeeply"},"image":{"@id":"https:\/\/yeeply.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/YeeplyMobile\/","https:\/\/x.com\/Yeeply_EN","https:\/\/www.linkedin.com\/company\/yeeply"]},{"@type":"Person","@id":"https:\/\/yeeply.com\/fr\/#\/schema\/person\/c7927839158c47143448f3bcdaf7cc14","name":"Yeeply","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f13a8a35567805732422f808376743c5cc1b8918b3dd8f2da231a8306df22006?s=96&d=mm&r=g","caption":"Yeeply"},"url":"https:\/\/yeeply.com\/fr\/author\/yeeply\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",748,493,false],"thumbnail":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design-150x150.jpg",150,150,true],"medium":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design-300x198.jpg",300,198,true],"medium_large":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",640,422,false],"large":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",640,422,false],"1536x1536":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",748,493,false],"2048x2048":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",748,493,false],"gform-image-choice-sm":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",300,198,false],"gform-image-choice-md":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",400,264,false],"gform-image-choice-lg":["https:\/\/yeeply.com\/fr\/wp-content\/uploads\/2020\/02\/interface_utilisateur_web_design.jpg",600,395,false]},"uagb_author_info":{"display_name":"Yeeply","author_link":"https:\/\/yeeply.com\/fr\/author\/yeeply\/"},"uagb_comment_info":0,"uagb_excerpt":"Votre site web est votre lettre d&rsquo;introduction digitale. Si vous envisagez de renouveler votre site web, il y a de fortes chances que vous recherchiez ...","_links":{"self":[{"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/posts\/10230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/comments?post=10230"}],"version-history":[{"count":4,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/posts\/10230\/revisions"}],"predecessor-version":[{"id":17633,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/posts\/10230\/revisions\/17633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/media\/10233"}],"wp:attachment":[{"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/media?parent=10230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/categories?post=10230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yeeply.com\/fr\/wp-json\/wp\/v2\/tags?post=10230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}