PageSourceSearch

https://giannipolito.fr/work/

html giannipolito.fr collected 2026-09-30 16:07:48 UTC 135,840 bytes, 1,438 lines download raw bytes

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 &raquo; 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 &raquo; 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&#038;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;application pour explorer Lille                </h2>   
1237            </div>
1238                            <div class="project-details">
1239                    <p>
1240                                                Réalisée dans le cadre d&rsquo;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&#038;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&#038;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.