{"id":1628,"date":"2026-11-10T14:46:45","date_gmt":"2026-11-10T14:46:45","guid":{"rendered":"https:\/\/arthurvillain.com\/?page_id=1628"},"modified":"2026-11-12T09:13:29","modified_gmt":"2026-11-12T09:13:29","slug":"projets-modernes","status":"publish","type":"page","link":"https:\/\/arthurvillain.com\/?page_id=1628","title":{"rendered":"Projets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1628\" class=\"elementor elementor-1628\">\n\t\t\t\t<div class=\"elementor-element elementor-element-prHero01 e-con-full e-flex e-con e-parent\" data-id=\"prHero01\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-prHeroLeft e-flex e-con-boxed e-con e-child\" data-id=\"prHeroLeft\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-prEy elementor-widget elementor-widget-heading\" data-id=\"prEy\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">PORTFOLIO \u00b7 PROJETS <\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-prTitle elementor-widget elementor-widget-heading\" data-id=\"prTitle\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">MES<br><span style=\"color:#3566FF\">PROJETS.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-prIntro elementor-widget elementor-widget-text-editor\" data-id=\"prIntro\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Une s\u00e9lection de projets en webdesign, identit\u00e9 visuelle, communication et print. Clique sur une cat\u00e9gorie pour filtrer, puis ouvre un projet pour d\u00e9couvrir le contexte et la r\u00e9alisation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-prTicker e-con-full e-flex e-con e-parent\" data-id=\"prTicker\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-prTickerText elementor-widget elementor-widget-heading\" data-id=\"prTickerText\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WEBDESIGN \u2726 IDENTIT\u00c9 VISUELLE \u2726 COMMUNICATION \u2726 PRINT \u2726 UI\/UX \u2726 CR\u00c9ATION DE CONTENU<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-prGridWrap e-con-full e-flex e-con e-parent\" data-id=\"prGridWrap\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-prHtml elementor-widget elementor-widget-html\" data-id=\"prHtml\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"av-projects-modern\" class=\"avp-root\">\n<style>\n#av-projects-modern{font-family:Inter,Arial,sans-serif;color:#111}\n#av-projects-modern *{box-sizing:border-box}\n#av-projects-modern .avp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 24px}\n#av-projects-modern .avp-filters{display:flex;gap:8px;flex-wrap:wrap}\n#av-projects-modern .avp-filter{appearance:none;border:1px solid #d8dbe2;background:#fff;color:#171717;border-radius:999px;padding:11px 16px;font:700 13px\/1 Inter,Arial,sans-serif;cursor:pointer;transition:.22s ease;min-height:42px}\n#av-projects-modern .avp-filter:hover,#av-projects-modern .avp-filter[aria-pressed=\"true\"]{background:#111;color:#fff;border-color:#111;transform:translateY(-1px)}\n#av-projects-modern .avp-count{font-size:13px;color:#666;font-weight:600}\n#av-projects-modern .avp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}\n#av-projects-modern .avp-card{grid-column:span 4;position:relative;border-radius:22px;overflow:hidden;background:#111;min-height:360px;text-decoration:none;color:#fff;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease}\n#av-projects-modern .avp-card.avp-wide{grid-column:span 7;min-height:470px}\n#av-projects-modern .avp-card.avp-medium{grid-column:span 5;min-height:470px}\n#av-projects-modern .avp-card.avp-tall{min-height:440px}\n#av-projects-modern .avp-card.is-hidden{display:none}\n#av-projects-modern .avp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .35s ease}\n#av-projects-modern .avp-card:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.78) 100%);z-index:1;transition:background .3s ease}\n#av-projects-modern .avp-card-content{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}\n#av-projects-modern .avp-num{display:block;font-size:11px;letter-spacing:1.6px;color:#d7d7d7;margin-bottom:7px;font-weight:700}\n#av-projects-modern .avp-card h3{font-size:clamp(22px,2.2vw,34px);line-height:1;margin:0 0 7px;font-weight:800;letter-spacing:-1px;color:#fff}\n#av-projects-modern .avp-card p{font-size:13px;line-height:1.35;margin:0;color:#e3e3e3}\n#av-projects-modern .avp-arrow{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#3566FF;color:#fff;font-size:20px;transform:translateY(8px);opacity:0;transition:.25s ease}\n#av-projects-modern .avp-chip{position:absolute;z-index:3;top:16px;left:16px;background:rgba(255,255,255,.93);color:#111;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;letter-spacing:.4px}\n@media (hover:hover) and (pointer:fine){\n  #av-projects-modern .avp-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(17,17,17,.16)}\n  #av-projects-modern .avp-card:hover img{transform:scale(1.055);filter:saturate(1.08)}\n  #av-projects-modern .avp-card:hover:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.9) 100%)}\n  #av-projects-modern .avp-card:hover .avp-arrow{opacity:1;transform:none}\n}\n@media(max-width:900px){\n  #av-projects-modern .avp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n  #av-projects-modern .avp-card,#av-projects-modern .avp-card.avp-wide,#av-projects-modern .avp-card.avp-medium{grid-column:span 1;min-height:390px}\n  #av-projects-modern .avp-card:nth-child(1){grid-column:span 2;min-height:460px}\n}\n@media(max-width:600px){\n  #av-projects-modern .avp-grid{grid-template-columns:1fr}\n  #av-projects-modern .avp-card,#av-projects-modern .avp-card.avp-wide,#av-projects-modern .avp-card.avp-medium,#av-projects-modern .avp-card:nth-child(1){grid-column:span 1;min-height:330px}\n  #av-projects-modern .avp-toolbar{align-items:flex-start}\n  #av-projects-modern .avp-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}\n  #av-projects-modern .avp-filter{white-space:nowrap}\n}\n<\/style>\n\n<div class=\"avp-toolbar\">\n  <div class=\"avp-filters\" role=\"group\" aria-label=\"Filtrer les projets\">\n    <button type=\"button\" class=\"avp-filter\" data-filter=\"all\" aria-pressed=\"true\">Tous<\/button>\n    <button type=\"button\" class=\"avp-filter\" data-filter=\"web\">Web & UI<\/button>\n    <button type=\"button\" class=\"avp-filter\" data-filter=\"branding\">Identit\u00e9<\/button>\n    <button type=\"button\" class=\"avp-filter\" data-filter=\"communication\">Communication<\/button>\n    <button type=\"button\" class=\"avp-filter\" data-filter=\"print\">Print<\/button>\n  <\/div>\n  <div class=\"avp-count\" aria-live=\"polite\"><span class=\"avp-count-value\">9<\/span> projets affich\u00e9s<\/div>\n<\/div>\n\n<div class=\"avp-grid\">\n  <a class=\"avp-card avp-wide\" data-cat=\"web\" href=\"https:\/\/arthurvillain.com\/?page_id=1715\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2026\/11\/fond-nest-immo.png\" alt=\"Projet NEST\">\n    <span class=\"avp-chip\">WEB & UI<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">01 \u00b7 2026<\/span><h3>NEST<\/h3><p>UX\/UI \u00b7 Figma \u00b7 Site immobilier<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card avp-medium\" data-cat=\"communication print\" href=\"https:\/\/arthurvillain.com\/?page_id=1425\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2026\/02\/templedor.jpg\" alt=\"Le Temple d'Or\">\n    <span class=\"avp-chip\">EXP\u00c9RIENCE PRO<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">02 \u00b7 2025\/26<\/span><h3>Le Temple d'Or<\/h3><p>Communication \u00b7 Print \u00b7 Social media<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card avp-tall\" data-cat=\"branding communication print\" href=\"https:\/\/arthurvillain.com\/?page_id=190\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2025\/09\/bouchart.jpg\" alt=\"Bouch'Art Oreil\">\n    <span class=\"avp-chip\">IDENTIT\u00c9<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">03 \u00b7 2025\/26<\/span><h3>Bouch'Art Oreil<\/h3><p>Festival \u00b7 Affiche \u00b7 Identit\u00e9<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card avp-tall\" data-cat=\"communication print\" href=\"https:\/\/arthurvillain.com\/?page_id=681\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2025\/09\/agv-2.jpg\" alt=\"AGV Jussieu Secours\">\n    <span class=\"avp-chip\">COMMUNICATION<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">04 \u00b7 2025\/26<\/span><h3>AGV Jussieu Secours<\/h3><p>Communication \u00b7 Digital \u00b7 Print<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card avp-tall\" data-cat=\"branding communication\" href=\"https:\/\/arthurvillain.com\/?page_id=189\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2026\/01\/mirettes-sablaises.jpg\" alt=\"Les Mirettes Sablaises\">\n    <span class=\"avp-chip\">BRANDING<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">05 \u00b7 2025<\/span><h3>Les Mirettes Sablaises<\/h3><p>Identit\u00e9 \u00b7 Communication<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card avp-medium\" data-cat=\"branding print\" href=\"https:\/\/arthurvillain.com\/?page_id=171\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2026\/01\/ferme.jpg\" alt=\"La P'tite Ferme\">\n    <span class=\"avp-chip\">IDENTIT\u00c9 & PRINT<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">06 \u00b7 2025<\/span><h3>La P'tite Ferme<\/h3><p>Identit\u00e9 \u00b7 Supports imprim\u00e9s<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card avp-wide\" data-cat=\"print\" href=\"https:\/\/arthurvillain.com\/?page_id=1180\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2026\/01\/mockup-damso-scaled.jpg\" alt=\"Affiche DAMSO\">\n    <span class=\"avp-chip\">DIRECTION ARTISTIQUE<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">07 \u00b7 2025<\/span><h3>DAMSO<\/h3><p>Affiche \u00b7 Photoshop \u00b7 Composition<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card\" data-cat=\"print\" href=\"https:\/\/arthurvillain.com\/?page_id=1213\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2026\/01\/mockup-psg-4-scaled.jpg\" alt=\"Catalogue PSG\">\n    <span class=\"avp-chip\">\u00c9DITORIAL<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">08 \u00b7 2026<\/span><h3>Catalogue PSG<\/h3><p>InDesign \u00b7 Mise en page \u00b7 Print<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n\n  <a class=\"avp-card\" data-cat=\"print communication\" href=\"https:\/\/arthurvillain.com\/?page_id=680\">\n    <img decoding=\"async\" src=\"https:\/\/arthurvillain.com\/wp-content\/uploads\/2025\/09\/agv-1.jpg\" alt=\"Catalogue AGV\">\n    <span class=\"avp-chip\">PRINT<\/span>\n    <div class=\"avp-card-content\"><div><span class=\"avp-num\">09 \u00b7 2025<\/span><h3>Catalogue AGV<\/h3><p>\u00c9dition \u00b7 Communication<\/p><\/div><span class=\"avp-arrow\">\u2197<\/span><\/div>\n  <\/a>\n<\/div>\n\n<script>\n(function(){\n  const root=document.getElementById('av-projects-modern');\n  if(!root || root.dataset.ready==='1') return;\n  root.dataset.ready='1';\n  const buttons=[...root.querySelectorAll('.avp-filter')];\n  const cards=[...root.querySelectorAll('.avp-card')];\n  const count=root.querySelector('.avp-count-value');\n  function apply(filter){\n    let visible=0;\n    cards.forEach(card=>{\n      const cats=(card.dataset.cat||'').split(\/\\s+\/);\n      const show=filter==='all'||cats.includes(filter);\n      card.classList.toggle('is-hidden',!show);\n      if(show) visible++;\n    });\n    count.textContent=String(visible);\n    buttons.forEach(btn=>btn.setAttribute('aria-pressed',String(btn.dataset.filter===filter)));\n  }\n  buttons.forEach(btn=>btn.addEventListener('click',()=>apply(btn.dataset.filter)));\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-prEnd e-flex e-con-boxed e-con e-parent\" data-id=\"prEnd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-prEndLeft e-con-full e-flex e-con e-child\" data-id=\"prEndLeft\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-prEndT elementor-widget elementor-widget-heading\" data-id=\"prEndT\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Un projet t\u2019int\u00e9resse ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-prEndP elementor-widget elementor-widget-text-editor\" data-id=\"prEndP\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>D\u00e9couvre aussi mon parcours ou contacte-moi directement.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acdbc2f e-con-full e-flex e-con e-child\" data-id=\"acdbc2f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-prEndBtn elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"prEndBtn\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/arthurvillain.com\/?page_id=1614\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Me contacter \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PORTFOLIO \u00b7 PROJETS MESPROJETS. Une s\u00e9lection de projets en webdesign, identit\u00e9 visuelle, communication et print. Clique sur une cat\u00e9gorie pour [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":""},"class_list":["post-1628","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/arthurvillain.com\/index.php?rest_route=\/wp\/v2\/pages\/1628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arthurvillain.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arthurvillain.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arthurvillain.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/arthurvillain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1628"}],"version-history":[{"count":31,"href":"https:\/\/arthurvillain.com\/index.php?rest_route=\/wp\/v2\/pages\/1628\/revisions"}],"predecessor-version":[{"id":1829,"href":"https:\/\/arthurvillain.com\/index.php?rest_route=\/wp\/v2\/pages\/1628\/revisions\/1829"}],"wp:attachment":[{"href":"https:\/\/arthurvillain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}