Je suis
DI FRANCESCO Nolan

Portfolio
Un avant-goût de mes travaux
Maison Élégance – Social Media
Services
Communication -
Graphisme
Collaboration
Individuel
Année
Mars 2026
Étude de cas : Maison Élégance
Comment transformer un compte Instagram en un véritable tunnel de vente premium ? Pour illustrer ma vision du Social Media Management, j'ai conceptualisé de A à Z une marque fictive de prêt-à-porter : Maison Élégance.
/* ============================================== */ /* === ISOLATION DU BLOC ======================== */ /* ============================================== */ .me-portfolio-wrapper { font-family: 'Inter', sans-serif; background-color: #E5E5E5; padding: 40px 10px; display: flex; flex-direction: column; align-items: center; width: 100%; overflow: hidden; } .me-portfolio-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } /* ============================================== */ /* === LE SLIDER ================================ */ /* ============================================== */ .me-slider-container { width: 100%; max-width: 1000px; position: relative; } .me-slider-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); background: #fff; } .me-slider-track::-webkit-scrollbar { display: none; } .me-slide { flex: 0 0 100%; min-height: 560px; scroll-snap-align: start; display: flex; align-items: center; padding: 60px 80px; position: relative; } .me-bg-beige { background-color: #F5F3E9; } .me-bg-white { background-color: #FFFFFF; } .me-content { flex: 1; padding-right: 40px; } .me-content.me-reverse { padding-right: 0; padding-left: 40px; } .me-visual { flex: 1.2; display: flex; justify-content: center; align-items: center; } /* ============================================== */ /* === FLÈCHES DE NAVIGATION ==================== */ /* ============================================== */ .me-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background-color: #ffffff; color: #1A1A1A; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-decoration: none !important; border: none !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1); z-index: 50; transition: all 0.2s ease; } .me-arrow:hover { background-color: #1A1A1A; color: #ffffff; transform: translateY(-50%) scale(1.1); text-decoration: none !important; border: none !important; } .me-arrow-prev { left: 20px; } .me-arrow-next { right: 20px; } /* ============================================== */ /* === TEXTES =================================== */ /* ============================================== */ .me-tag { font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: #8C7A6B; font-weight: 600; margin-bottom: 15px; display: block; } .me-title { font-family: 'Playfair Display', serif; font-size: 2.8rem; color: #1A1A1A; line-height: 1.1; margin-bottom: 20px; font-weight: 400; } .me-text { font-size: 1.05rem; color: #444; line-height: 1.6; font-weight: 300; margin-bottom: 15px; } .me-bullet { font-weight: 600; font-size: 0.95rem; color: #1A1A1A; } /* ============================================== */ /* === MOCKUPS & CASCADE ======================== */ /* ============================================== */ /* Format pour les STORIES */ .me-phone { width: 155px; height: 320px; background-color: #D9D9D9; border: 5px solid #FFFFFF; border-radius: 20px; box-shadow: -10px 15px 30px rgba(0,0,0,0.15); background-size: 100% 100%; /* Force l'image à rentrer sans se couper */ background-position: top center; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; flex-shrink: 0; } /* Format pour le PROFIL */ .me-phone-single { width: 250px; height: 460px; border-radius: 30px; border-width: 8px; } .me-stack { display: flex; align-items: center; justify-content: center; padding-top: 30px; } .me-stack .me-phone { margin-left: -75px; } .me-stack .me-phone:first-child { margin-left: 0; } .me-stack .me-phone:nth-child(1) { z-index: 1; } .me-stack .me-phone:nth-child(2) { z-index: 2; } .me-stack .me-phone:nth-child(3) { z-index: 3; } .me-stack .me-phone:nth-child(4) { z-index: 4; } .me-stack .me-phone:nth-child(5) { z-index: 5; } .me-stack .me-phone:hover { transform: translateY(-30px) scale(1.05); z-index: 10 !important; box-shadow: 0 25px 50px rgba(0,0,0,0.3); } /* ============================================== */ /* === NAVIGATION DOTS ========================== */ /* ============================================== */ .me-nav { display: flex; justify-content: center; gap: 12px; margin-top: 25px; } .me-nav a { width: 12px; height: 12px; border-radius: 50%; background-color: #BDBDBD; transition: all 0.3s ease; } .me-nav a:hover { background-color: #8C7A6B; transform: scale(1.2); } /* ============================================== */ /* === RESPONSIVE MOBILE ======================== */ /* ============================================== */ @media (max-width: 850px) { .me-slide { flex-direction: column; padding: 40px 20px; text-align: center; gap: 30px; min-height: auto; } .me-content, .me-content.me-reverse { padding: 0; width: 100%; } .me-visual { width: 100%; margin-bottom: 20px; } .me-stack { transform: scale(0.85); padding-top: 10px; } .me-phone-single { transform: scale(0.85); } .me-title { font-size: 2.2rem; } .me-arrow { display: none; } } @media (max-width: 480px) { .me-stack { transform: scale(0.65); margin-top: -10px; } .me-phone-single { transform: scale(0.7); } .me-title { font-size: 1.8rem; } .me-text { font-size: 0.95rem; } } Étude de Cas / ConceptMaison Élégance.
Création d'une identité premium et d'un tunnel de conversion social media. Direction artistique axée sur la lumière et les textures brutes.
— Le Profil : La vitrine aspirationnelle.
Phase 1 : RéassuranceLa Preuve Sociale.
Mise en avant des parutions médias et des retombées presse. Redirection vers les articles via des stickers natifs intégrés subtilement.
Objectif : Crédibiliser la marque.
Phase 2 : EngagementDans l'Atelier.
Immersion dans le savoir-faire via une séquence narrative. Utilisation stratégique de l'écosystème Instagram (Sondages, Boîtes à questions).
Objectif : Créer du lien et stimuler l'algorithme.
Phase 3 : Social CommerceLe Tunnel de vente.
Génération d'urgence (FOMO) avec le Compte à rebours, suivi d'un achat facilité via le Shopping Tag sans quitter l'application.
Objectif : Convertir et réduire la friction.
KUDOS PACE : Stratégie SEA & Design UX
Services
Communication -
Graphisme
Collaboration
Individuel(Projet de fin d'études)
Année
Mars 2026
Le vêtement technique a-t-il perdu son âme ? À l'ère du Gorpcore, posséder une veste ultra-performante ne prouve plus votre niveau de sport, mais simplement votre pouvoir d'achat. KUDOS PACE inverse la tendance avec un concept radical : "Don't buy it. Earn it." Dans cet univers où la méritocratie prime sur la carte bleue, j'ai conçu un écosystème hybride fusionnant la mode technique et le tracking de performance. Découvrez comment une friction d'achat volontaire, couplée à l'API Strava et à des concepts stores de personnalisation locale, transforme un simple habit en un véritable trophée de l'effort.Le dossier complet ci-dessous inclut l'audit stratégique, la note d'intention et l'accès au prototype interactif Figma. .content a { width: 100%; width: 470px; } .content { display: flex; gap : 10px; justify-content: center; align-items: center; } .btn-epic { display: flex; position: relative; margin: auto; width: 100%; max-width: 475px; height: 52px; background: #fff; border-color: black; transform: translate3d(0px, 0%, 0px); text-decoration: none; font-weight: 600; font-size: 18px; letter-spacing: .05em; transition-delay: .6s; overflow: hidden; } .btn-epic:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #8BB4B1; border-radius: 50% 50% 0 0; transform: translateY(100%) scaleY(.5); transition: all .6s ease; } .btn-epic:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; border-radius: 0; transform: translateY(0) scaleY(1); transition: all .6s ease; } .btn-epic div { position: relative; width: 100%; /* On utilise toute la largeur disponible */ height: 1.2em; /* Hauteur basée sur la taille du texte pour être flexible */ text-transform: uppercase; display: flex; /* Pour aider au centrage interne si besoin */ justify-content: center; } .btn-epic span { position: absolute; z-index: 1; top: 0; width: 100%; text-align: center; transition: transform .5s ease; } .btn-epic span:first-child { color: white; transform: translateY(100%); } .btn-epic span:last-child { color: black; transform: translateY(0); } .btn-epic:hover { background: #d9d9d9; transition: background .2s linear; transition-delay: .6s; } .btn-epic:hover:after { border-radius: 0 0 50% 50%; transform: translateY(-100%) scaleY(.5); transition-delay: 0; } .btn-epic:hover:before { border-radius: 0; transform: translateY(0) scaleY(1); transition-delay: 0; } .btn-epic:hover span:first-child { transform: translateY(0); } .btn-epic:hover span:last-child { transform: translateY(-50px); } @media (max-width: 768px) { .btn-epic { max-width: 200px; height: 42px; font-size: 16px; } } @media (max-width: 480px) { .btn-epic { max-width: 160px; height: 36px; font-size: 14px; }
K’fée des jeux – Audit et Stratégie de Com
Services
Communication - Audiovisuel -Graphisme - Développement Web
Collaboration
Noah - Lucie - Iryna- Ryan - Nolan
Année
Janvier 2026
La Main dans le Cube : Stratégie & Expérience Utilisateur pour le K’Fée des Jeux - GrenobleContexte et Objectifs : Travailler pour le K’Fée des Jeux, café grenoblois présent depuis 18 ans, impliquait un défi de taille : aider le client à vivre de sa nouvelle création, "La Main dans le Cube". En groupe, nous avons conçu une réponse stratégique pour différencier ce jeu des escape games classiques et permettre sa location à d'autres structures. L'enjeu était de transformer cette idée artisanale en un produit commercialement viable, en tenant compte des moyens limités du client et en liant cet aspect tangible du jeu à une stratégie globale.
Démarche UX et Design de Service : Notre intervention a débuté par un audit sectoriel pour positionner le produit sur un créneau unique : la micro-aventure immersive. Grâce à l'observation des utilisateurs sur le terrain, nous avons affiné l'expérience pour qu'elle réponde à un besoin de déconnexion, tout en restant accessible et rapide. Ce travail de co-conception nous a permis de livrer une maquette web et une structure de service adaptées aux contraintes logistiques réelles du café-jeux, garantissant une fluidité entre la réservation en ligne et l'expérience en salle.
Stratégie de Communication et Rentabilité : Pour assurer le succès du lancement avec un budget restreint, nous avons déployé une stratégie plurimédia (Instagram, TikTok, Facebook, supports print, plaquettes B2B). L'objectif était de créer un tunnel de conversion efficace, du teasing à la preuve sociale. En analysant les coûts de production, nous avons prouvé la viabilité du projet : l'investissement est amorti en seulement dix sessions. Ce projet de plus de 100 heures s'est conclu par la livraison d'un dossier complet et une soutenance orale devant le client.
Pour des raisons de confidentialité et de propriété intellectuelle liées à ce client, le dossier d'explication détaillé ainsi que le support de présentation oral ne peuvent être consultés publiquement.
Millia Matcha – Inauguration Pop Up (évènement)
Services
Communication
Collaboration
Noah F. - Zoé R. - Nolan DF
Année
Novembre 2025
À l’approche des fêtes, nous imaginons un pop-up immersif pour installer l’univers Miliamatcha au cœur de Grenoble.Ce projet événementiel présente la création complète d’un espace éphémère pensé comme un “Christmas Matcha Bar” : scénographie naturelle, dégustations exclusives, ateliers participatifs et animations conçues pour attirer, surprendre et engager le public.
Vous trouverez dans le PDF l’ensemble du concept : identité du lieu, budget détaillé, plan d’actions, scénographie, animations et gestion des imprévus, le tout pensé pour offrir une expérience chaleureuse, esthétique et cohérente avec l’ADN de la marque. .content-sae301 a { width: 100%; width: 470px; } .content-sae301 { display: flex; gap : 10px; justify-content: center; align-items: center; } .btn-epic { display: flex; position: relative; margin: auto; width: 100%; max-width: 475px; height: 52px; background: #fff; border-color: black; transform: translate3d(0px, 0%, 0px); text-decoration: none; font-weight: 600; font-size: 18px; letter-spacing: .05em; transition-delay: .6s; overflow: hidden; } .btn-epic:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #8BB4B1; border-radius: 50% 50% 0 0; transform: translateY(100%) scaleY(.5); transition: all .6s ease; } .btn-epic:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; border-radius: 0; transform: translateY(0) scaleY(1); transition: all .6s ease; } .btn-epic div { position: relative; width: 50%; height: 26px; text-transform: uppercase; } .btn-epic span { position: absolute; z-index: 1; top: 0; width: 100%; text-align: center; transition: transform .5s ease; } .btn-epic span:first-child { color: white; transform: translateY(100%); } .btn-epic span:last-child { color: black; transform: translateY(0); } .btn-epic:hover { background: #d9d9d9; transition: background .2s linear; transition-delay: .6s; } .btn-epic:hover:after { border-radius: 0 0 50% 50%; transform: translateY(-100%) scaleY(.5); transition-delay: 0; } .btn-epic:hover:before { border-radius: 0; transform: translateY(0) scaleY(1); transition-delay: 0; } .btn-epic:hover span:first-child { transform: translateY(0); } .btn-epic:hover span:last-child { transform: translateY(-50px); } @media (max-width: 768px) { .btn-epic { max-width: 200px; height: 42px; font-size: 16px; } } @media (max-width: 480px) { .btn-epic { max-width: 160px; height: 36px; font-size: 14px; } }
KeyTrip – Ouvrez les portes du monde
Services
Communication -
Graphisme
Collaboration
FLOCARD R. - FRAGNOUD N.
- DI FRANCESCO N.
Année
Décembre 2025
Quand avez-vous réservé un voyage pour la dernière fois… sans passer des heures à comparer, à douter, à jongler entre dix onglets différents ?C’est de cette frustration qu’est né KeyTrip, une nouvelle façon de préparer ses séjours : plus simple, plus intuitive, plus humaine.
Nous avons développé un dossier de conception complet ainsi qu’un prototype Figma (wireframes + maquettes haute-fidélité) pour donner vie à une plateforme “tout-en-un” qui centralise vols, hôtels, activités… tout en ajoutant une touche unique : la box immersive, qui fait commencer le voyage avant même le départ.
Un concept premium, pensé pour offrir zéro stress, 100 % émotion. KeyTrip, c’est l’expérience du voyage réinventée.
KeyTrip – Ouvrez les portes du monde. .content-sae301 a { width: 100%; width: 470px; } .content-sae301 { display: flex; gap : 10px; justify-content: center; align-items: center; } .btn-epic { display: flex; position: relative; margin: auto; width: 100%; max-width: 475px; height: 52px; background: #fff; border-color: black; transform: translate3d(0px, 0%, 0px); text-decoration: none; font-weight: 600; font-size: 18px; letter-spacing: .05em; transition-delay: .6s; overflow: hidden; } .btn-epic:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #8BB4B1; border-radius: 50% 50% 0 0; transform: translateY(100%) scaleY(.5); transition: all .6s ease; } .btn-epic:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; border-radius: 0; transform: translateY(0) scaleY(1); transition: all .6s ease; } .btn-epic div { position: relative; width: 50%; height: 26px; text-transform: uppercase; } .btn-epic span { position: absolute; z-index: 1; top: 0; width: 100%; text-align: center; transition: transform .5s ease; } .btn-epic span:first-child { color: white; transform: translateY(100%); } .btn-epic span:last-child { color: black; transform: translateY(0); } .btn-epic:hover { background: #d9d9d9; transition: background .2s linear; transition-delay: .6s; } .btn-epic:hover:after { border-radius: 0 0 50% 50%; transform: translateY(-100%) scaleY(.5); transition-delay: 0; } .btn-epic:hover:before { border-radius: 0; transform: translateY(0) scaleY(1); transition-delay: 0; } .btn-epic:hover span:first-child { transform: translateY(0); } .btn-epic:hover span:last-child { transform: translateY(-50px); } @media (max-width: 768px) { .btn-epic { max-width: 200px; height: 42px; font-size: 16px; } } @media (max-width: 480px) { .btn-epic { max-width: 160px; height: 36px; font-size: 14px; } }
Audit de com – Ut4M (Ultra Tour des 4 Massifs)
Services
Communication
Collaboration
En équipe de 4
Année
Novembre 2025
Projet : Stratégie de communication pour l’UT4M (Ultra Tour des 4 Massifs)Objectif : élargir la visibilité de l’UT4M auprès des étudiants et du jeune public afin d’attirer de nouveaux participants et spectateurs.
Dans le cadre d’un travail d’audit et de recommandation stratégique, notre équipe a analysé la communication actuelle de l’événement (réseaux sociaux, presse, partenariats, site web, actions terrain).
Nous avons ensuite proposé une stratégie visant à moderniser l’image de l’UT4M et à renforcer sa présence sur les campus grenoblois.
Actions clés :
– Création d’un UT4M Campus Day en partenariat avec le BDE STAPS (événement sportif et festif).
– Mise en place d’un club ambassadeurs étudiants pour relayer la communication sur les réseaux.
– Développement de contenus dynamiques : mini-séries YouTube, capsules conseils, stories participatives.
Ce projet nous a permis de travailler sur un cas réel, en mobilisant nos compétences en audit de communication, stratégie digitale et gestion de projet événementiel. .content-sae301 a { width: 100%; width: 470px; } .content-sae301 { display: flex; gap : 10px; justify-content: center; align-items: center; } .btn-epic { display: flex; position: relative; margin: auto; width: 100%; max-width: 475px; height: 52px; background: #fff; border-color: black; transform: translate3d(0px, 0%, 0px); text-decoration: none; font-weight: 600; font-size: 18px; letter-spacing: .05em; transition-delay: .6s; overflow: hidden; } .btn-epic:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #8BB4B1; border-radius: 50% 50% 0 0; transform: translateY(100%) scaleY(.5); transition: all .6s ease; } .btn-epic:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; border-radius: 0; transform: translateY(0) scaleY(1); transition: all .6s ease; } .btn-epic div { position: relative; width: 50%; height: 26px; text-transform: uppercase; } .btn-epic span { position: absolute; z-index: 1; top: 0; width: 100%; text-align: center; transition: transform .5s ease; } .btn-epic span:first-child { color: white; transform: translateY(100%); } .btn-epic span:last-child { color: black; transform: translateY(0); } .btn-epic:hover { background: #d9d9d9; transition: background .2s linear; transition-delay: .6s; } .btn-epic:hover:after { border-radius: 0 0 50% 50%; transform: translateY(-100%) scaleY(.5); transition-delay: 0; } .btn-epic:hover:before { border-radius: 0; transform: translateY(0) scaleY(1); transition-delay: 0; } .btn-epic:hover span:first-child { transform: translateY(0); } .btn-epic:hover span:last-child { transform: translateY(-50px); } @media (max-width: 768px) { .btn-epic { max-width: 200px; height: 42px; font-size: 16px; } } @media (max-width: 480px) { .btn-epic { max-width: 160px; height: 36px; font-size: 14px; } }
À propos de moi
Au cours de cette formation, j’ai eu l’occasion de travailler sur une multitude de projets passionnants qui m’ont permis de perfectionner mes compétences techniques tout en apprenant à collaborer en équipe et à relever de nouveaux défis.
Je suis reconnu pour mon sérieux et ma détermination, m’efforçant toujours de donner le meilleur de moi-même. Passionné par le travail d’équipe, j’aime collaborer et suis toujours prêt à apporter mes idées pour enrichir les projets auxquels je participe.
Après l’obtention de mon BUT, je souhaite poursuivre en Master en alternance pour consolider mon expertise digitale. Passionné par l’univers du sport et de la mode, mon objectif est d’intégrer une grande entreprise ou une agence pour contribuer à des projets créatifs et ambitieux. Mon bon niveau d’anglais est également un atout que je serais ravi de mettre au service de mon entreprise pour des campagnes ou des projets à dimension internationale.
Mes expériences
Alternance - Communication et Créateur de contenu - Youtips (Grenoble, 38000) - 1 an
Septembre 2025 – août 2026
Stage - Créateur de contenu - Youtips (Grenoble, 38000) - 13 semaines
Créateur de contenu | 27 janvier au 25 avril 2025
Bénévole - Trail du Lac de Paladru (38850) - 2 jours
Mise en place et rangement du matériel, chronométrage, signaleur, bon fonctionnement de l’événement | 19 et 20 avril 2025
Responsable de Caisse - Piscine de La Rochette (Mairie, 73110) - 2 mois
Responsable de caisse | Août 2024 et Juillet 2025
Assistant logistique - Élections départementales de Grenoble - Département de l’Isère (38000) - 1 semaine
Assistant logistique | Juin 2022
Stage électricien - ENR Energy (38530) - 6 semaines
Electricien | 2019 – 2020
Stage de troisième - Département de l’Isère (38000) - 1 semaine
Assistant de bureaux | 2019
Éducation
IUT 1 - Grenoble
2023 - 2026
BUT MMI spécialité Stratégie de Communication – École de communication digitale
(stratégie de communication, audiovisuel, design et developpement web)
LPO Monge - Chambéry
2020 - 2023
Mes passions
La musique occupe une place importante dans ma vie : elle suscite des émotions, m’aide à me détendre et m’accompagne au quotidien. J’aime explorer une grande variété de styles et partager mes découvertes avec mon entourage, que ce soit en voyage ou lors de moments conviviaux. Cette passion a également trouvé un écho particulier durant mon alternance chez Youtips, une structure spécialisée dans la formation de musiciens. Même si mon rôle était centré sur la communication digitale, j’ai eu la chance de côtoyer de nombreux artistes et d’échanger avec eux, ce qui a enrichi ma vision créative et renforcé mon lien avec l’univers musical.
J’ai de nombreux centres d’intérêt, mais le sport occupe une place particulière dans ma vie ! Mes disciplines favorites sont le ski et la natation. Par le passé, j’ai participé à des compétitions de judo, remportant même certains titres. Actuellement, je fréquente régulièrement la salle de sport et je suis également passionné par le football.
Explorer différents pays m'a permis de découvrir une variété de cultures fascinantes. Chaque voyage m'a ouvert les yeux sur de nouvelles traditions, saveurs et modes de vie. C'est une expérience enrichissante qui m'aide à apprécier la diversité du monde et à grandir en tant que personne. J'ai déjà visité de nombreux pays en Europe, ainsi que Madagascar, la Thaïlande, l'Inde et le Maghreb. Les pays où je compte me rendre prochainement sont les États-Unis et le Japon.Passion - Créativité - Dynamisme - Travail d'équipe - Communication - Collaborations - Polyvalence -
Autonomie - Honnêteté - Détermination - Responsabilité - Curiosité - Confiance - Respect - Patience - Persévérance -
Monkey D. Luffy