{ "nav": { "about": "Su di me", "work": "Progetti", "contact": "Contatti" }, "hero": { "greeting": "Ciao, mi chiamo", "title": "UX & UI Designer", "subtitle": "Sono curioso di capire come persone e interfacce si incontrano" }, "aboutDesc": "Ciao, mi chiamo Alessandro Bocquet. Sono un UX e UI designer che sta studiando nel master Digital and Interaction Design al Politecnico di Milano. Creo il mio lavoro principalmente con Figma e codificando con HTML, CSS e JavaScript (GSAP e jQuery).", "skillsTitle": "Competenze Design", "skillsDesc": "Il mio background nel design di interazione e sistemi visivi mi consente di affrontare le sfide visive e di esperienza utente su tutti i media con un approccio product-oriented", "stats": { "skills": "Competenze", "years": "Anni", "ideas": "Idee", "languages": "Lingue" }, "skills": { "designCreation": { "title": "Design & Creazione", "figma": "Figma", "protopie": "Protopie", "framer": "Framer", "notion": "Notion", "photoshop": "Photoshop", "premierePro": "Premiere Pro", "illustrator": "Illustrator", "htmlCss": "HTML/CSS" }, "uxProcess": { "title": "Processo UX", "usabilityTesting": "Test di usabilità", "wireframing": "Wireframing", "userFlows": "User Flow", "heuristicEvaluations": "Valutazioni euristiche", "cardSorting": "Card sorting", "accessibilityTesting": "Test di accessibilità", "dataDrivenDesign": "Data Driven Design", "seqUeq": "SEQ, UEQ" } }, "featuredProjectsTitle": "Progetti in evidenza", "featuredProjectsDesc": "Ecco una selezione dei miei lavori recenti nel design UX/UI e nella creazione visiva", "sections": { "productDesign": "Product Design", "interactionDesign": "Interaction Design" }, "contact": { "title": "Mettiamoci in contatto", "description": "Sono sempre disponibile per discutere di nuovi progetti, idee creative e opportunità.", "emailButton": "Contatto", "github": "GitHub", "linkedin": "LinkedIn", "cv": "CV" }, "mainFooter": "Sito progettato in HTML/CSS e JavaScript", "common": { "viewPrototype": "Vedi il prototipo", "viewTvPrototype": "Vedi prototipo TV", "viewAppPrototype": "Vedi prototipo app", "viewWebsitePrototype": "Vedi prototipo del sito" }, "ai_bar_placeholder": "Chiedimi qualsiasi cosa su Alessandro", "ai_bar_expanded_placeholder": "Chiedimi qualsiasi cosa su Alessandro", "ai_bar_disclaimer": "L'IA puo sbagliare su Alessandro, sul suo lavoro o sui dettagli dei progetti. Verifica le informazioni importanti.", "ai_chip_1": "Qual e stato il suo ruolo in InStay?", "ai_chip_2": "Mostrami il suo processo di ricerca", "ai_chip_3": "Quali strumenti usa?", "ai_chip_4": "Come posso contattarlo?", "ai_send_label": "Invia messaggio", "ai_cta_view_project": "Vedi progetto", "aiAssistant": { "placeholder": "Chiedimi qualsiasi cosa su Alessandro", "thinking": "Sto pensando", "ctaProject": "Vedi progetto", "ctaContact": "Vai ai contatti", "ctaMeltedHero": "Go to Melted Hero Game", "fallbackLimited": "Al momento sono focalizzato sull'UX/UI di Alessandro e sui suoi progetti. Prova a chiedere di InStay, Planetarium, Capsound, Soltar, Sync, del suo processo, strumenti o contatti.", "fallbackNoAnswer": "Non ho una risposta specifica a questa domanda. Se necessario, clicca sul pulsante della sezione Contatti per contattare Alessandro.", "genericError": "Si è verificato un problema. Riprova. Se necessario, clicca sul pulsante della sezione Contatti per contattare Alessandro.", "rateLimited": "Hai fatto molte domande. Riprova tra un'ora.", "rephrase": "Potresti riformulare la domanda?", "chips": { "instayRole": "Qual e stato il suo ruolo in InStay?", "researchProcess": "Mostrami il suo processo di ricerca", "toolsUsed": "Quali strumenti usa?", "contact": "Come posso contattarlo?" } }, "instay": { "projectType": "Interfaccia TV · UX/UI Design", "labels": { "description": "Descrizione", "problem": "Problema:", "solution": "Soluzione:", "duration": "Durata:", "date": "Data:" }, "description": "InStay è un ecosistema che integra dispositivi IoT, Smart TV e un telecomando dedicato per migliorare l'esperienza degli ospiti e ottimizzare la gestione delle proprietà. Progettato per ospiti e proprietari, offre controllo intuitivo, efficienza energetica e gestione sicura dei dispositivi negli affitti a breve termine.", "problem": "Gli ospiti faticano a regolare illuminazione e clima, a trovare informazioni essenziali e ad adattarsi a sistemi sconosciuti. I proprietari affrontano sprechi energetici, uso improprio dei dispositivi e un controllo limitato delle risorse. InStay necessitava di una soluzione coerente e facile da usare, che funzionasse senza attriti su più dispositivi, mantenendo sicurezza e identità di marca.", "solution": "Abbiamo progettato un ecosistema connesso che combina Smart TV, dispositivi IoT e un telecomando dedicato, integrati in un'interfaccia unificata. La Smart TV funge da hub centrale e intuitivo per gli ospiti, mentre i proprietari accedono a controlli avanzati e monitoraggio tramite un'app. L'UI è stata validata con prototipi a bassa, media e alta fedeltà, enfatizzando riduzione dei clic, chiarezza e un senso di ospitalità. Il design utilizza un'estetica minimale, un'iconografia chiara e una palette morbida per trasmettere fiducia, innovazione e semplicità.", "durationValue": "4 mesi", "dateValue": "2025", "headers": { "ecosystem": "L’ecosistema", "alwaysPresent": "Sempre presente ma invisibile", "research": "La ricerca", "credits": "Crediti", "prototype": "Prototipi" }, "ownerApp": { "label": "App Proprietario", "text": "L’app InStay è il centro di controllo del proprietario per spazi di ospitalità connessi: monitorare in tempo reale, controllare i dispositivi da remoto e personalizzare l’esperienza Smart TV — tutto da telefonino o tablet." }, "remote": { "label": "Telecomando", "text": "Il telecomando InStay è un controller ergonomico tutto-in-uno per gli spazi di ospitalità. Progettato per gli ospiti, semplifica il controllo di luci, temperatura e media da un unico dispositivo. Il suo design minimale, validato attraverso test utente, garantisce un uso intuitivo e si adatta a qualsiasi interno grazie a cinque raffinate finiture..", "animation": "Un unico telecomando che connette, controlla e personalizza l'esperienza in camera." }, "ui": { "label": "Interfaccia TV", "text": "L'interfaccia Smart TV InStay trasforma la televisione nell'hub centrale dell'ospite, unificando intrattenimento, informazioni sulla proprietà e controlli domotici in un ambiente familiare. Gli ospiti possono accedere allo streaming, alla TV locale, ai dettagli del Wi‑Fi, a informazioni turistiche e alle regole della casa, e controllare luci, clima, serrature e altro — direttamente dalla TV." }, "centralHub": { "header": "Un hub centrale", "text": "InStay funziona anche come hub di controllo centrale per tutti i dispositivi smart della casa. Questo include condizionatori d'aria, luci intelligenti e serrature intelligenti." }, "designProcess": { "header": "Il processo di progettazione", "text": "Ad ogni fase del processo di design, abbiamo confrontato i nostri prototipi a bassa fedeltà con test utente. Attraverso test iterativi e feedback, abbiamo raffinato l'interfaccia, la struttura di navigazione e la gerarchia visiva, evolvendoci gradualmente da semplici wireframe a un design ad alta fedeltà raffinato che soddisfa sia gli standard di usabilità che gli obiettivi estetici." }, "research": { "label": "Ricerca", "text": "Abbiamo supportato la creazione di questo ecosistema con test utente. I risultati finali sul nostro sistema hanno mostrato un tasso di successo del 90% sull'app proprietario. Per i test Smart TV, rispetto ai benchmark precedenti, il nostro sistema ha performato costantemente il 40% meglio in tutti i test, con un risultato complessivo dell'87% di tasso di successo su 4 lingue diverse." }, "credits": { "text": "Progetto realizzato con Mert Güven, Luciano Lettieri Michele, Simona Invitti e Sabrina Maida al Politecnico di Milano." }, "crossfade": { "prefix": "Dalla", "low": "low fidelity", "connector": "alla", "high": "high fidelity" } }, "soltar": { "projectType": "Apparecchio connesso · UX/UI Design", "labels": { "description": "Descrizione", "problem": "Problema:", "solution": "Soluzione:", "duration": "Durata:", "date": "Data:" }, "description": "Soltar è un sistema di interazione connessa che combina un dispositivo indossabile, segnali aptici di vibrazione e musica adattiva per favorire il rilascio emotivo attraverso la danza. Per uso individuale o di gruppo, riduce l'ansia sociale, rafforza la consapevolezza corporea e sincronizza le persone attraverso un ritmo condiviso.", "problem": "Gli spazi di danza possono sembrare intimidatori, limitando l'espressione. Le persone spesso mancano di una guida per allineare movimento ed emozione, e molti non possono apprezzare eventi dal vivo. Soltar necessitava di un'esperienza portatile, sicura e sociale che funzionasse ovunque,al chiuso o all'aperto.", "solution": "Abbiamo progettato un dispositivo indossabile + app che utilizza motori di vibrazione, sensori IMU e musica adattiva per guidare il movimento in tempo reale. L'aptica sviluppa la consapevolezza corporea mentre l'app regola musica e vibrazioni in base all'intensità e agli obiettivi. Prototipato per oltre 30 partecipanti; supporta modalità singola o di gruppo con un'interfaccia minimale e playlist basate sull'umore.", "durationValue": "4 mesi", "dateValue": "2025", "headers": { "overview": "Panoramica", "research": "La ricerca", "credits": "Crediti", "prototype": "Prototipo" }, "app": { "label": "Applicazione", "text": "Soltar è un sistema basato su dispositivo indossabile e app che utilizza feedback aptico, musica adattiva e rilevamento del movimento in tempo reale per guidare gli utenti in un'esperienza di danza immersiva, individualmente o in gruppo. Progettato per favorire il rilascio emotivo e la connessione sociale, aiuta a superare barriere come ansia, imbarazzo e mancanza di tempo per eventi di danza." }, "wearable": { "label": "Dispositivo indossabile", "text": "Soltar è un dispositivo indossabile leggero, montato sul corpo, che integra motori di vibrazione, sensori IMU e connettività wireless per creare un sistema di guida per la danza. Posizionato su braccia e polsi per una percezione ottimale, fornisce schemi di vibrazione adattivi che rispondono in tempo reale all'intensità del movimento, guidando ritmo e flusso. È costruito con tessuto flessibile, fissaggi sicuri e un modulo elettronico compatto per garantire comfort, stabilità e libertà di movimento. Iterazioni estensive hanno perfezionato il posizionamento dei motori, l'ampiezza delle vibrazioni e la gestione dei cavi, risultando in un design stabile, percettibile e confortevole." }, "research": { "label": "Ricerca", "intro": "Lo sviluppo di Soltar si è basato su una ricerca esplorativa approfondita sulle dinamiche emotive e sociali della danza.", "paths": { "title": "Percorsi di investigazione multipli hanno plasmato il concetto:", "caseStudies": "Casi di studio di dispositivi aptici indossabili per movimento, postura e propriocezione.", "literature": "Revisione della letteratura su design somaestetico, mappatura corporea e regolazione emotiva attraverso la consapevolezza corporea.", "feasibility": "Test di fattibilità tecnologica con motori di vibrazione, sensori IMU e modulazione musicale in tempo reale tramite TouchDesigner." }, "outro": "Oltre 30 partecipanti hanno preso parte ai test iterativi del prototipo su sette dimensioni: posizionamento delle vibrazioni, schemi aptici, posizionamento IMU, adattamento musicale, comfort del dispositivo indossabile, chiarezza dell'interfaccia ed esperienza di gruppo." }, "outcome": { "title": "Risultati", "text": "La nostra ricerca ci ha permesso di creare un user flow supportato da feedback aptici calibrati e pattern musicali adattivi. I test iterativi hanno validato l'efficacia del sistema nel facilitare l'espressione corporea, riducendo l'ansia sociale e creando connessioni autentiche attraverso il movimento sincronizzato." }, "credits": { "text": "Progetto realizzato con Aranza Villarreal, Efe Eren Can Bakır, Kexin Ma, Sherif Rateb e Yifan Lu al Politecnico di Milano." } }, "capsound": { "projectType": "E-commerce · UX/UI Design", "labels": { "description": "Descrizione", "problem": "Problema:", "solution": "Soluzione:", "duration": "Durata:", "date": "Data:" }, "description": "Capsound è una piattaforma di tastiere personalizzabili che consente agli utenti di progettare, assemblare e aggiornare la propria tastiera. Invece di acquistare un prodotto fisso e preassemblato, i clienti possono selezionare singoli componenti: case, keycaps, switch e PCB, per creare una configurazione su misura. Puntando su modularità, riuso e riciclo, Capsound promuove un modello di economia circolare che riduce gli sprechi e prolunga la vita di ogni tastiera.", "problem": "La maggior parte delle tastiere in commercio è prodotta in serie con design fissi, limitando la personalizzazione e costringendo spesso a compromessi su estetica, feeling o ergonomia. Quando un componente si rompe o diventa obsoleto, spesso si butta l'intera tastiera, generando rifiuti inutili. Gli appassionati che vogliono costruire da sé incontrano fonti frammentate, costi più alti e poca guida per principianti. Serviva una soluzione unificata, sostenibile e accessibile.", "solution": "Capsound offre un negozio centralizzato dove acquistare componenti compatibili singolarmente o in kit curati. Il sistema modulare consente di riparare, aggiornare o riprogettare completamente la tastiera senza sostituirla interamente. Integrando programmi di riciclo dei pezzi usati e risorse educative per chi inizia, Capsound rende la personalizzazione delle meccaniche sostenibile e accessibile. Questo approccio riduce i rifiuti e permette di creare un prodotto perfettamente allineato a esigenze e stile personali.", "durationValue": "2 mesi", "dateValue": "2024", "ui": { "label": "Interfaccia del sito", "text": "Pensato per la personalizzazione, un configuratore consente di combinare case, switch, keycaps e PCB con visuali in tempo reale e indicazioni di compatibilità. I suggerimenti Riusa & Ricicla propongono upgrade e trade‑in; gerarchia chiara, card modulari e guida passo a passo semplificano il flusso. Render ad alta risoluzione e preview interattive rendono tangibili i design, unendo entusiasmo della personalizzazione e acquisto sostenibile e pratico." }, "uiElements": { "label": "Elementi UI", "text": "Gli elementi UI di Capsound sono progettati non solo per chiarezza, ma per fidelizzazione a lungo termine e coinvolgimento duraturo. Pulsanti, campi di input, card e componenti di navigazione utilizzano affordance chiare e feedback reattivo per ridurre l'attrito, abbassando il carico cognitivo. Aderendo a pattern coerenti di dimensioni, spaziature e stati (predefinito, hover, attivo, disabilitato), l'interfaccia costruisce prevedibilità e fiducia, due fattori dimostrati per migliorare l'uso ricorrente." }, "designSystem": { "label": "Design System", "text": "Il design system di Capsound stabilisce un linguaggio visivo coeso basato su coerenza, modularità e scalabilità. Definisce una palette di colori che bilancia identità di brand con accessibilità, scale tipografiche che garantiscono leggibilità su tutti i dispositivi. Consentire una rapida iterazione per l'utente è stato un punto focale cruciale durante la creazione del design system." }, "headers": { "credits": "Crediti", "prototype": "Prototipo" }, "credits": { "text": "Progetto concepito con Tifenn Seveon all’Università di Strasburgo." } }, "planetarium": { "projectType": "UX/UI Design · Design d'esperienza", "labels": { "description": "Descrizione", "problem": "Problema:", "solution": "Soluzione:", "duration": "Durata:", "date": "Data:" }, "title": "Planetario", "description": "L'app del Planetario di Strasburgo è un'esperienza digitale interattiva progettata per aumentarne la visibilità. Attraverso un'applicazione web ottimizzata per mobile, accessibile tramite codici QR in tutta la città, in particolare nel centro città e nelle sedi culturali, gli utenti si imbarcano in un viaggio narrativo attraverso l'universo, dal Sole alle zone più remote dello spazio. ", "problem": "Nonostante la campagna pubblicitaria, molti residenti e visitatori non erano a conoscenza dell’esistenza del planetario né della sua posizione. La nostra ricerca ha rivelato che la maggior parte dei turisti non aveva programmato una visita al planetario.", "solution": "L'applicazione web ottimizzata per mobile guida gli utenti attraverso un viaggio di scorrimento tra le stelle, combinando educazione, interattività e geolocalizzazione. L'esperienza combina storytelling, interattività e geolocalizzazione per collegare il percorso digitale con una destinazione reale.", "durationValue": "2 mesi", "dateValue": "2023", "headers": { "overview": "Esplorazione delle scale dell'universo", "application": "L'applicazione", "aura": "L'Aura una guida di geolocalizzazione", "gamification": "Esplorazione gamificata", "research": "La ricerca", "credits": "Crediti" }, "application": { "label": "Applicazione", "text": "Gli utenti scorrono attraverso un viaggio narrativo che esplora il sistema solare: dal Sole a Venere, Terra, Luna, Giove e oltre. Ogni scorrimento rivela visualizzazioni, fatti e animazioni che creano un'esperienza di apprendimento immersiva, passando fluidamente attraverso lo spazio mentre informano gli utenti sul planetario e li incoraggiano a visitarlo." }, "aura": { "label": "L'Aura", "text": "Una funzionalità innovativa che chiamiamo 'L'Aura' fornisce agli utenti una guida spaziale. Indica discretamente la direzione e la distanza dal planetario in base alla posizione dell'utente. Funzionando come un giroscopio, si muove attorno al bordo dello schermo quando l'utente cambia direzione. Questo segnale visivo attira sottilmente gli utenti verso il planetario, sia virtualmente che fisicamente, creando una connessione fluida tra l'esperienza digitale e la visita fisica." }, "gamification": { "label": "Esplorazione gamificata", "text": "Per migliorare l'engagement, l'app include mini-giochi integrati nel viaggio. Gli utenti possono toccare i pianeti per attivare giochi brevi e guadagnare badge. Raccogliere tutti i badge potrebbe sbloccare un piccolo buono sconto per la prossima visita al planetario. I giochi rimangono opzionali e non intrusivi, assicurando un'esperienza educativa fluida mentre aggiungono motivazione ludica all'esplorazione." }, "research": { "label": "Ricerca", "intro": "Le nostre osservazioni e interviste per strada hanno rivelato problemi critici di visibilità per quanto riguarda il Planetario di Strasburgo.", "findings": { "title": "Risultati chiave:" }, "goal": "Questa mancanza di visibilità ci ha motivato a creare un progetto per aiutare il planetario a raggiungere un pubblico più ampio attraverso esperienze digitali interattive integrate negli spazi culturali e turistici della città." }, "credits": { "text": "Progetto concepito e realizzato con Baptiste Fritz all'Università di Strasburgo." }, "phone": { "text1": "Viaggia dal Sole ai pianeti lontani. Ogni scroll rivela immagini straordinarie e fatti astronomici affascinanti.", "text2": "Un'esperienza di apprendimento immersiva che porta le meraviglie dello spazio direttamente a portata di mano." } }, "sync": { "projectType": "Design speculativo · Umano-IA · Ecologia", "labels": { "description": "Descrizione", "problem": "Problema:", "solution": "Soluzione:", "duration": "Durata:", "date": "Data:" }, "description": "SYNC è un progetto di design speculativo che esplora un'IA più-che-umana per un pianeta vivente. In questo progetto, esploriamo come l'IA possa mediare tra i bisogni degli esseri umani, degli altri esseri viventi e dell'ambiente all'interno di un ecosistema minacciato, co-speculando con l'IA per immaginare futuri rigenerativi.", "problem": "Gli approcci attuali alle sfide ambientali spesso privilegiano i bisogni umani rispetto all'ecosistema più ampio. I sistemi di IA sono tipicamente progettati con obiettivi antropocentrici, trascurando le complesse interdipendenze tra umani, altre specie e sistemi naturali. Gli ecosistemi minacciati richiedono un approccio più olistico che consideri tutti gli attori del mondo vivente.", "solution": "SYNC propone un framework in cui l'IA agisce come mediatrice tra le attività umane e i bisogni ecologici. Co-speculando con l'IA, immaginiamo sistemi in grado di interpretare i segnali ambientali, bilanciare bisogni in competizione e facilitare pratiche rigenerative. Il progetto immagina futuri in cui la tecnologia serve da ponte tra le specie piuttosto che da strumento di dominio.", "durationValue": "X mesi", "dateValue": "2026", "headers": { "prototype": "Prototipo", "credits": "Crediti" }, "obj": { "caption": "Un artefatto vivente che evolve mentre scorri." }, "concept": { "label": "Concetto", "text": "SYNC reimmagina la relazione tra intelligenza artificiale e mondo naturale. Invece di vedere l'IA come uno strumento puramente umano, esploriamo il suo potenziale come mediatore interspecie, un sistema capace di comprendere e bilanciare i bisogni di interi ecosistemi." }, "framework": { "label": "Framework speculativo", "text": "Attraverso la co-speculazione con l'IA, abbiamo sviluppato scenari e interfacce che visualizzano come potrebbe operare un'IA più-che-umana. Questi artefatti speculativi ci aiutano a mettere in discussione i paradigmi tecnologici attuali e a immaginare alternative centrate sulla rigenerazione ecologica." }, "artifacts": { "label": "Artefatti di design", "text": "Il progetto include una serie di artefatti di design che materializzano la nostra visione speculativa: interfacce, visualizzazioni e prototipi che dimostrano come SYNC potrebbe funzionare all'interno di un ecosistema minacciato." }, "credits": { "text": "Progetto realizzato con Ilke Baspinar, Brigitte Guarneri, Simona Invitti, Michelle Mei e Giulia Montelli." } } }