I am
DI FRANCESCO Nolan
Work-study student at Youtips as a Communications Specialist & Content Creator
Portfolio
A glimpse of my work
Maison Élégance – Social Media
Services
Communication – Graphic Design
Collaboration
Individual
Year
March 2026
Case Study: Maison Élégance
How do you turn an Instagram account into a premium sales funnel? To illustrate my vision of Social Media Management, I conceptualized a fictional ready-to-wear brand from scratch: 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.
Millia Matcha – Pop-Up Opening (event)
Services
Communication
Collaborazione
Noah F. - Zoé R. - Nolan DF
Year
November 2025
As the holiday season approaches, we imagine an immersive pop-up designed to bring the Miliamatcha universe to the heart of Grenoble.This event concept showcases the full creation of a temporary “Christmas Matcha Bar”: natural scenography, exclusive tastings, participatory workshops, and animations designed to attract, surprise, and engage visitors.
Inside the PDF, you’ll find the complete concept: venue identity, detailed budget, action plan, scenography, animations, and contingency management, all crafted to deliver a warm, aesthetic, and brand-consistent experience.
Communication Strategy for the UT4M (Ultra Tour of the 4 Massifs)
Services
Communication
Collaboration
By a team of 4
Year
November 2025
Project: Communication Strategy for the UT4M (Ultra Tour of the 4 Massifs)Objective: Expand the visibility of the UT4M among students and young audiences to attract new participants and spectators.
As part of an audit and strategic recommendation assignment, our team analyzed the current communication of the event (social media, press, partnerships, website, on-site actions).
We then proposed a strategy aimed at modernizing the UT4M image and strengthening its presence on Grenoble campuses.
Key Actions:
– Creation of a UT4M Campus Day in partnership with the BDE STAPS (sports and festive event).
– Establishment of a student ambassador club to relay communication on social media.
– Development of dynamic content: YouTube mini-series, tips capsules, participatory stories.
This project allowed us to work on a real case, applying our skills in communication auditing, digital strategy, and event project management.
Report on the Profession of Videographer/Photographer
Services
Audiovisual
Collaboration
Nolan DI FRANCESCO, ThéoMARTINEZ, Titouan GIGNOUX
Year
December 2023
This documentary, titled “The Heart of the Camera”, was an ambitious university project focused on portraying Arnaud Auria, a distinguished professional in the field. As part of this project, we took on various roles and applied different skills, ranging from video recording to conducting interviews, as well as editing and sound management. Our primary objective was to highlight the diversity and depth of this profession, showcasing the challenges, passions, and expertise that define it.https://www.youtube.com/watch?v=405Obj6JZuI&t=2sTo bring this project to fruition, we invested several weeks in meticulous planning, on-site filming, and extensive research. These efforts enabled us to capture authentic moments and gather poignant testimonials, offering a fascinating glimpse into the life and work of Arnaud Auria, as well as his impact on his professional field.
Multimédi’Alpes – Event Communication
Services
Communication - Design
- Audiovisual
Collaboration
In a team of four
Year
April 2024
As a team of four, we created the communication plan for Multimédi’Alpes 2024, a festival highlighting the creative projects of MMI students.Our role was to design and coordinate the entire communication strategy, from concept to production. We conducted interviews with students and professors to include in the official trailer and teaser, and developed a digital campaign featuring Instagram stories and posts.
We also designed the graphic charter for the event website and prepared coordination and production reports outlining the key steps of the project.
I was mainly responsible for social media management and writing the communication and coordination documents. .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; } }
THE BEAR: Awaken your wild instincts – UI Design & Prototyping
Services
Graphic design
Collaboration
Yoan Toran -Nolan DI FRANCESCO
Year
December 2025
THE BEAR: Awaken Your Wild Instinct
UI Design & Figma Prototyping
How do you transform a strong visual identity into a fluid web experience?
THE BEAR is a fictional craft beer brand rooted in nature. On this collaborative project, roles were clearly defined: the visual identity and illustrations were created by my partner Yoan Toran, while I was responsible for translating this universe into a digital interface (UI) on Figma.
I structured the user journey to showcase the three ranges (Brown, Polar, Grizzly), created the adapted web design system, and produced high-fidelity prototyping to ensure immersive and functional navigation.
K’fée des jeux – Audit & Com Strategy
Services
Communication - Audiovisual -
Graphic Design
Collaboration
Noah - Lucie - Iryna- Ryan - Nolan
Year
January 2026
La Main dans le Cube: Strategy & User Experience for K’Fée des Jeux - GrenobleContext and Objectives: Working for K’Fée des Jeux, a board game café in Grenoble for 18 years, presented a major challenge: helping the client monetize their new creation, "La Main dans le Cube". As a team, we designed a strategic solution to differentiate this game from traditional escape rooms and enable its rental to other organizations. The goal was to transform this handcrafted concept into a commercially viable product, considering the client's limited resources while linking the physical gameplay to a global strategy.
UX Approach and Service Design: Our intervention began with a sector audit to position the product within a unique niche: immersive micro-adventures. Through on-site user observations, we refined the experience to meet the demand for digital detox while ensuring it remained accessible and fast-paced. This co-design process resulted in a web mockup and a service structure tailored to the café's real-world logistical constraints, ensuring a seamless flow between online booking and the in-person experience.
Communication Strategy and Profitability: To ensure a successful launch on a tight budget, we deployed a multi-channel strategy (Instagram, TikTok, Facebook, print materials, B2B brochures). The objective was to build an effective conversion tunnel, from initial teasing to social proof. By analyzing production costs, we proved the project's viability: the initial investment pays for itself in just ten sessions. This project of over 100 hours concluded with the delivery of a comprehensive report and an oral presentation to the client.
For reasons of confidentiality and intellectual property related to this client, the detailed explanatory file and the presentation slides are not available for public viewing.
KUDOS PACE: SEA Strategy & UX Design
Services
Communication –
Graphic Design
Collaboration
Individual
(Final Year Project)
Year
March 2026
Has technical apparel lost its soul? In the Gorpcore era, owning a high-performance jacket no longer proves your athletic level, but simply your purchasing power. KUDOS PACE flips the script with a radical concept: "Don't buy it. Earn it." In a world where meritocracy outweighs credit cards, I designed a hybrid ecosystem merging technical fashion with performance tracking. Discover how intentional purchase friction, coupled with the Strava API and local customization concept stores, transforms a simple garment into a true trophy of achievement.The full case study below includes the strategic audit, the statement of intent, and access to the interactive Figma prototype.
The Notebook — a personal editorial review where I break down the campaigns that inspire me.
Discover →About Me
Building connections, telling stories, and bringing people together.
While my technical skills and projects have their own dedicated space on this portfolio, this is where I share my approach. Currently completing my Bachelor’s degree in Multimedia and Internet Professions (BUT MMI) in Grenoble, I view communication as a holistic experience. What drives me every day is finding the right message, the perfect format, or the ideal event to engage a community and bring a project’s values to life.
Naturally curious and a true team player, I love the synergy that comes from collective brainstorming and the satisfaction of seeing an abstract idea come to life in the field or on social media. To me, communicating isn’t just about mass-producing content; above all, it’s about giving meaning and impact to every action.
What’s next? Starting in September 2026, I will be pursuing a Master’s degree in Communication and Digital Strategy. As part of this program, I am looking for a 24-month work-study contract within a company or agency to invest myself in meaningful projects. With a solid level of English, I approach this future collaboration as a true two-way exchange: I am eager to learn from your expertise, while bringing a fresh perspective, my own ideas, and a proactive attitude to your teams. I am also fully prepared to bring my energy to international missions.
Experience
Education
Toolkit
My skills
Expertise built around two complementary pillars: communication and visual creation.
Communication & strategy
- Social media Content strategy, editorial guidelines, community management and multi-platform publishing schedules.
- SEO · SEA · GEO Optimization for traditional search engines and generative AI, Google Ads campaigns, audits and recommendations.
- KPIs & analytics Defining indicators, campaign tracking, dashboards and reporting to steer communication initiatives.
Creation & production
- Adobe Creative Suite
- Figma
- Photography
- CapCut
- Canva
Note Proficient in WordPress with solid foundations in HTML & CSS to integrate and customize web content independently.
My passions.
Three territories that go beyond hobbies. They feed my creative sensibility, my work discipline and my cultural openness.
Living music from the inside.
Music accompanies me daily and feeds my creative sensibility. This passion has found a particular echo at Youtips, where I work as a communication officer and content creator.
Working in a company specialised in training musicians means being around artists daily, living the studio environment, understanding how a musical universe is told through digital communication. An immersion that enriches my creative vision and strengthens my link to the cultural sector, one of the fields I'm targeting for the future.
Discipline as a driver.
Sport taught me what no school ever could: regularity, endurance, the taste for going further. Medallist in judo and karate as a child, I built on this foundation a regular sports practice that supports me today in all my projects.
This discipline translates directly into the way I work: meeting deadlines, delivering cleanly, starting over if needed. Beyond performance, it's also a field that interests me professionally, communication in the sport sector being one of my Master's objectives.
Understanding other codes.
Ten countries visited across three continents. Each destination taught me to read different cultural codes, an essential skill for anyone working in communication today, in a sector where local culture makes the difference between a message that lands and one that misses.
My trilingualism in French, English and Italian extends this openness daily. The destination that marked me the most: India for its sensory intensity. Japan and the United States are the next goals.
- Passion - Creativity - Energy - Teamwork - Communication - Collaboration - Versatility
- Autonomy - Honesty - Determination - Responsibility - Curiosity - Confidence - Respect - Patience - Perseverance
Eiichiro Oda