1 2 3<!DOCTYPE html> 4<html lang="fr-FR"> 5<head> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 9 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 9-10
9 10<script async src="https://www.googletagmanager.com/gtag/js?id=
10G-H4Q3S7VS5R
vendor: 13 bytes, line 10
10"></script>
11<script> 12
vendor: 132 bytes, lines 12-16
12window.dataLayer = window.dataLayer || []; 13function gtag(){dataLayer.push(arguments);} 14gtag('js', new Date()); 15 16gtag('config', '
16G-H4Q3S7VS5R
vendor: 5 bytes, line 16
16');
17</script>
17 18<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 19 20 <!-- This site is optimized with the Yoast SEO plugin v26.5 - https://yoast.com/wordpress/plugins/seo/ --> 21 <title>Réalisations - Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites</title> 22 <link rel="canonical" href="https://giannipolito.fr/work/" /> 23 <meta property="og:locale" content="fr_FR" /> 24 <meta property="og:type" content="article" /> 25 <meta property="og:title" content="Réalisations - Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites" /> 26 <meta property="og:url" content="https://giannipolito.fr/work/" /> 27 <meta property="og:site_name" content="Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites" /> 28 <meta property="article:modified_time" content="2024-12-31T12:52:46+00:00" /> 29 <meta name="twitter:card" content="summary_large_image" /> 30
30<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://giannipolito.fr/work/","url":"https://giannipolito.fr/work/","name":"Réalisations - Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites","isPartOf":{"@id":"https://giannipolito.fr/#website"},"datePublished":"2024-12-17T20:29:37+00:00","dateModified":"2024-12-31T12:52:46+00:00","breadcrumb":{"@id":"https://giannipolito.fr/work/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://giannipolito.fr/work/"]}]},{"@type":"BreadcrumbList","@id":"https://giannipolito.fr/work/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://giannipolito.fr/"},{"@type":"ListItem","position":2,"name":"Réalisations"}]},{"@type":"WebSite","@id":"https://giannipolito.fr/#website","url":"https://giannipolito.fr/","name":"Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites","description":"Expertise en design UX/UI, mes réalisations, mon parcours et les services que je propose pour concevoir des produits numériques centrés sur les utilisateurs.","publisher":{"@id":"https://giannipolito.fr/#/schema/person/e4fd51818a50ffeff9632c6b414f00e1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://giannipolito.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https://giannipolito.fr/#/schema/person/e4fd51818a50ffeff9632c6b414f00e1","name":"Gianni Polito","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://giannipolito.fr/#/schema/person/image/","url":"https://giannipolito.fr/wp-content/uploads/2025/04/2022-avatar.png","contentUrl":"https://giannipolito.fr/wp-content/uploads/2025/04/2022-avatar.png","width":512,"height":512,"caption":"Gianni Polito"},"logo":{"@id":"https://giannipolito.fr/#/schema/person/image/"},"description":"Moi, câest Gianni, Lead Designer UX/UI passionné par lâalliance du design et des nouvelles technologies, notamment lâIA.","sameAs":["http://giannipolito.fr","https://www.instagram.com/politogianni","https://www.linkedin.com/in/giannipolito/","https://www.youtube.com/c/GianniPolito/"]}]}</script>
30 31 <!-- / Yoast SEO plugin. --> 32 33 34<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 35<link rel="alternate" type="application/rss+xml" title="Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites » Flux" href="https://giannipolito.fr/feed/" /> 36<link rel="alternate" type="application/rss+xml" title="Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites » Flux des commentaires" href="https://giannipolito.fr/comments/feed/" /> 37<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://giannipolito.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgiannipolito.fr%2Fwork%2F" /> 38<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://giannipolito.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgiannipolito.fr%2Fwork%2F&format=xml" /> 39<style id="wp-img-auto-sizes-contain-inline-css"> 40img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 41/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 42</style> 43<style id="wp-emoji-styles-inline-css"> 44 45 img.wp-smiley, img.emoji { 46 display: inline !important; 47 border: none !important; 48 box-shadow: none !important; 49 height: 1em !important; 50 width: 1em !important; 51 margin: 0 0.07em !important; 52 vertical-align: -0.1em !important; 53 background: none !important; 54 padding: 0 !important; 55 } 56/*# sourceURL=wp-emoji-styles-inline-css */ 57</style> 58<style id="classic-theme-styles-inline-css"> 59/*! This file is auto-generated */ 60.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 61/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 62</style> 63<style id="global-styles-inline-css"> 64:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--brand-color: #4200ff;--wp--preset--color--beige-dark: #A1824F;--wp--preset--color--dark-strong: #24262B;--wp--preset--color--dark-light: #32353C;--wp--preset--color--grey-strong: #838998;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
64--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 14px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 17px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--extra-small: 13px;--wp--preset--font-size--normal: 15px;--wp--preset--font-size--larger: 20px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-brand-color-color{color: var(--wp--preset--color--brand-color) !important;}.has-beige-dark-color{color: var(--wp--preset--color--beige-dark) !important;}.has-dark-strong-color{color: var(--wp--preset--color--dark-strong) !important;}.has-dark-light-color{color: var(--wp--preset--color--dark-light) !important;}.has-grey-strong-color{color: var(--wp--preset--color--grey-strong) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-brand-color-background-color{background-color: var(--wp--preset--color--brand-color) !important;}.has-beige-dark-background-color{background-color: var(--wp--preset--color--beige-dark) !important;}.has-dark-strong-background-color{background-color: var(--wp--preset--color--dark-strong) !important;}.has-dark-light-background-color{background-color: var(--wp--preset--color--dark-light) !important;}.has-grey-strong-background-color{background-color: var(--wp--preset--color--grey-strong) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-brand-color-border-color{border-color: var(--wp--preset--color--brand-color) !important;}.has-beige-dark-border-color{border-color: var(--wp--preset--color--beige-dark) !important;}.has-dark-strong-border-color{border-color: var(--wp--preset--color--dark-strong) !important;}.has-dark-light-border-color{border-color: var(--wp--preset--color--dark-light) !important;}.has-grey-strong-border-color{border-color: var(--wp--preset--color--grey-strong) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
64.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-extra-small-font-size{font-size: var(--wp--preset--font-size--extra-small) !important;}.has-normal-font-size{font-size: var(--wp--preset--font-size--normal) !important;}.has-larger-font-size{font-size: var(--wp--preset--font-size--larger) !important;} 65:root :where(.wp-block-icon svg){width: 24px;} 66:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} 67:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} 68:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 69:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} 70:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 71:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 72/*# sourceURL=global-styles-inline-css */ 73</style> 74<link rel='stylesheet' id='contact-form-7-css' href='https://giannipolito.fr/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' media='all' /> 75<link rel='stylesheet' id='sr7css-css' href='//giannipolito.fr/wp-content/plugins/revslider/public/css/sr7.css?ver=6.7.23' media='all' /> 76<link rel='stylesheet' id='ohio-style-css' href='https://giannipolito.fr/wp-content/themes/ohio/style.css?ver=3.6.4' media='all' /> 77<style id="ohio-style-inline-css"> 78 :root{--clb-color-primary:#4200ff;--clb-color-fill:rgba(138,138,147,0.08);--clb-color-border:#b8bfc4;--clb-color-link-hover:#4769ff;--clb-border-radius:1em;--clb-grid-gutter:1rem;--clb-color-button:#4200ff;--clb-color-button-hover:#4769ff;--clb-button-border-radius:99px;--clb-color-fill-dark-mode:#202f39;--clb-color-white-dark-mode:#ebeef4;--clb-text-font-family:'Figtree', sans-serif;--clb-text-color:rgba(40,55,66,0.95);--clb-text-light-mode-font-family:'Figtree', sans-serif;--clb-text-light-mode-color:rgba(40,55,66,0.95);--clb-title-font-family:'Figtree', sans-serif;--clb-title-font-weight:700;--clb-title-color:#283742;--clb-subtitle-letter-spacing:0.01em;--clb-subtitle-color:rgba(40,55,66,0.75);}.heading .title .highlighted-text{background-image: linear-gradient(rgba(66,0,255,0.5), rgba(66,0,255,0.5));}.page-content a:not(.-unlink):not(.tag),.comment-form a:not(.-unlink):not(.tag),.comment-content a:not(.-unlink):not(.tag),.project-content a:not(.-unlink):not(.tag),.woocommerce-product-details__short-description a:not(.-unlink):not(.tag),.wpb-content-wrapper a:not(.-unlink):not(.tag),.elementor a:not(.-unlink):not(.tag){--clb-color-link:#4200ff;}/* Classes globales */.branding-title{padding-bottom: 12px;padding-top: 3px;}.page-container .button a{text-decoration:none;}.page-container .elementor a:not(.button):not(.-unlink):not(.tag){text-decoration:underline;!mportant}.dark-scheme .page-container .elementor a:not(.button):not(.-unlink){color:var(--clb-link-hover-color);}.button:active{transform: translateY(2px);}.btn {font-family: var(--clb-action-font-family);font-size: var(--clb-action-font-size);font-weight: var(--clb-action-font-weight);min-height: var(--clb-button-height);padding: 0 var(--clb-button-side-padding);border-radius: var(--clb-button-border-radius);line-height: 2.75em;vertical-align: middle;display: inline-block;padding: 0 1em;border: 0;text-align: center;text-decoration: none;font-weight: bold;transition: all 0.1s linear;margin-right:0.5em; }.btn :focus {outline: none; }.btn:active {transition-duration: 0s;border: 0;box-shadow: 0px 0px 0px white;transform: translate(0, 2px); }.btn img {height: 20px;
78width: 20px;vertical-align: -5px;margin-right: 5px;margin-left: -7px; }.button-container {display:flex;}a.btn-primary {background-color:var(--clb-color-primary);color: #FFF;border: 0.125em solid var(--clb-color-primary);box-shadow: 0px 2px 5px rgba(103, 199, 255, 0.5); }a.btn-primary:hover {background-color: var(--clb-button-hover-color);border: 0.125em solid var(--clb-button-hover-color);color: #FFF;}a.btn-primary:active, a.btn-primary:focus {background-color: #2A00A3; }.btn-secondary {background-color: transparent;color: var(--clb-color-primary);border: 0.125em solid #f3f6f7;box-shadow: 0px 2px 5px #f3f6f7;}.btn-secondary:hover {opacity: 0.8; }a.btn-secondary:active, a.btn-secondary:focus {background-color: #E4E5E9;color: #3B5FFF;border: 0.125em solid #E4E5E9; }a.btn-ghost {background-color: rgba(0, 0, 0, 0.4);color: white;border: 0.125em solid transparent;box-shadow: none; }a.btn-ghost:hover {color: white;opacity: 0.8; }a.btn-border {background-color: transparent;color: white;border: 0.1em solid #ffffff8f;box-shadow: none; }a.btn-border:hover {opacity: 0.8; }a.btn-border:active {border: 0.1em solid white; }.container-rounded {border-radius : 30px;overflow : hidden;}.container-theme{background-color:var(--clb-color-white);}.dark-scheme .container-theme{background-color:var(--clb-dm-fill-color);}/* Menu */.header.-sticky.showed{box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);}.header .menu li span {cursor: pointer;line-height: 3;transition: border cubic-bezier(1, 0, 0, 0.99) 0.3s;border-bottom: 0em solid transparent;cursor:hand;}.header .menu li span:hover {border-bottom: 0.2em solid var(--clb-link-hover-color);}.header .menu li.current-menu-item span {border-bottom: 0.2em solid var(--clb-link-hover-color);}.header .menu li.current-menu-item span:hover{border-bottom: 0.2em solid var(--clb-link-hover-color);}.dark-scheme .header .menu li.current-menu-item a span{color: var(--clb-link-hover-color);}.dark-scheme .header .menu li.current-menu-item span:hover{border-bottom: 0.2em solid var(--clb-link-hover-color);}.dark-scheme .nav.with-highlighted-menu .nav-item .menu-link:hover, .nav.with-highlighted-menu .nav-item.current-menu-item > .menu-link {color: var(--clb-link-hover-color);}.header-wrap {height: 80px!important;}.page-headline.without-cap:not(.-full-vh) {padding-top: 80px!important;}body:not(.with-header-sidebar) .back-link {margin-top: 100px;}/* Portfolio */.epyt-gallery-title {padding: 0;text-align: left;font-weight: 500;}.epyt-gallery-img, .epyt-facade {border-radius: var(--clb-border-radius);}.project-gallery img, .project-gallery .first-image { margin-bottom:0;}.sticky-nav-holder{box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);}.portfolio-item.-layout1 .show-project-link a::after, .portfolio-item.-layout2 .show-project-link a::after, .portfolio-item.-layout13 .show-project-link a::after {content: none!important;width: 0;height: 0;}/* Blog */.blog-item:hover .title a{color: var(--clb-button-color)!important;text-decoration:underline;transition: all var(--clb-transition-function) var(--clb-transition-duration);}.dark-scheme .blog-item:hover .title a{color: var(--clb-link-hover-color)!important;}.archive-holder .grid-item, .blog-posts .grid-item {border: 1px solid transparent;border-radius: 2em;transition: all var(--clb-transition-function) var(--clb-transition-duration);}.archive-holder .grid-item:hover,.blog-posts .grid-item:hover {background-color: #9690A20F;border: 1px solid #e5e5e5;border-radius: 2em;}.blog-item.-layout1 .overlay-details {display:none;}.grecaptcha-badge {visibility: hidden;opacity: 0;height: 0;}.button:hover .icon,a.button:hover .icon,.added_to_cart:hover .icon,button[type="submit"]:hover .icon,input[type="submit"]:hover .icon {animation: none !important;}.site-footer{background-color:;}.branding-title{font-size:2.5em;font-weight:700;font-style:normal;}.header:not(.-mobile) .menu{font-weight:600;}@media screen and (max-width: 768px) { .header,.slide-in-overlay{opacity: 0;}}.popup-subscribe .thumbnail{background-color:;background-image:url('https://giannipolito.fr/wp-content/uploads/2019/11/oh__img100.jpg');background-size:cover;background-position:left top;background-repeat:repeat;}.page-headline::after{background-color:;}.project:not(.-layout8) .-with-slider .overlay{background-color:1;}.project .video-button:not(.-outlined) .icon-button{background-color:1;}h1{font-size:4.5em;letter-spacing:0.001em;}h2{font-size:3.5em;font-weight:700;letter-spacing:0.001em;} @media screen and (min-width:1181px){.site-footer .branding .logo img{min-height:50px; height:50px;}.header .branding .logo img,.header .branding .logo-mobile img,.header .branding .logo-sticky-mobile img,.header .branding .logo-dynamic img{min-height:50px; height:50px;}:root{--clb-header-height:80px;}.header.-sticky:not(.-fixed):not(.header-8) .header-wrap{height:80px;}} @media screen and (min-width:769px) and (max-width:1180px){.header .branding .logo img,.header .branding .logo-mobile img,.header .branding .logo-sticky-mobile img,.header .branding .logo-dynamic img{min-height:50px; height:50px;}:root{--clb-header-height:80px;}.header.-sticky:not(.-fixed):not(.header-8) .header-wrap{height:80px;}} @media screen and (max-width:768px){.header .branding .logo img,.header .branding .logo-mobile img,.header .branding .logo-sticky-mobile img,.header .branding .logo-dynamic img{min-height:50px; height:50px;}:root{--clb-header-height:80px;}.header.-sticky:not(.-fixed):not(.header-8) .header-wrap{height:80px;}} 79/*# sourceURL=ohio-style-inline-css */ 80</style> 81<link rel='stylesheet' id='icon-pack-fontawesome-css' href='https://giannipolito.fr/w
81p-content/themes/ohio/assets/fonts/fa/css/all.css?ver=7.1.2' media='all' /> 82<link rel='stylesheet' id='elementor-frontend-css' href='https://giannipolito.fr/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.3.2' media='all' /> 83<link rel='stylesheet' id='elementor-post-223826-css' href='https://giannipolito.fr/wp-content/uploads/elementor/css/post-223826.css?ver=1790750474' media='all' /> 84<link rel='stylesheet' id='__EPYT__style-css' href='https://giannipolito.fr/wp-content/plugins/youtube-embed-plus/styles/ytprefs.min.css?ver=14.2.3.2' media='all' /> 85<style id="__EPYT__style-inline-css"> 86 87 .epyt-gallery-thumb { 88 width: 33.333%; 89 } 90 91/*# sourceURL=__EPYT__style-inline-css */ 92</style> 93<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://giannipolito.fr/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1742236510' media='all' /> 94<link rel='stylesheet' id='elementor-gf-local-robotoslab-css' href='https://giannipolito.fr/wp-content/uploads/elementor/google-fonts/css/robotoslab.css?ver=1742236512' media='all' />
95<script id="jquery-core-js" src="https://giannipolito.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 95
95
96<script id="jquery-migrate-js" src="https://giannipolito.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 96
96
97<script async data-wp-strategy="async" id="tp-tools-js" src="//giannipolito.fr/wp-content/plugins/revslider/public/js/libs/tptools.js?ver=6.7.23"></script>
vendor: 1 bytes, line 97
97
98<script async data-wp-strategy="async" id="sr7-js" src="//giannipolito.fr/wp-content/plugins/revslider/public/js/sr7.js?ver=6.7.23"></script>
98 99 100<!-- Extrait de code de la balise Google (gtag.js) ajouté par Site Kit --> 101<!-- Extrait Google Analytics ajouté par Site Kit -->
vendor: 80 bytes, lines 101-102
101 102<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=
102GT-PZX7PQP
vendor: 18 bytes, line 102
102" async></script>
103<script id="google_gtagjs-js-after"> 104window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 105gtag("set","linker",{"domains":["giannipolito.fr"]}); 106gtag("js", new Date()); 107gtag("set", "developer_id.dZTNiMT", true); 108gtag("config", "GT-PZX7PQP", {"googlesitekit_post_type":"page"}); 109 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 110//# sourceURL=google_gtagjs-js-after 111</script>
vendor: 1 bytes, line 111
111
112<script id="__ytprefs__-js-extra"> 113var _EPYT_ = {"ajaxurl":"https://giannipolito.fr/wp-admin/admin-ajax.php","security":"1b8e22ada5","gallery_scrolloffset":"20","eppathtoscripts":"https://giannipolito.fr/wp-content/plugins/youtube-embed-plus/scripts/","eppath":"https://giannipolito.fr/wp-content/plugins/youtube-embed-plus/","epresponsiveselector":"[\"iframe.__youtube_prefs_widget__\"]","epdovol":"1","version":"14.2.3.2","evselector":"iframe.__youtube_prefs__[src], iframe[src*=\"youtube.com/embed/\"], iframe[src*=\"youtube-nocookie.com/embed/\"]","ajax_compat":"","maxres_facade":"eager","ytapi_load":"light","pause_others":"","stopMobileBuffer":"1","facade_mode":"","not_live_on_channel":""}; 114//# sourceURL=__ytprefs__-js-extra 115</script>
vendor: 1 bytes, line 115
115
116<script id="__ytprefs__-js" src="https://giannipolito.fr/wp-content/plugins/youtube-embed-plus/scripts/ytprefs.min.js?ver=14.2.3.2"></script>
116 117<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://giannipolito.fr/xmlrpc.php?rsd" /> 118<meta name="generator" content="WordPress 7.1.2" /> 119<link rel='shortlink' href='https://giannipolito.fr/?p=227446' /> 120<meta name="generator" content="Site Kit by Google 1.188.0" /><meta name="generator" content="Elementor 4.3.2; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 121<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style> 122 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 123 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 124 background-image: none !important; 125 } 126 @media screen and (max-height: 1024px) { 127 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 128 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 129 background-image: none !important; 130 } 131 } 132 @media screen and (max-height: 640px) { 133 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 134 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 135 background-image: none !important; 136 } 137 } 138 </style> 139 <link rel="preconnect" href="https://fonts.googleapis.com"> 140<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> 141<meta name="generator" content="Powered by Slider Revolution 6.7.23 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> 142<link rel="icon" href="https://giannipolito.fr/wp-content/uploads/2024/12/cropped-favicon-32x32.png" sizes="32x32" /> 143<link rel="icon" href="https://giannipolito.fr/wp-content/uploads/2024/12/cropped-favicon-192x192.png" sizes="192x192" /> 144<link rel="apple-touch-icon" href="https://giannipolito.fr/wp-content/uploads/2024/12/cropped-favicon-180x180.png" /> 145<meta name="msapplication-TileImage" content="https://giannipolito.fr/wp-content/uploads/2024/12/cropped-favicon-270x270.png" />
146<script> 147 window._tpt ??= {}; 148 window.SR7 ??= {}; 149 _tpt.R ??= {}; 150 _tpt.R.fonts ??= {}; 151 _tpt.R.fonts.customFonts??= {}; 152 SR7.devMode = false; 153 SR7.F ??= {}; 154 SR7.G ??= {}; 155 SR7.LIB ??= {}; 156 SR7.E ??= {}; 157 SR7.E.gAddons ??= {}; 158 SR7.E.php ??= {}; 159 SR7.E.nonce = 'de3b0ae4f0'; 160 SR7.E.ajaxurl = 'https://giannipolito.fr/wp-admin/admin-ajax.php'; 161 SR7.E.resturl = 'https://giannipolito.fr/wp-json/'; 162 SR7.E.slug_path = 'revslider/revslider.php'; 163 SR7.E.slug = 'revslider'; 164 SR7.E.plugin_url = 'https://giannipolito.fr/wp-content/plugins/revslider/'; 165 SR7.E.wp_plugin_url = 'https://giannipolito.fr/wp-content/plugins/'; 166 SR7.E.revision = '6.7.23'; 167 SR7.E.fontBaseUrl = ''; 168 SR7.G.breakPoints = [1240,1024,778,480]; 169 SR7.E.modules = ['module','page','slide','layer','draw','animate','srtools','canvas','defaults','carousel','navigation','media','modifiers','migration']; 170 SR7.E.libs = ['WEBGL']; 171 SR7.E.css = ['csslp','cssbtns','cssfilters','cssnav','cssmedia']; 172 SR7.E.resources = {}; 173 SR7.JSON ??= {}; 174/*! Slider Revolution 7.0 - Page Processor */ 175!function(){"use strict";window.SR7??={},window._tpt??={},SR7.version="Slider Revolution 6.7.16",_tpt.getWinDim=function(t){_tpt.screenHeightWithUrlBar??=window.innerHeight;let e=SR7.F?.modal?.visible&&SR7.M[SR7.F.module.getIdByAlias(SR7.F.modal.requested)];_tpt.scrollBar=window.innerWidth!==document.documentElement.clientWidth||e&&window.innerWidth!==e.c.module.clientWidth,_tpt.winW=window.innerWidth-(_tpt.scrollBar||"prepare"==t?_tpt.scrollBarW??_tpt.mesureScrollBar():0),_tpt.winH=window.innerHeight,_tpt.winWAll=document.documentElement.clientWidth},_tpt.getResponsiveLevel=function(t,e){SR7.M[e];return _tpt.closestGE(t,_tpt.winWAll)},_tpt.mesureScrollBar=function(){let t=document.createElement("div");return t.className="RSscrollbar-measure",t.style.width="100px",t.style.height="100px",t.style.overflow="scroll",t.style.position="absolute",t.style.top="-9999px",document.body.appendChild(t),_tpt.scrollBarW=t.offsetWidth-t.clientWidth,document.body.removeChild(t),_tpt.scrollBarW},_tpt.loadCSS=async function(t,e,s){return s?_tpt.R.fonts.required[e].status=1:(_tpt.R[e]??={},_tpt.R[e].status=1),new Promise(((n,i)=>{if(_tpt.isStylesheetLoaded(t))s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,n();else{const l=document.createElement("link");l.rel="stylesheet";let o="text",r="css";l["type"]=o+"/"+r,l.href=t,l.onload=()=>{s?_tpt.R.fonts.required[e].status=2:_tpt.R[e].status=2,n()},l.onerror=()=>{s?_tpt.R.fonts.required[e].status=3:_tpt.R[e].status=3,i(new Error(`Failed to load CSS: ${t}`))},document.head.appendChild(l)}}))},_tpt.addContainer=function(t){const{tag:e="div",id:s,class:n,datas:i,textContent:l,iHTML:o}=t,r=document.createElement(e);if(s&&""!==s&&(r.id=s),n&&""!==n&&(r.className=n),i)for(const[t,e]of Object.entries(i))"style"==t?r.style.cssText=e:r.setAttribute(`data-${t}`,e);return l&&(r.textContent=l),o&&(r.innerHTML=o),r},_tpt.collector=function(){return{fragment:new DocumentFragment,add(t){var e=_tpt.addContainer(t);return this.fragment.appendChild(e),e},append(t){t.appendChild(this.fragment)}}},_tpt.isStylesheetLoaded=function(t){let e=t.split("?")[0];return Array.from(document.querySelectorAll('link[rel="stylesheet"], link[rel="preload"]')).some((t=>t.href.split("?")[0]===e))},_tpt.preloader={requests:new Map,preloaderTemplates:new Map,show:function(t,e){if(!e||!t)return;const{type:s,color:n}=e;if(s<0||"off"==s)return;const i=`preloader_${s}`;let l=this.preloaderTemplates.get(i);l||(l=this.build(s,n),this.preloaderTemplates.set(i,l)),this.requests.has(t)||this.requests.set(t,{count:0});const o=this.requests.get(t);clearTimeout(o.timer),o.count++,1===o.count&&(o.timer=setTimeout((()=>{o.preloaderClone=l.cloneNode(!0),o.anim&&o.anim.kill(),void 0!==_tpt.gsap?o.anim=_tpt.gsap.fromTo(o.preloaderClone,1,{opacity:0},{opacity:1}):o.preloaderClone.classList.add("sr7-fade-in"),t.appendChild(o.preloaderClone)}),150))},hide:function(t){if(!this.requests.has(t))return;const e=this.requests.get(t);e.count--,e.count<0&&(e.count=0),e.anim&&e.anim.kill(),0===e.count&&(clearTimeout(e.timer),e.preloaderClone&&(e.preloaderClone.classList.remove("sr7-fade-in"),e.anim=_tpt.gsap.to(e.preloaderClone,.3,{opacity:0,onComplete:function(){e.preloaderClone.remove()}})))},state:function(t){if(!this.requests.has(t))return!1;return this.requests.get(t).count>0},build:(t,e="#ffffff",s="")=>{if(t<0||"off"===t)return null;const n=parseInt(t);if(t="prlt"+n,isNaN(n))return null;if(_tpt.loadCSS(SR7.E.plugin_url+"public/css/preloaders/t"+n+".css","preloader_"+t),isNaN(n)||n<6){const i=`background-color:${e}`,l=1===n||2==n?i:"",o=3===n||4==n?i:"",r=_tpt.collector();["dot1","dot2","bounce1","bounce2","bounce3"].forEach((t=>r.add({tag:"div",class:t,datas:{style:o}})));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`,datas:{style:l}});return r.append(d),d}{let i={};if(7===n){let t;e.startsWith("#")?(t=e.replace("#",""),t=`rgba(${parseInt(t.substring(0,2),16)}, ${parseInt(t.substring(2,4),16)}, ${parseInt(t.substring(4,6),16)}, `):e.startsWith("rgb")&&(t=e.slice(e.indexOf("(")+1,e.lastIndexOf(")")).split(",").map((t=>t.trim())),t=`rgba(${t[0]}, ${t[1]}, ${t[2]}, `),t&&(i.style=`border-top-color: ${t}0.65); border-bottom-color: ${t}0.15); border-left-color: ${t}0.65); border-right-color: ${t}0.15)`)}else 12===n&&(i.style=`background:${e}`);const l=[10,0,4,2,5,9,0,4,4,2][n-6],o=_tpt.collector(),r=o.add({tag:"div",class:"sr7-prl-inner",datas:i});Array.from({length:l}
175).forEach((()=>r.appendChild(o.add({tag:"span",datas:{style:`background:${e}`}}))));const d=_tpt.addContainer({tag:"sr7-prl",class:`${t} ${s}`});return o.append(d),d}}},SR7.preLoader={show:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.show(e||SR7.M[t].c.module,SR7.M[t]?.settings?.pLoader??{color:"#fff",type:10})},hide:(t,e)=>{"off"!==(SR7.M[t]?.settings?.pLoader?.type??"off")&&_tpt.preloader.hide(e||SR7.M[t].c.module)},state:(t,e)=>_tpt.preloader.state(e||SR7.M[t].c.module)},_tpt.prepareModuleHeight=function(t){window.SR7.M??={},window.SR7.M[t.id]??={},"ignore"==t.googleFont&&(SR7.E.ignoreGoogleFont=!0);let e=window.SR7.M[t.id];if(null==_tpt.scrollBarW&&_tpt.mesureScrollBar(),e.c??={},e.states??={},e.settings??={},e.settings.size??={},t.fixed&&(e.settings.fixed=!0),e.c.module=document.getElementById(t.id),e.c.adjuster=e.c.module.getElementsByTagName("sr7-adjuster")[0],e.c.content=e.c.module.getElementsByTagName("sr7-content")[0],"carousel"==t.type&&(e.c.carousel=e.c.content.getElementsByTagName("sr7-carousel")[0]),null==e.c.module||null==e.c.module)return;t.plType&&t.plColor&&(e.settings.pLoader={type:t.plType,color:t.plColor}),void 0!==t.plType&&"off"!==t.plType&&SR7.preLoader.show(t.id,e.c.module),_tpt.winW||_tpt.getWinDim("prepare"),_tpt.getWinDim();let s=""+e.c.module.dataset?.modal;"modal"==s||"true"==s||"undefined"!==s&&"false"!==s||(e.settings.size.fullWidth=t.size.fullWidth,e.LEV??=_tpt.getResponsiveLevel(window.SR7.G.breakPoints,t.id),t.vpt=_tpt.fillArray(t.vpt,5),e.settings.vPort=t.vpt[e.LEV],void 0!==t.el&&"720"==t.el[4]&&t.gh[4]!==t.el[4]&&"960"==t.el[3]&&t.gh[3]!==t.el[3]&&"768"==t.el[2]&&t.gh[2]!==t.el[2]&&delete t.el,e.settings.size.height=null==t.el||null==t.el[e.LEV]||0==t.el[e.LEV]||"auto"==t.el[e.LEV]?_tpt.fillArray(t.gh,5,-1):_tpt.fillArray(t.el,5,-1),e.settings.size.width=_tpt.fillArray(t.gw,5,-1),e.settings.size.minHeight=_tpt.fillArray(t.mh??[0],5,-1),e.cacheSize={fullWidth:e.settings.size?.fullWidth,fullHeight:e.settings.size?.fullHeight},void 0!==t.off&&(t.off?.t&&(e.settings.size.m??={})&&(e.settings.size.m.t=t.off.t),t.off?.b&&(e.settings.size.m??={})&&(e.settings.size.m.b=t.off.b),t.off?.l&&(e.settings.size.p??={})&&(e.settings.size.p.l=t.off.l),t.off?.r&&(e.settings.size.p??={})&&(e.settings.size.p.r=t.off.r),e.offsetPrepared=!0),_tpt.updatePMHeight(t.id,t,!0))},_tpt.updatePMHeight=(t,e,s)=>{let n=SR7.M[t];var i=n.settings.size.fullWidth?_tpt.winW:n.c.module.parentNode.offsetWidth;i=0===i||isNaN(i)?_tpt.winW:i;let l=n.settings.size.width[n.LEV]||n.settings.size.width[n.LEV++]||n.settings.size.width[n.LEV--]||i,o=n.settings.size.height[n.LEV]||n.settings.size.height[n.LEV++]||n.settings.size.height[n.LEV--]||0,r=n.settings.size.minHeight[n.LEV]||n.settings.size.minHeight[n.LEV++]||n.settings.size.minHeight[n.LEV--]||0;if(o="auto"==o?0:o,o=parseInt(o),"carousel"!==e.type&&(i-=parseInt(e.onw??0)||0),n.MP=!n.settings.size.fullWidth&&i<l||_tpt.winW<l?Math.min(1,i/l):1,e.size.fullScreen||e.size.fullHeight){let t=parseInt(e.fho)||0,s=(""+e.fho).indexOf("%")>-1;e.newh=_tpt.winH-(s?_tpt.winH*t/100:t)}else e.newh=n.MP*Math.max(o,r);if(e.newh+=(parseInt(e.onh??0)||0)+(parseInt(e.carousel?.pt)||0)+(parseInt(e.carousel?.pb)||0),void 0!==e.slideduration&&(e.newh=Math.max(e.newh,parseInt(e.slideduration)/3)),e.shdw&&_tpt.buildShadow(e.id,e),n.c.adjuster.style.height=e.newh+"px",n.c.module.style.height=e.newh+"px",n.c.content.style.height=e.newh+"px",n.states.heightPrepared=!0,n.dims??={},n.dims.moduleRect=n.c.module.getBoundingClientRect(),n.c.content.style.left="-"+n.dims.moduleRect.left+"px",!n.settings.size.fullWidth)return s&&requestAnimationFrame((()=>{i!==n.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)})),void _tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0);_tpt.bgStyle(e.id,e,window.innerWidth==_tpt.winW,!0),requestAnimationFrame((function(){s&&requestAnimationFrame((()=>{i!==n.c.module.parentNode.offsetWidth&&_tpt.updatePMHeight(e.id,e)}))})),n.earlyResizerFunction||(n.earlyResizerFunction=function(){requestAnimationFrame((function(){_tpt.getWinDim(),_tpt.moduleDefaults(e.id,e),_tpt.updateSlideBg(t,!0)}))}
175,window.addEventListener("resize",n.earlyResizerFunction))},_tpt.buildShadow=function(t,e){let s=SR7.M[t];null==s.c.shadow&&(s.c.shadow=document.createElement("sr7-module-shadow"),s.c.shadow.classList.add("sr7-shdw-"+e.shdw),s.c.content.appendChild(s.c.shadow))},_tpt.bgStyle=async(t,e,s,n,i)=>{const l=SR7.M[t];if((e=e??l.settings).fixed&&!l.c.module.classList.contains("sr7-top-fixed")&&(l.c.module.classList.add("sr7-top-fixed"),l.c.module.style.position="fixed",l.c.module.style.width="100%",l.c.module.style.top="0px",l.c.module.style.left="0px",l.c.module.style.pointerEvents="none",l.c.module.style.zIndex=5e3,l.c.content.style.pointerEvents="none"),null==l.c.bgcanvas){let t=document.createElement("sr7-module-bg"),o=!1;if("string"==typeof e?.bg?.color&&e?.bg?.color.includes("{"))if(_tpt.gradient&&_tpt.gsap)e.bg.color=_tpt.gradient.convert(e.bg.color);else try{let t=JSON.parse(e.bg.color);(t?.orig||t?.string)&&(e.bg.color=JSON.parse(e.bg.color))}catch(t){return}let r="string"==typeof e?.bg?.color?e?.bg?.color||"transparent":e?.bg?.color?.string??e?.bg?.color?.orig??e?.bg?.color?.color??"transparent";if(t.style["background"+(String(r).includes("grad")?"":"Color")]=r,("transparent"!==r||i)&&(o=!0),l.offsetPrepared&&(t.style.visibility="hidden"),e?.bg?.image?.src&&(t.style.backgroundImage=`url(${e?.bg?.image.src})`,t.style.backgroundSize=""==(e.bg.image?.size??"")?"cover":e.bg.image.size,t.style.backgroundPosition=e.bg.image.position,t.style.backgroundRepeat=""==e.bg.image.repeat||null==e.bg.image.repeat?"no-repeat":e.bg.image.repeat,o=!0),!o)return;l.c.bgcanvas=t,e.size.fullWidth?t.style.width=_tpt.winW-(s&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":n&&(t.style.width=l.c.module.offsetWidth+"px"),e.sbt?.use?l.c.content.appendChild(l.c.bgcanvas):l.c.module.appendChild(l.c.bgcanvas)}l.c.bgcanvas.style.height=void 0!==e.newh?e.newh+"px":("carousel"==e.type?l.dims.module.h:l.dims.content.h)+"px",l.c.bgcanvas.style.left=!s&&e.sbt?.use||l.c.bgcanvas.closest("SR7-CONTENT")?"0px":"-"+(l?.dims?.moduleRect?.left??0)+"px"},_tpt.updateSlideBg=function(t,e){const s=SR7.M[t];let n=s.settings;s?.c?.bgcanvas&&(n.size.fullWidth?s.c.bgcanvas.style.width=_tpt.winW-(e&&_tpt.winH<document.body.offsetHeight?_tpt.scrollBarW:0)+"px":preparing&&(s.c.bgcanvas.style.width=s.c.module.offsetWidth+"px"))},_tpt.moduleDefaults=(t,e)=>{let s=SR7.M[t];null!=s&&null!=s.c&&null!=s.c.module&&(s.dims??={},s.dims.moduleRect=s.c.module.getBoundingClientRect(),s.c.content.style.left="-"+s.dims.moduleRect.left+"px",s.c.content.style.width=_tpt.winW-_tpt.scrollBarW+"px","carousel"==e.type&&(s.c.module.style.overflow="visible"),_tpt.bgStyle(t,e,window.innerWidth==_tpt.winW))},_tpt.getOffset=t=>{var e=t.getBoundingClientRect(),s=window.pageXOffset||document.documentElement.scrollLeft,n=window.pageYOffset||document.documentElement.scrollTop;return{top:e.top+n,left:e.left+s}},_tpt.fillArray=function(t,e){let s,n;t=Array.isArray(t)?t:[t];let i=Array(e),l=t.length;for(n=0;n<t.length;n++)i[n+(e-l)]=t[n],null==s&&"#"!==t[n]&&(s=t[n]);for(let t=0;t<e;t++)void 0!==i[t]&&"#"!=i[t]||(i[t]=s),s=i[t];return i},_tpt.closestGE=function(t,e){let s=Number.MAX_VALUE,n=-1;for(let i=0;i<t.length;i++)t[i]-1>=e&&t[i]-1-e<s&&(s=t[i]-1-e,n=i);return++n}}();</script>
175 176</head> 177<body class="wp-singular page-template page-template-page_templates page-template-page_for-projects page-template-page_templatespage_for-projects-php page page-id-227446 wp-embed-responsive wp-theme-ohio ohio-theme-3.6.4 with-header-1 with-widget-divider with-left-mobile-hamburger with-post-type_1 with-switcher with-spacer with-sticky-header with-mobile-switcher links-underline icon-buttons-animation elementor-default elementor-kit-223826 elementor-page elementor-page-227446"> 178 <div id="page" class="site"> 179 180 181 <ul class="elements-bar left -unlist dynamic-typo"> 182 183 <li> 184 185<a href="#" class="scroll-top -undash -unlink -small-t"> 186 187 188 <div class="scroll-top-bar"> 189 <div class="scroll-track"></div> 190 </div> 191 192 193 <div class="scroll-top-holder titles-typo"> 194 Scroll to top </div> 195</a> 196 197</li> 198 <li> 199 <div class="color-switcher cursor-as-pointer -invisible color-switcher-mobile"> 200 <div class="color-switcher-item light"> 201 <div class="color-switcher-item-state"> 202 <span class="caption">Light</span> 203 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6.75C10.2375 6.75 11.25 7.7625 11.25 9C11.25 10.2375 10.2375 11.25 9 11.25C7.7625 11.25 6.75 10.2375 6.75 9C6.75 7.7625 7.7625 6.75 9 6.75ZM9 5.25C6.93 5.25 5.25 6.93 5.25 9C5.25 11.07 6.93 12.75 9 12.75C11.07 12.75 12.75 11.07 12.75 9C12.75 6.93 11.07 5.25 9 5.25ZM1.5 9.75H3C3.4125 9.75 3.75 9.4125 3.75 9C3.75 8.5875 3.4125 8.25 3 8.25H1.5C1.0875 8.25 0.75 8.5875 0.75 9C0.75 9.4125 1.0875 9.75 1.5 9.75ZM15 9.75H16.5C16.9125 9.75 17.25 9.4125 17.25 9C17.25 8.5875 16.9125 8.25 16.5 8.25H15C14.5875 8.25 14.25 8.5875 14.25 9C14.25 9.4125 14.5875 9.75 15 9.75ZM8.25 1.5V3C8.25 3.4125 8.5875 3.75 9 3.75C9.4125 3.75 9.75 3.4125 9.75 3V1.5C9.75 1.0875 9.4125 0.75 9 0.75C8.5875 0.75 8.25 1.0875 8.25 1.5ZM8.25 15V16.5C8.25 16.9125 8.5875 17.25 9 17.25C9.4125 17.25 9.75 16.9125 9.75 16.5V15C9.75 14.5875 9.4125 14.25 9 14.25C8.5875 14.25 8.25 14.5875 8.25 15ZM4.4925 3.435C4.2 3.1425 3.72 3.1425 3.435 3.435C3.1425 3.7275 3.1425 4.2075 3.435 4.4925L4.23 5.2875C4.5225 5.58 5.0025 5.58 5.2875 5.2875C5.5725 4.995 5.58 4.515 5.2875 4.23L4.4925 3.435ZM13.77 12.7125C13.4775 12.42 12.9975 12.42 12.7125 12.7125C12.42 13.005 12.42 13.485 12.7125 13.77L13.5075 14.565C13.8 14.8575 14.28 14.8575 14.565 14.565C14.8575 14.2725 14.8575 13.7925 14.565 13.5075L13.77 12.7125ZM14.565 4.4925C14.8575 4.2 14.8575 3.72 14.565 3.435C14.2725 3.1425 13.7925 3.1425 13.5075 3.435L12.7125 4.23C12.42 4.5225 12.42 5.0025 12.7125 5.2875C13.005 5.5725 13.485 5.58 13.77 5.2875L14.565 4.4925ZM5.2875 13.77C5.58 13.4775 5.58 12.9975 5.2875 12.7125C4.995 12.42 4.515 12.42 4.23 12.7125L3.435 13.5075C3.1425 13.8 3.1425 14.28 3.435 14.565C3.7275 14.85 4.2075 14.8575 4.4925 14.565L5.2875 13.77Z"/></svg> 204 </div> 205 </div> 206 <div class="color-switcher-item dark"> 207 <div class="color-switcher-item-state"> 208 <span class="caption">Dark</span> 209 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66222 3.23111C6.50222 3.8 6.42222 4.39556 6.42222 5C6.42222 8.62667 9.37333 11.5778 13 11.5778C13.6044 11.5778 14.2 11.4978 14.7689 11.3378C13.8444 13.6133 11.6044 15.2222 9 15.2222C5.56889 15.2222 2.77778 12.4311 2.77778 9C2.77778 6.39556 4.38667 4.15556 6.66222 3.23111ZM9 1C4.58222 1 1 4.58222 1 9C1 13.4178 4.58222 17 9 17C13.4178 17 17 13.4178 17 9C17 8.59111 16.9644 8.18222 16.9111 7.79111C16.04 9.00889 14.6178 9.8 13 9.8C10.3511 9.8 8.2 7.64889 8.2 5C8.2 3.39111 8.99111 1.96 10.2089 1.08889C9.81778 1.03556 9.40889 1 9 1Z"/></svg> 210 </div> 211 </div> 212 <div class="color-switcher-toddler"> 213 <div class="color-switcher-toddler-wrap"> 214 <div class="color-switcher-toddler-item light"> 215 <div class="color-switcher-item-state">
216 <span class="caption">Light</span> 217 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6.75C10.2375 6.75 11.25 7.7625 11.25 9C11.25 10.2375 10.2375 11.25 9 11.25C7.7625 11.25 6.75 10.2375 6.75 9C6.75 7.7625 7.7625 6.75 9 6.75ZM9 5.25C6.93 5.25 5.25 6.93 5.25 9C5.25 11.07 6.93 12.75 9 12.75C11.07 12.75 12.75 11.07 12.75 9C12.75 6.93 11.07 5.25 9 5.25ZM1.5 9.75H3C3.4125 9.75 3.75 9.4125 3.75 9C3.75 8.5875 3.4125 8.25 3 8.25H1.5C1.0875 8.25 0.75 8.5875 0.75 9C0.75 9.4125 1.0875 9.75 1.5 9.75ZM15 9.75H16.5C16.9125 9.75 17.25 9.4125 17.25 9C17.25 8.5875 16.9125 8.25 16.5 8.25H15C14.5875 8.25 14.25 8.5875 14.25 9C14.25 9.4125 14.5875 9.75 15 9.75ZM8.25 1.5V3C8.25 3.4125 8.5875 3.75 9 3.75C9.4125 3.75 9.75 3.4125 9.75 3V1.5C9.75 1.0875 9.4125 0.75 9 0.75C8.5875 0.75 8.25 1.0875 8.25 1.5ZM8.25 15V16.5C8.25 16.9125 8.5875 17.25 9 17.25C9.4125 17.25 9.75 16.9125 9.75 16.5V15C9.75 14.5875 9.4125 14.25 9 14.25C8.5875 14.25 8.25 14.5875 8.25 15ZM4.4925 3.435C4.2 3.1425 3.72 3.1425 3.435 3.435C3.1425 3.7275 3.1425 4.2075 3.435 4.4925L4.23 5.2875C4.5225 5.58 5.0025 5.58 5.2875 5.2875C5.5725 4.995 5.58 4.515 5.2875 4.23L4.4925 3.435ZM13.77 12.7125C13.4775 12.42 12.9975 12.42 12.7125 12.7125C12.42 13.005 12.42 13.485 12.7125 13.77L13.5075 14.565C13.8 14.8575 14.28 14.8575 14.565 14.565C14.8575 14.2725 14.8575 13.7925 14.565 13.5075L13.77 12.7125ZM14.565 4.4925C14.8575 4.2 14.8575 3.72 14.565 3.435C14.2725 3.1425 13.7925 3.1425 13.5075 3.435L12.7125 4.23C12.42 4.5225 12.42 5.0025 12.7125 5.2875C13.005 5.5725 13.485 5.58 13.77 5.2875L14.565 4.4925ZM5.2875 13.77C5.58 13.4775 5.58 12.9975 5.2875 12.7125C4.995 12.42 4.515 12.42 4.23 12.7125L3.435 13.5075C3.1425 13.8 3.1425 14.28 3.435 14.565C3.7275 14.85 4.2075 14.8575 4.4925 14.565L5.2875 13.77Z"/></svg> 218 </div> 219 </div> 220 <div class="color-switcher-toddler-item dark"> 221 <div class="color-switcher-item-state"> 222 <span class="caption">Dark</span> 223 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66222 3.23111C6.50222 3.8 6.42222 4.39556 6.42222 5C6.42222 8.62667 9.37333 11.5778 13 11.5778C13.6044 11.5778 14.2 11.4978 14.7689 11.3378C13.8444 13.6133 11.6044 15.2222 9 15.2222C5.56889 15.2222 2.77778 12.4311 2.77778 9C2.77778 6.39556 4.38667 4.15556 6.66222 3.23111ZM9 1C4.58222 1 1 4.58222 1 9C1 13.4178 4.58222 17 9 17C13.4178 17 17 13.4178 17 9C17 8.59111 16.9644 8.18222 16.9111 7.79111C16.04 9.00889 14.6178 9.8 13 9.8C10.3511 9.8 8.2 7.64889 8.2 5C8.2 3.39111 8.99111 1.96 10.2089 1.08889C9.81778 1.03556 9.40889 1 9 1Z"/></svg> 224 </div> 225 </div> 226 </div> 227 </div> 228 </div> 229</li> 230 231 </ul> 232 233 <ul class="elements-bar right -unlist dynamic-typo"> 234 235 <li> 236</li> 237 238 </ul> 239 240 241 <a class="skip-link screen-reader-text" href="#main">Skip to content</a> 242 243 244 245 246 247 248<header id="masthead" class="header header-1 header-dynamic-typo extended-menu" data-header-fixed=true data-mobile-header-fixed=true data-fixed-initial-offset=50> 249 <div class="header-wrap page-container"> 250 <div class="header-wrap-inner"> 251 <div class="left-part"> 252 253 254 <div class="mobile-hamburger -left"> 255 256<button class="hamburger-button" data-js="hamburger" aria-label="Hamburger"> 257 <div class="hamburger icon-button" tabindex="0"> 258 <i class="icon"></i> 259 </div> 260 </button> </div> 261 262 263<div class="branding text-logo"> 264 <a class="branding-title titles-typo -undash -unlink" href="https://giannipolito.fr/" rel="home"> 265 <div class="logo"> 266 267 268 gianni polito 269 </div> 270 271 272 <div class="logo-sticky"> 273 274 275 gianni polito 276 277 </div> 278 279 280 <div class="logo-dynamic"> 281 <span class="dark hidden"> 282
283 <img src="https://giannipolito.fr/wp-content/uploads/2024/12/logo-giannipolito.png" srcset="https://giannipolito.fr/wp-content/uploads/2024/12/[email protected] 2x" alt="gianni polito"> 284 285 </span> 286 <span class="light hidden"> 287 288 <img src="https://giannipolito.fr/wp-content/uploads/2024/12/logo-giannipolito-white.png" srcset="https://giannipolito.fr/wp-content/uploads/2024/12/[email protected] 2x" alt="gianni polito"> 289 290 </span> 291 </div> 292 </a> 293</div> 294 295 </div> 296 <div class="right-part"> 297 298 299<nav id="site-navigation" class="nav with-highlighted-menu hide-mobile-menu-images hide-mobile-menu-descriptions" data-mobile-menu-second-click-link=""> 300 301 <div class="slide-in-overlay menu-slide-in-overlay"> 302 <div class="overlay"></div> 303 <div class="close-bar"> 304 <button class="icon-button -overlay-button" data-js="close-popup" aria-label="Close"> 305 <i class="icon"> 306 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 307 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 308 </svg> 309</i> 310 </button> 311 312 313 314 </div> 315 <div class="holder"> 316 <div id="mega-menu-wrap" class="nav-container"> 317 318 <ul id="menu-primary" class="menu"><li id="nav-menu-item-227453-6abd33d41ab39" class="mega-menu-item nav-item menu-item-depth-0 current-menu-item "><a href="https://giannipolito.fr/work/" class="menu-link -undash -unlink main-menu-link item-title"><span>Réalisations</span></a></li> 319<li id="nav-menu-item-227237-6abd33d41ab50" class="mega-menu-item nav-item menu-item-depth-0 "><a href="https://giannipolito.fr/blog/" class="menu-link -undash -unlink main-menu-link item-title"><span>Blog</span></a></li> 320<li id="nav-menu-item-227774-6abd33d41ab5d" class="mega-menu-item nav-item menu-item-depth-0 "><a href="https://giannipolito.fr/a-propos/" class="menu-link -undash -unlink main-menu-link item-title"><span>A propos</span></a></li> 321<li id="nav-menu-item-227102-6abd33d41ab68" class="mega-menu-item nav-item menu-item-depth-0 "><a href="https://toolbox.giannipolito.fr" class="menu-link -undash -unlink main-menu-link item-title"><span>Outils Design</span></a></li> 322</ul> 323 324 325 </div> 326 <div class="copyright"> 327 328 <p>© 2016-2024 </p> 329 </div> 330 331 332 </div> 333 334 335 336 </div> 337</nav> 338 339 340 341 342 </div> 343 </div> 344 </div> 345</header> 346 347 348 349 350 <div id="content" class="site-content" data-mobile-menu-resolution="768"> 351 352 353 <div class="header-cap"></div> 354 355 356 357<div class="page-container top-offset bottom-offset"> 358 <div id="primary" class="content-area"> 359 360 361 <div class="page-content"> 362 <main id="main" class="site-main"> 363 364 <div class="page_content portfolio_page_content"></div> 365 366 <div class=" grid_13 -with-sorting" data-ohio-portfolio-grid="true" > 367 368 369 370 371 372 373 <div class="portfolio-filter -filter-button" 374 data-filter="portfolio" 375 > 376 <ul class="-unlist"> 377 <li>Filter by</li> 378 <li> 379 <a class="active tag" href="#all" data-isotope-filter="*" data-category-count="08"> 380 <span class="name">All</span> 381 <span class="num">08</span> 382 </a> 383 </li> 384 <li> 385 <a class=" tag" href="#application-mobile" data-isotope-filter=".ohio-filter-project-71185f213610a3334486aef81365e392" data-category-count="4"> 386 <span class="name">Application mobile</span> 387 <span class="num">04</span> 388 </a> 389 </li> 390 <li> 391 <a class=" tag" href="#ateliers-design" data-isotope-filter=".ohio-filter-project-5b5aab634b40540651e290a18e36c310" data-category-count="1"> 392 <span class="name">Ateliers design</span> 393 <span class="num">01</span> 394 </a> 395 </li> 396 <li> 397 <a class=" tag" href="#audit-ux" data-isotope-filter=".ohio-filter-project-eaad4977fd0359b32288af119ac372d2" data-category-count="1"> 398 <span class="name">Audit UX</span> 399 <span class="num">01</span> 400 </a> 401 </li> 402 <li> 403 <a class=" tag" href="#identite-de-marque" data-isotope-filter=".ohio-filter-project-546f0a45d5ac5eb3c5f23ee68c3b9e57" data-category-count="5"> 404 <span class="name">Identité de marque</span> 405 <span class="num">05</span> 406 </a> 407 </li> 408 <li> 409 <a class=" tag" href="#logo" data-isotope-filter=".ohio-filter-project-a5b8dfea173f0d1738ba5c80e58d5276" data-category-count="3"> 410 <span class="name">Logo</span> 411 <span class="num">03</span> 412 </a> 413 </li> 414 <li> 415 <a class=" tag" href="#refonte" data-isotope-filter=".ohio-filter-project-6474a227768efc5d2ec7bc83469ee8fa" data-category-count="1"> 416 <span class="name">Refonte</span> 417 <span class="num">01</span> 418 </a> 419 </li> 420 <li> 421 <a class=" tag" href="#site-web" data-isotope-filter=".ohio-filter-project-000d87975a9a15df1d211d4e702802be" data-category-count="1"> 422 <span class="name">Site web</span> 423 <span class="num">01</span> 424 </a> 425 </li> 426 <li> 427 <a class=" tag" href="#ux-ui-design" data-isotope-filter=".ohio-filter-project-9d076a0f900a75b23877def1868df289" data-category-count="6"> 428 <span class="name">UX/UI Design</span> 429 <span class="num">06</span> 430 </a> 431 </li> 432 </ul> 433 </div> 434 435 436 437
438 <div class="portfolio-grid archive-holder vc_row -reversed" data-lazy-container="projects" data-isotope-grid="true" data-projects-per-page="20"> 439 440 <div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-eaad4977fd0359b32288af119ac372d2 ohio-filter-project-546f0a45d5ac5eb3c5f23ee68c3b9e57 ohio-filter-project-a5b8dfea173f0d1738ba5c80e58d5276 ohio-filter-project-9d076a0f900a75b23877def1868df289" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 441<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d429df5"> 442 <div class="card-image" > 443 <a class="-unlink image-holder" href="https://giannipolito.fr/work/whoopy-conception-ux-ui-et-identite-visuelle-pour-un-service-ludique-et-innovant/" data-cursor-class="cursor-link"> 444 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template-4.jpg" alt="Whoopy : Design dâune borne interactive pour la location de petites voitures en centres commerciaux"> 445 </a> 446 <div class="overlay-details -top -fade-down"> 447 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 448 <i class="icon"> 449 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 450 </i> 451 </button> 452 </div> 453 </div> 454 <div class="card-details"> 455 <div class="holder -sticky-block"> 456 <div class="heading"> 457 <h4 class="title "> 458 Whoopy : Design dâune borne interactive pour la location de petites voitures en centres commerciaux </h4> 459 </div> 460 <div class="show-project"> 461 <div class="category-holder"> 462 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/audit-ux/">Audit UX</a></span> 463 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 464 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/logo/">Logo</a></span> 465 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 466 </div> 467 <div class="show-project-link -full-w"> 468 <a href="https://giannipolito.fr/work/whoopy-conception-ux-ui-et-identite-visuelle-pour-un-service-ludique-et-innovant/"> 469 Show project </a> 470 </div> 471 </div> 472 <div class="project-details"> 473 <p>Whoopy est un service destiné aux centres commerciaux Auchan, offrant aux parents la possibilité de louer des petites voitures à pousser pour leurs enfants.â¦</p> 474 </div> 475 </div> 476 </div> 477</div> 478</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-71185f213610a3334486aef81365e392 ohio-filter-project-5b5aab634b40540651e290a18e36c310 ohio-filter-project-9d076a0f900a75b23877def1868df289" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 479<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d42e02a"> 480 <div class="card-image" > 481 <a class="-unlink image-holder" href="https://giannipolito.fr/wor
481k/boulanger-conception-ux-ui-pour-un-magasin-urbain-et-connecte/" data-cursor-class="cursor-link"> 482 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template-1.jpg" alt="Boulanger : Conception UX/UI pour un magasin urbain et connecté"> 483 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/IMG_0901-copie-1920x1406.jpg" alt="Boulanger : Conception UX/UI pour un magasin urbain et connecté"> 484 </a> 485 <div class="overlay-details -top -fade-down"> 486 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 487 <i class="icon"> 488 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 489 </i> 490 </button> 491 </div> 492 </div> 493 <div class="card-details"> 494 <div class="holder -sticky-block"> 495 <div class="heading"> 496 <h4 class="title "> 497 Boulanger : Conception UX/UI pour un magasin urbain et connecté </h4> 498 </div> 499 <div class="show-project"> 500 <div class="category-holder"> 501 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 502 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ateliers-design/">Ateliers design</a></span> 503 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 504 </div> 505 <div class="show-project-link -full-w"> 506 <a href="https://giannipolito.fr/work/boulanger-conception-ux-ui-pour-un-magasin-urbain-et-connecte/"> 507 Show project </a> 508 </div> 509 </div> 510 <div class="project-details"> 511 <p>Dans le cadre du développement de son concept de magasin connecté, Boulanger souhaitait recentrer lâexpérience client autour dâun parcours dâachat fluide et sans rupture.â¦</p> 512 </div> 513 </div> 514 </div> 515</div> 516</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-546f0a45d5ac5eb3c5f23ee68c3b9e57 ohio-filter-project-a5b8dfea173f0d1738ba5c80e58d5276" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 517<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d4305a8"> 518 <div class="card-image" > 519 <a class="-unlink image-holder" href="https://giannipolito.fr/work/honails-un-logo-flamboyant-feminin-et-tendance/" data-cursor-class="cursor-link"> 520 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template.jpg" alt="HOâNails : un logo flamboyant, féminin et tendance"> 521 <img class="portfolio-archive-image" src="https://giannipolito.fr/w
521p-content/uploads/2024/12/01.jpg" alt="HOâNails : un logo flamboyant, féminin et tendance"> 522 </a> 523 <div class="overlay-details -top -fade-down"> 524 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 525 <i class="icon"> 526 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 527 </i> 528 </button> 529 </div> 530 </div> 531 <div class="card-details"> 532 <div class="holder -sticky-block"> 533 <div class="heading"> 534 <h4 class="title "> 535 HOâNails : un logo flamboyant, féminin et tendance </h4> 536 </div> 537 <div class="show-project"> 538 <div class="category-holder"> 539 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 540 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/logo/">Logo</a></span> 541 </div> 542 <div class="show-project-link -full-w"> 543 <a href="https://giannipolito.fr/work/honails-un-logo-flamboyant-feminin-et-tendance/"> 544 Show project </a> 545 </div> 546 </div> 547 <div class="project-details"> 548 <p>Pour le lancement de sa marque de nail art, mon amie souhaitait un logo capable de refléter lâessence de son service : une manucureâ¦</p> 549 </div> 550 </div> 551 </div> 552</div> 553</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-71185f213610a3334486aef81365e392 ohio-filter-project-546f0a45d5ac5eb3c5f23ee68c3b9e57 ohio-filter-project-9d076a0f900a75b23877def1868df289" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 554<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d431f2b"> 555 <div class="card-image" > 556 <a class="-unlink image-holder" href="https://giannipolito.fr/work/virevolt-domotique-economies-et-ecologie-reunis-dans-une-interface-intuitive/" data-cursor-class="cursor-link"> 557 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-virevolt-1.jpg" alt="Virevolt : domotique, économies et écologie réunis dans une interface intuitive"> 558 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover1.jpg" alt="Virevolt : domotique, économies et écologie réunis dans une interface intuitive"> 559 </a> 560 <div class="overlay-details -top -fade-down"> 561 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 562 <i class="icon"> 563 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 564 </i> 565 </button> 566 </div> 567 </div>
568 <div class="card-details"> 569 <div class="holder -sticky-block"> 570 <div class="heading"> 571 <h4 class="title "> 572 Virevolt : domotique, économies et écologie réunis dans une interface intuitive </h4> 573 </div> 574 <div class="show-project"> 575 <div class="category-holder"> 576 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 577 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 578 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 579 </div> 580 <div class="show-project-link -full-w"> 581 <a href="https://giannipolito.fr/work/virevolt-domotique-economies-et-ecologie-reunis-dans-une-interface-intuitive/"> 582 Show project </a> 583 </div> 584 </div> 585 <div class="project-details"> 586 <p>Réalisé pour un projet personnel, Virevolt est une application de domotique moderne permettant aux utilisateurs de piloter lâensemble de leur maison connectée depuis uneâ¦</p> 587 </div> 588 </div> 589 </div> 590</div> 591</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-71185f213610a3334486aef81365e392 ohio-filter-project-9d076a0f900a75b23877def1868df289" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 592<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d434078"> 593 <div class="card-image" > 594 <a class="-unlink image-holder" href="https://giannipolito.fr/work/optimisation-ux-chez-1001perruques-com-une-transformation-reussie-2/" data-cursor-class="cursor-link"> 595 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-ffd.jpg" alt="Géodiabète : conception de lâapplication pour trouver des professionnels de santé sensibilisés au diabète"> 596 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/Cover-2.jpg" alt="Géodiabète : conception de lâapplication pour trouver des professionnels de santé sensibilisés au diabète"> 597 </a> 598 <div class="overlay-details -top -fade-down"> 599 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 600 <i class="icon"> 601 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 602 </i> 603 </button> 604 </div> 605 </div> 606 <div class="card-details"> 607 <div class="holder -sticky-block"> 608 <div class="heading"> 609 <h4 class="title "> 610 Géodiabète : conception de lâapplication pour trouver des professionnels de santé sensibilisés au diabète </h4> 611 </div> 612 <div class="show-project"> 613 <div class="category-holder">
614 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 615 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 616 </div> 617 <div class="show-project-link -full-w"> 618 <a href="https://giannipolito.fr/work/optimisation-ux-chez-1001perruques-com-une-transformation-reussie-2/"> 619 Show project </a> 620 </div> 621 </div> 622 <div class="project-details"> 623 <p>Géodiabète est une application mobile disponible sur iOS et Android conçue pour faciliter la vie des personnes diabétiques en leur permettant de localiser etâ¦</p> 624 </div> 625 </div> 626 </div> 627</div> 628</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-6474a227768efc5d2ec7bc83469ee8fa ohio-filter-project-000d87975a9a15df1d211d4e702802be ohio-filter-project-9d076a0f900a75b23877def1868df289" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 629<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d435fe6"> 630 <div class="card-image" > 631 <a class="-unlink image-holder" href="https://giannipolito.fr/work/optimisation-ux-chez-1001perruques-com-une-transformation-reussie/" data-cursor-class="cursor-link"> 632 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover.jpg" alt="Optimisation UX chez 1001Perruques.com : une transformation réussie"> 633 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/99f89b84579599.5d655b5dcad3a.png" alt="Optimisation UX chez 1001Perruques.com : une transformation réussie"> 634 </a> 635 <div class="overlay-details -top -fade-down"> 636 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 637 <i class="icon"> 638 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 639 </i> 640 </button> 641 </div> 642 </div> 643 <div class="card-details"> 644 <div class="holder -sticky-block"> 645 <div class="heading"> 646 <h4 class="title "> 647 Optimisation UX chez 1001Perruques.com : une transformation réussie </h4> 648 </div> 649 <div class="show-project"> 650 <div class="category-holder"> 651 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/refonte/">Refonte</a></span> 652 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/site-web/">Site web</a></span> 653 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 654 </div> 655 <div class="show-project-link -full-w">
656 <a href="https://giannipolito.fr/work/optimisation-ux-chez-1001perruques-com-une-transformation-reussie/"> 657 Show project </a> 658 </div> 659 </div> 660 <div class="project-details"> 661 <p>Alexie, fondatrice de 1001Perruques.com, sâest engagée dans une démarche ambitieuse pour améliorer lâexpérience utilisateur de son site e-commerce. Après un audit approfondi et desâ¦</p> 662 </div> 663 </div> 664 </div> 665</div> 666</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-71185f213610a3334486aef81365e392 ohio-filter-project-546f0a45d5ac5eb3c5f23ee68c3b9e57 ohio-filter-project-9d076a0f900a75b23877def1868df289" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 667<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d4377e4"> 668 <div class="card-image" > 669 <a class="-unlink image-holder" href="https://giannipolito.fr/work/uxplorer-concept-application-pour-explorer-lille/" data-cursor-class="cursor-link"> 670 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template-2.jpg" alt="Uxplorer : concept d’application pour explorer Lille"> 671 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2024/12/cover-4.jpg" alt="Uxplorer : concept d’application pour explorer Lille"> 672 </a> 673 <div class="overlay-details -top -fade-down"> 674 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 675 <i class="icon"> 676 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 677 </i> 678 </button> 679 </div> 680 </div> 681 <div class="card-details"> 682 <div class="holder -sticky-block"> 683 <div class="heading"> 684 <h4 class="title "> 685 Uxplorer : concept d’application pour explorer Lille </h4> 686 </div> 687 <div class="show-project"> 688 <div class="category-holder"> 689 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 690 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 691 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 692 </div> 693 <div class="show-project-link -full-w"> 694 <a href="https://giannipolito.fr/work/uxplorer-concept-application-pour-explorer-lille/"> 695 Show project </a> 696 </div> 697 </div> 698 <div class="project-details"> 699 <p>Réalisée dans le cadre d’un concours design Adobe, Uxplorer est lâapplication idéale pour les esprits créatifs en quête de lieux uniques et inspirants à â¦</p> 700 </div> 701 </div> 702 </div> 703</div> 704</div></div><div class="vc_col-lg-12 vc_col-md-12 vc_col-xs-12 portfolio-item-wrap grid-item masonry-block ohio-filter-project-546f0a45d5ac5eb3c5f23ee68c3b9e57 ohio-filter-project-a5b8dfea173f0d1738ba5c80e58d5276" data-lazy-item="" data-lazy-scope="projects" ><div data-aos="fade-up"> 705<div class="portfolio-item card -layout13 -with-shadow -img-transition" data-portfolio-popup="ohio-lightbox-6abd33d439a6f"> 706 <div class="card-image" > 707 <a class="-unlink image-holder" href="https://giannipolito.fr/wor
707k/bright-captive-elementor/" data-cursor-class="cursor-link"> 708 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2021/12/cover-dandelion.jpg" alt="Dandelion Datatables : Un logo qui reflète légèreté et modernité"> 709 <img class="portfolio-archive-image" src="https://giannipolito.fr/wp-content/uploads/2021/12/dessin.jpg" alt="Dandelion Datatables : Un logo qui reflète légèreté et modernité"> 710 </a> 711 <div class="overlay-details -top -fade-down"> 712 <button class="icon-button -light btn-lightbox" data-js="open-project-lightbox" aria-label="Open"> 713 <i class="icon"> 714 <svg class="default" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 2V6H2V2H6V0H2C0.9 0 0 0.9 0 2ZM2 12H0V16C0 17.1 0.9 18 2 18H6V16H2V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM16 0H12V2H16V6H18V2C18 0.9 17.1 0 16 0Z"></path></svg> 715 </i> 716 </button> 717 </div> 718 </div> 719 <div class="card-details"> 720 <div class="holder -sticky-block"> 721 <div class="heading"> 722 <h4 class="title "> 723 Dandelion Datatables : Un logo qui reflète légèreté et modernité </h4> 724 </div> 725 <div class="show-project"> 726 <div class="category-holder"> 727 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 728 <span class="category "><a class="-unlink" href="https://giannipolito.fr/portfolio-category/logo/">Logo</a></span> 729 </div> 730 <div class="show-project-link -full-w"> 731 <a href="https://giannipolito.fr/work/bright-captive-elementor/"> 732 Show project </a> 733 </div> 734 </div> 735 <div class="project-details"> 736 <p>Pour la solution Dandelion Datatables, spécialisée dans la gestion de tableaux de données, un logo a été conçu avec une approche à la foisâ¦</p> 737 </div> 738 </div> 739 </div> 740</div> 741</div></div> </div> 742 743 744 745 </div> 746 747 748 <!-- Custom content --> 749 750 </main> 751 </div> 752 753 754 </div> 755</div> 756 757 758 </div> 759 760 <footer id="colophon" class="site-footer clb__dark_section"> 761 762 763 <div class="page-container"> 764 <div class="widgets vc_row"> 765 766 <div class="vc_col-md-4 vc_col-sm-6 widgets-column"> 767 <ul><li id="ohio_widget_logo-1" class="widget widget_ohio_widget_logo"> <div class="branding"> 768 <div class="logo "> 769 <a class="-unlink" href="https://giannipolito.fr/"> 770 771 772 <img src="https://giannipolito.fr/wp-content/uploads/2024/12/logo-giannipolito.png" class="light-scheme-logo " srcset="https://giannipolito.fr/wp-content/uploads/2024/12/[email protected] 2x" alt="Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites"> 773 774 775 776 <img src="https://giannipolito.fr/wp-content/uploads/2024/12/logo-giannipolito-white.png" class="dark-scheme-logo" srcset="https://giannipolito.fr/wp-content/uploads/2024/12/[email protected] 2x" alt="Gianni Polito - Lead Designer UX/UI | Expert en Conception de services numériques, applications et sites"> 777 778 779 780 781 </a> 782 </div>
783 </div> 784 </li> 785<li id="block-10" class="widget widget_block"></li> 786</ul> 787 </div> 788 789 <div class="vc_col-md-4 vc_col-sm-6 widgets-column"> 790 <ul><li id="block-17" class="widget widget_block widget_text"> 791<p class="wp-block-paragraph">Envie de travailler ensemble ?<br><strong><a href="mailto:hello[at]giannipolito.fr">hello[at]giannipolito.fr</a></strong></p> 792</li> 793</ul> 794 </div> 795 796 <div class="vc_col-md-4 vc_col-sm-6 widgets-column"> 797 <ul><li id="block-13" class="widget widget_block"></li> 798</ul> 799 </div> 800 801 </div> 802 </div> 803 804 805 806 807 </footer> 808 809 <div class="search-holder vc_hidden-xs"> 810 811 </div> 812 813 </div> 814 815 816 817 818 819<div class="clb-popup container-loading custom-popup"> 820 <div class="close-bar"> 821 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 822 <i class="icon"> 823 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 824 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 825 </svg> 826</i> 827 </button> 828 </div> 829 <div class="clb-popup-holder"></div> 830</div> 831 832 <div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d429df5" data-lazy-to-footer="true"> 833 <div class="project-lightbox-gallery"> 834 <div class="slider -slider-lightbox" data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 835 836 837 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template-4.jpg"></div> 838 </div> 839 </div> 840 <div class="project-lightbox-details"> 841 <div class="close-bar -flex-just-end"> 842 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 843 <i class="icon"> 844 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 845 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 846 </svg> 847</i> 848 </button> 849 </div> 850 <div class="project-content animated-holder"> 851 <div class="headline-meta"> 852 <div class="category-holder"> 853 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/audit-ux/">Audit UX</a></span> 854 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 855 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/logo/">Logo</a></span> 856 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 857 </div> 858 859 <span class="date"></span> 860 </div> 861 <div class="project-title"> 862 <h2 class="headline title"> 863 Whoopy : Design dâune borne interactive pour la location de petites voitures en centres commerciaux </h2> 864 </div> 865 <div class="project-details"> 866 <p> 867 Whoopy est un service destiné aux centres commerciaux Auchan, offrant aux parents la possibilité de louer des petites voitures à pousser pour leurs enfants.⦠</p> 868 </div> 869 <ul class="project-meta options-group -unlist"> 870 871 872 873 874 875 </ul> 876 877 <a class="button -text -unlink" href="https://giannipolito.fr/wor
877k/whoopy-conception-ux-ui-et-identite-visuelle-pour-un-service-ludique-et-innovant/"> 878 View Project <i class="icon -right"> 879 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 880 </i> 881 </a> 882 </div> 883 </div> 884</div> 885 886<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d42e02a" data-lazy-to-footer="true"> 887 <div class="project-lightbox-gallery"> 888 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 889 890 891 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template-1.jpg"></div> 892 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/IMG_0901-copie-1920x1406.jpg"></div> 893 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/IMG_0981-1920x2880.jpg"></div> 894 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/e49a3127426699.563654172da44-scaled.jpg"></div> 895 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/8c54c8274266991.56365417128c3.jpg"></div> 896 </div> 897 </div> 898 <div class="project-lightbox-details"> 899 <div class="close-bar -flex-just-end"> 900 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 901 <i class="icon"> 902 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 903 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 904 </svg> 905</i> 906 </button> 907 </div> 908 <div class="project-content animated-holder"> 909 <div class="headline-meta"> 910 <div class="category-holder"> 911 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 912 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ateliers-design/">Ateliers design</a></span> 913 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 914 </div> 915 916 <span class="date"></span> 917 </div> 918 <div class="project-title"> 919 <h2 class="headline title"> 920 Boulanger : Conception UX/UI pour un magasin urbain et connecté </h2> 921 </div> 922 <div class="project-details"> 923 <p> 924 Dans le cadre du développement de son concept de magasin connecté, Boulanger souhaitait recentrer lâexpérience client autour dâun parcours dâachat fluide et sans rupture.⦠</p> 925 </div> 926 <ul class="project-meta options-group -unlist"> 927 928 929 930 931 932 </ul> 933 934 <a class="button -text -unlink" href="https://giannipolito.fr/wor
934k/boulanger-conception-ux-ui-pour-un-magasin-urbain-et-connecte/"> 935 View Project <i class="icon -right"> 936 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 937 </i> 938 </a> 939 </div> 940 </div> 941</div> 942 943<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d4305a8" data-lazy-to-footer="true"> 944 <div class="project-lightbox-gallery"> 945 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 946 947 948 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template.jpg"></div> 949 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/01.jpg"></div> 950 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/02.jpg"></div> 951 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/03.jpg"></div> 952 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/04-e1735580766276.jpg"></div> 953 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/05.jpg"></div> 954 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/honails-Vue-active.png"></div> 955 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/06.jpg"></div> 956 </div> 957 </div> 958 <div class="project-lightbox-details"> 959 <div class="close-bar -flex-just-end"> 960 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 961 <i class="icon"> 962 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 963 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 964 </svg> 965</i> 966 </button> 967 </div> 968 <div class="project-content animated-holder"> 969 <div class="headline-meta"> 970 <div class="category-holder"> 971 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 972 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/logo/">Logo</a></span> 973 </div> 974 975 <span class="date">janvier 1, 2013</span> 976 </div> 977 <div class="project-title"> 978 <h2 class="headline title"> 979 HOâNails : un logo flamboyant, féminin et tendance </h2> 980 </div> 981 <div class="project-details"> 982 <p> 983 Pour le lancement de sa marque de nail art, mon amie souhaitait un logo capable de refléter lâessence de son service : une manucure⦠</p> 984 </div> 985 <ul class="project-meta options-group -unlist"> 986 987 988 989 <li> 990 <h6 class="title">
990Client</h6> 991 <p>Amandine H.</p> 992 </li> 993 994 <li> 995 <h6 class="title">Année</h6> 996 <p>2013</p> 997 </li> 998 <li> 999 <h6 class="title">Logiciel</h6> 1000 <p>Illustrator, Dimension, Photoshop</p> 1001 </li> 1002 1003 </ul> 1004 1005 <a class="button -text -unlink" href="https://giannipolito.fr/work/honails-un-logo-flamboyant-feminin-et-tendance/"> 1006 View Project <i class="icon -right"> 1007 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 1008 </i> 1009 </a> 1010 </div> 1011 </div> 1012</div> 1013 1014<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d431f2b" data-lazy-to-footer="true"> 1015 <div class="project-lightbox-gallery"> 1016 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 1017 1018 1019 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-virevolt-1.jpg"></div> 1020 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover1.jpg"></div> 1021 </div> 1022 </div> 1023 <div class="project-lightbox-details"> 1024 <div class="close-bar -flex-just-end"> 1025 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 1026 <i class="icon"> 1027 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1028 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 1029 </svg> 1030</i> 1031 </button> 1032 </div> 1033 <div class="project-content animated-holder"> 1034 <div class="headline-meta"> 1035 <div class="category-holder"> 1036 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 1037 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 1038 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 1039 </div> 1040 1041 <span class="date"></span> 1042 </div> 1043 <div class="project-title"> 1044 <h2 class="headline title"> 1045 Virevolt : domotique, économies et écologie réunis dans une interface intuitive </h2> 1046 </div> 1047 <div class="project-details"> 1048 <p> 1049 Réalisé pour un projet personnel, Virevolt est une application de domotique moderne permettant aux utilisateurs de piloter lâensemble de leur maison connectée depuis une⦠</p> 1050 </div> 1051 <ul class="project-meta options-group -unlist"> 1052 1053 1054 1055 <li> 1056 <h6 class="title">
1056Client</h6> 1057 <p>Personnel</p> 1058 </li> 1059 1060 <li> 1061 <h6 class="title">Outils</h6> 1062 <p>Sketch</p> 1063 </li> 1064 <li> 1065 <h6 class="title">Année</h6> 1066 <p>2017</p> 1067 </li> 1068 1069 </ul> 1070 1071 <a class="button -text -unlink" href="https://giannipolito.fr/work/virevolt-domotique-economies-et-ecologie-reunis-dans-une-interface-intuitive/"> 1072 View Project <i class="icon -right"> 1073 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 1074 </i> 1075 </a> 1076 </div> 1077 </div> 1078</div> 1079 1080<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d434078" data-lazy-to-footer="true"> 1081 <div class="project-lightbox-gallery"> 1082 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 1083 1084 1085 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-ffd.jpg"></div> 1086 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/Cover-2.jpg"></div> 1087 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/3.png"></div> 1088 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/5.png"></div> 1089 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/2-1.png"></div> 1090 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/4.png"></div> 1091 </div> 1092 </div> 1093 <div class="project-lightbox-details"> 1094 <div class="close-bar -flex-just-end"> 1095 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 1096 <i class="icon"> 1097 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1098 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 1099 </svg> 1100</i> 1101 </button> 1102 </div> 1103 <div class="project-content animated-holder"> 1104 <div class="headline-meta"> 1105 <div class="category-holder"> 1106 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 1107 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 1108 </div> 1109 1110 <span class="date"></span> 1111 </div> 1112 <div class="project-title"> 1113 <h2 class="headline title"> 1114 Géodiabète : conception de lâapplication pour trouver des professionnels de santé sensibilisés au diabète </h2> 1115 </div> 1116 <div class="project-details"> 1117 <p> 1118 Géodiabète est une application mobile disponible sur iOS et Android conçue pour faciliter la vie des personnes diabétiques en leur permettant de localiser et⦠</p> 1119 </div> 1120 <ul class="project-meta options-group -unlist"> 1121 1122 1123 1124 1125 1126 </ul> 1127 1128 <a class="button -text -unlink" href="https://giannipolito.fr/wor
1128k/optimisation-ux-chez-1001perruques-com-une-transformation-reussie-2/"> 1129 View Project <i class="icon -right"> 1130 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 1131 </i> 1132 </a> 1133 </div> 1134 </div> 1135</div> 1136 1137<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d435fe6" data-lazy-to-footer="true"> 1138 <div class="project-lightbox-gallery"> 1139 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 1140 1141 1142 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover.jpg"></div> 1143 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/99f89b84579599.5d655b5dcad3a.png"></div> 1144 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/fb0ca084579599.5d655b5dc9cce.png"></div> 1145 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/a4aac184579599.5d655b5dca564.png"></div> 1146 </div> 1147 </div> 1148 <div class="project-lightbox-details"> 1149 <div class="close-bar -flex-just-end"> 1150 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 1151 <i class="icon"> 1152 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1153 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 1154 </svg> 1155</i> 1156 </button> 1157 </div> 1158 <div class="project-content animated-holder"> 1159 <div class="headline-meta"> 1160 <div class="category-holder"> 1161 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/refonte/">Refonte</a></span> 1162 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/site-web/">Site web</a></span> 1163 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 1164 </div> 1165 1166 <span class="date">mai 1, 2020</span> 1167 </div> 1168 <div class="project-title"> 1169 <h2 class="headline title"> 1170 Optimisation UX chez 1001Perruques.com : une transformation réussie </h2> 1171 </div> 1172 <div class="project-details"> 1173 <p> 1174 Alexie, fondatrice de 1001Perruques.com, sâest engagée dans une démarche ambitieuse pour améliorer lâexpérience utilisateur de son site e-commerce. Après un audit approfondi et des⦠</p> 1175 </div> 1176 <ul class="project-meta options-group -unlist"> 1177 1178 1179 1180 <li> 1181 <h6 class="title">Client</h6> 1182 <p>1001 Perruques</p> 1183 </li> 1184 1185 <li> 1186 <h6 class="title">Date de réalisation</h6> 1187 <p>2020</p> 1188 </li> 1189 <li> 1190 <h6 class="title">Outils utilisés</h6> 1191 <p>Sketch, Invision</p> 1192 </li> 1193 1194 </ul> 1195 1196 <a class="button -text -unlink" href="https://giannipolito.fr/wor
1196k/optimisation-ux-chez-1001perruques-com-une-transformation-reussie/"> 1197 View Project <i class="icon -right"> 1198 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 1199 </i> 1200 </a> 1201 </div> 1202 </div> 1203</div> 1204 1205<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d4377e4" data-lazy-to-footer="true"> 1206 <div class="project-lightbox-gallery"> 1207 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-slider-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 1208 1209 1210 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-template-2.jpg"></div> 1211 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2024/12/cover-4.jpg"></div> 1212 </div> 1213 </div> 1214 <div class="project-lightbox-details"> 1215 <div class="close-bar -flex-just-end"> 1216 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 1217 <i class="icon"> 1218 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1219 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 1220 </svg> 1221</i> 1222 </button> 1223 </div> 1224 <div class="project-content animated-holder"> 1225 <div class="headline-meta"> 1226 <div class="category-holder"> 1227 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/application-mobile/">Application mobile</a></span> 1228 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 1229 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/ux-ui-design/">UX/UI Design</a></span> 1230 </div> 1231 1232 <span class="date"></span> 1233 </div> 1234 <div class="project-title"> 1235 <h2 class="headline title"> 1236 Uxplorer : concept d’application pour explorer Lille </h2> 1237 </div> 1238 <div class="project-details"> 1239 <p> 1240 Réalisée dans le cadre d’un concours design Adobe, Uxplorer est lâapplication idéale pour les esprits créatifs en quête de lieux uniques et inspirants à ⦠</p> 1241 </div> 1242 <ul class="project-meta options-group -unlist"> 1243 1244 1245 1246 <li> 1247 <h6 class="title">Client</h6> 1248 <p>Adobe</p> 1249 </li> 1250 1251 <li> 1252 <h6 class="title">Type</h6> 1253 <p>Concours design</p> 1254 </li> 1255 1256 </ul> 1257 1258 <a class="button -text -unlink" href="https://giannipolito.fr/work/uxplorer-concept-application-pour-explorer-lille/"> 1259 View Project <i class="icon -right"> 1260 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 1261 </i> 1262 </a> 1263 </div> 1264 </div> 1265</div> 1266 1267<div class="clb-popup project-lightbox" id="ohio-lightbox-6abd33d439a6f" data-lazy-to-footer="true"> 1268 <div class="project-lightbox-gallery"> 1269 <div class="slider -slider-lightbox" data-clb-portfolio-lightbox-slider data-sli
1269der-navigation="1" data-slider-pagination="1" data-slider-loop="1" data-slider-mousescroll="1" data-slider-autoplay="1" data-slider-autoplay-time="5000" data-slider-autoplay-pause=""> 1270 1271 1272 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2021/12/cover-dandelion.jpg"></div> 1273 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2021/12/dessin.jpg"></div> 1274 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2021/12/logo.jpg"></div> 1275 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2021/12/typographie.jpg"></div> 1276 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2021/12/Charte-graphique_dandelion-1920x1440.jpg"></div> 1277 <div class="portfolio-lightbox-image" data-ohio-lightbox-image="https://giannipolito.fr/wp-content/uploads/2021/12/Charte-graphique_dandelion-2-1920x1440.jpg"></div> 1278 </div> 1279 </div> 1280 <div class="project-lightbox-details"> 1281 <div class="close-bar -flex-just-end"> 1282 <button class="icon-button -light" data-js="close-popup" aria-label="Close"> 1283 <i class="icon"> 1284 <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1285 <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path> 1286 </svg> 1287</i> 1288 </button> 1289 </div> 1290 <div class="project-content animated-holder"> 1291 <div class="headline-meta"> 1292 <div class="category-holder"> 1293 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/identite-de-marque/">Identité de marque</a></span> 1294 <span class="category"><a class="-unlink" href="https://giannipolito.fr/portfolio-category/logo/">Logo</a></span> 1295 </div> 1296 1297 <span class="date"></span> 1298 </div> 1299 <div class="project-title"> 1300 <h2 class="headline title"> 1301 Dandelion Datatables : Un logo qui reflète légèreté et modernité </h2> 1302 </div> 1303 <div class="project-details"> 1304 <p> 1305 Pour la solution Dandelion Datatables, spécialisée dans la gestion de tableaux de données, un logo a été conçu avec une approche à la fois⦠</p> 1306 </div> 1307 <ul class="project-meta options-group -unlist"> 1308 1309 1310 1311 <li> 1312 <h6 class="title">Client</h6> 1313 <p>Dandelion</p> 1314 </li> 1315 1316 <li> 1317 <h6 class="title">Année</h6> 1318 <p>2013</p> 1319 </li> 1320 <li> 1321 <h6 class="title">Outils</h6> 1322 <p>Illustrator</p> 1323 </li> 1324 1325 </ul> 1326 1327 <a class="button -text -unlink" href="https://giannipolito.fr/work/bright-captive-elementor/"> 1328 View Project <i class="icon -right"> 1329 <svg class="default" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M646-442.5H170v-75h476L426.5-737l53.5-53 310 310-310 310-53.5-53L646-442.5Z"/></svg> 1330 </i> 1331 </a> 1332 </div> 1333 </div> 1334</div>
1334<script type="speculationrules"> 1335{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/ohio/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1336</script>
1336 1337
1337<script> 1338 ( () => { 1339 const lazyloadRunObserver = () => { 1340 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 1341 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 1342 entries.forEach( ( entry ) => { 1343 if ( entry.isIntersecting ) { 1344 let lazyloadBackground = entry.target; 1345 if( lazyloadBackground ) { 1346 lazyloadBackground.classList.add( 'e-lazyloaded' ); 1347 } 1348 lazyloadBackgroundObserver.unobserve( entry.target ); 1349 } 1350 }); 1351 }, { rootMargin: '200px 0px 200px 0px' } ); 1352 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 1353 lazyloadBackgroundObserver.observe( lazyloadBackground ); 1354 } ); 1355 }; 1356 const events = [ 1357 'DOMContentLoaded', 1358 'elementor/lazyload/observe', 1359 ]; 1360 events.forEach( ( event ) => { 1361 document.addEventListener( event, lazyloadRunObserver ); 1362 } ); 1363 } )(); 1364 </script>
1364 1365 <link rel='stylesheet' id='ohio-global-fonts-css' href='//fonts.googleapis.com/css?family=Figtree%3A900%2C800%2C700%2C600%2C500%2C400%2C300%7CFigtree%3A300%2C400%2C500%2C600%2C700%2C800%2C900%2C300i%2C400i%2C500i%2C600i%2C700i%2C800i%2C900i%26subset%3Dlatin-ext%2Clatin-ext%2Clatin-ext%26display%3Dswap&ver=7.1.2' media='all' />
1366<script id="jquery-event-move-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/jquery.event.move.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 1366
1366
1367<script id="jquery-twentytwenty-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/jquery.compare.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 1367
1367
1368<script id="aos-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/aos.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 1368
1368
1369<script id="imagesloaded-js" src="https://giannipolito.fr/wp-includes/js/imagesloaded.min.js?ver=5.0.0"></script>
vendor: 1 bytes, line 1369
1369
1370<script id="masonry-js" src="https://giannipolito.fr/wp-includes/js/masonry.min.js?ver=4.2.2"></script>
vendor: 1 bytes, line 1370
1370
1371<script id="isotope-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/isotope.pkgd.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 1371
1371
1372<script id="typed-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/typed.min.js?ver=1.0.0"></script>
vendor: 1 bytes, line 1372
1372
1373<script id="wp-hooks-js" src="https://giannipolito.fr/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1373
1373
1374<script id="wp-i18n-js" src="https://giannipolito.fr/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1374
1374
1375<script id="wp-i18n-js-after"> 1376wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 1377//# sourceURL=wp-i18n-js-after 1378</script>
vendor: 1 bytes, line 1378
1378
1379<script id="swv-js" src="https://giannipolito.fr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4"></script>
vendor: 1 bytes, line 1379
1379
1380<script id="contact-form-7-js-translations"> 1381( function( domain, translations ) { 1382 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 1383 localeData[""].domain = domain; 1384 wp.i18n.setLocaleData( localeData, domain ); 1385} )( "contact-form-7", {"translation-revision-date":"2025-02-06 12:02:14+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 1386//# sourceURL=contact-form-7-js-translations 1387</script>
vendor: 1 bytes, line 1387
1387
1388<script id="contact-form-7-js-before"> 1389var wpcf7 = { 1390 "api": { 1391 "root": "https:\/\/giannipolito.fr\/wp-json\/", 1392 "namespace": "contact-form-7\/v1" 1393 } 1394}; 1395//# sourceURL=contact-form-7-js-before 1396</script>
vendor: 1 bytes, line 1396
1396
1397<script id="contact-form-7-js" src="https://giannipolito.fr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4"></script>
vendor: 86 bytes, lines 1397-1398
1397 1398<script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=
13986Le7P-gqAAAAAOyI2vE_R-kbwzACCCg5iOln4wPJ
vendor: 25 bytes, line 1398
1398&ver=3.0"></script>
1399<script id="wp-polyfill-js" src="https://giannipolito.fr/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
vendor: 1 bytes, line 1399
1399
1400<script id="wpcf7-recaptcha-js-before"> 1401var wpcf7_recaptcha = { 1402 "sitekey": "6Le7P-gqAAAAAOyI2vE_R-kbwzACCCg5iOln4wPJ", 1403 "actions": { 1404 "homepage": "homepage", 1405 "contactform": "contactform" 1406 } 1407}; 1408//# sourceURL=wpcf7-recaptcha-js-before 1409</script>
vendor: 1 bytes, line 1409
1409
1410<script id="wpcf7-recaptcha-js" src="https://giannipolito.fr/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.4"></script>
vendor: 1 bytes, line 1410
1410
1411<script id="googlesitekit-events-provider-contact-form-7-js" src="https://giannipolito.fr/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-contact-form-7-fac2a8013ba5ba355cd0.js" defer></script>
vendor: 1 bytes, line 1411
1411
1412<script id="googlesitekit-events-provider-content-events-js-before"> 1413window._googlesitekit = window._googlesitekit || {}; 1414window._googlesitekit.contentEvents = {"postID":227446,"isSinglePost":false,"hasVimeoEmbed":false}; 1415//# sourceURL=googlesitekit-events-provider-content-events-js-before 1416</script>
vendor: 1 bytes, line 1416
1416
1417<script id="googlesitekit-events-provider-content-events-js" src="https://giannipolito.fr/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-content-events-c7172f3fd0e4d5ad62ef.js" defer></script>
vendor: 1 bytes, line 1417
1417
1418<script id="__ytprefsfitvids__-js" src="https://giannipolito.fr/wp-content/plugins/youtube-embed-plus/scripts/fitvids.min.js?ver=14.2.3.2"></script>
vendor: 1 bytes, line 1418
1418
1419<script id="jquery-masonry-js" src="https://giannipolito.fr/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b"></script>
vendor: 1 bytes, line 1419
1419
1420<script id="ohio-slider-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/jquery.clb-slider.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 1420
1420
1421<script id="jquery-mega-menu-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/jquery.mega-menu.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 1421
1421
1422<script id="tilt-effect-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/libs/jquery.tilt.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 1422
1422
1423<script id="ohio-main-js-extra"> 1424var ohioVariables = {"url":"https://giannipolito.fr/wp-admin/admin-ajax.php","view_cart":"View Cart","add_to_cart_message":"has been added to the cart","subscribe_popup_enable":"","notification_enable":"","save_color_mode_state":"1"}; 1425//# sourceURL=ohio-main-js-extra 1426</script>
vendor: 1 bytes, line 1426
1426
1427<script id="ohio-main-js" src="https://giannipolito.fr/wp-content/themes/ohio/assets/js/main.min.js?ver=3.6.4"></script>
vendor: 1 bytes, line 1427
1427
1428<script id="wp-emoji-settings" type="application/json"> 1429{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://giannipolito.fr/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 1430</script>
vendor: 1 bytes, line 1430
1430
1431<script type="module"> 1432/*! This file is auto-generated */ 1433var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 1434//# sourceURL=https://giannipolito.fr/wp-includes/js/wp-emoji-loader.min.js 1435</script>
1435 1436 1437 </body> 1438</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.