{ "nav": { "about": "About", "work": "Projects", "contact": "Contact" }, "hero": { "greeting": "Hello, I'm", "title": "UX & UI Designer", "subtitle": "I'm curious about how people and interfaces meet" }, "aboutDesc": "Hello, my name is Alessandro Bocquet. I'm a UX and UI designer studying in the master Digital and Interaction Design at the Politecnico di Milano. I mainly create my work through Figma and coding via HTML, CSS, and JavaScript (GSAP and jQuery).", "skillsTitle": "Design Stack", "skillsDesc": "My diverse background in interaction design and visual systems equips me to tackle visual and user experience challenges across all media with a thoughtful, human-centered approach.", "stats": { "skills": "Skills", "years": "Years", "ideas": "Ideas", "languages": "Languages" }, "skills": { "designCreation": { "title": "Design & Creation", "figma": "Figma", "protopie": "Protopie", "framer": "Framer", "notion": "Notion", "photoshop": "Photoshop", "premierePro": "Premiere Pro", "illustrator": "Illustrator", "htmlCss": "HTML/CSS" }, "uxProcess": { "title": "UX Process", "usabilityTesting": "Usability testing", "wireframing": "Wireframing", "userFlows": "User flows", "heuristicEvaluations": "Heuristic evaluations", "cardSorting": "Card sorting", "accessibilityTesting": "Accessibility Testing", "dataDrivenDesign": "Data Driven Design", "seqUeq": "SEQ, UEQ" } }, "featuredProjectsTitle": "Featured Projects", "featuredProjectsDesc": "A selection of my recent work in UX/UI design and visual creation.", "sections": { "productDesign": "Product Design", "interactionDesign": "Interaction Design" }, "contact": { "title": "Let's get in touch", "description": "Always happy to chat about new projects, ideas, or potential collaborations.", "emailButton": "Say Hello", "github": "GitHub", "linkedin": "LinkedIn", "cv": "Resume" }, "mainFooter": "Website designed and coded in HTML/CSS and JavaScript", "common": { "viewPrototype": "View prototype", "viewTvPrototype": "View TV prototype", "viewAppPrototype": "View app prototype", "viewWebsitePrototype": "View website prototype" }, "ai_bar_placeholder": "Ask me anything about Alessandro", "ai_bar_expanded_placeholder": "Ask me anything about Alessandro", "ai_bar_disclaimer": "AI can make mistakes about Alessandro, his work, or project details. Please verify important information.", "ai_chip_1": "What was his role on InStay?", "ai_chip_2": "Show me his research process", "ai_chip_3": "What tools does he use?", "ai_chip_4": "How can I contact him?", "ai_send_label": "Send message", "ai_cta_view_project": "View project", "aiAssistant": { "placeholder": "Ask me anything about Alessandro", "thinking": "Thinking", "ctaProject": "View project", "ctaContact": "Go to contact", "ctaMeltedHero": "Go to Melted Hero Game", "fallbackLimited": "I'm currently focused on Alessandro's UX/UI and projects. Try asking about InStay, Planetarium, Capsound, Soltar, Sync, his process, tools, or contact.", "fallbackNoAnswer": "I don't have a precise answer for that. If needed, click the Contact section button to reach Alessandro.", "genericError": "Something went wrong. Please try again. If needed, click the Contact section button to reach Alessandro.", "rateLimited": "You've asked a lot of questions. Please try again in an hour.", "rephrase": "Could you rephrase that?", "chips": { "instayRole": "What was his role on InStay?", "researchProcess": "Show me his research process", "toolsUsed": "What tools does he use?", "contact": "How can I contact him?" } }, "instay": { "projectType": "TV interface · UX/UI Design", "labels": { "description": "Description", "problem": "Problem:", "solution": "Solution:", "duration": "Duration:", "date": "Date:" }, "description": "InStay is a smart hospitality ecosystem integrating IoT devices, Smart TV, and a remote-control system to enhance the guest experience and streamline property management. Designed for both tenants and owners, it offers intuitive control, energy efficiency, and secure device management within short-term rentals.", "problem": "Guests face difficulty adjusting lighting and climate, finding essential information and are deeply hesitant to log into their personal streaming accounts. Owners deal with wasted energy, device misuse, and limited control over property resources. InStay needed a cohesive, user-friendly solution that works seamlessly across devices while maintaining security and brand identity.", "solution": "Our solution unites the Smart TV, IoT devices, the remote controller and the owner's application into one connected ecosystem. The Smart TV serves as an intuitive hub, giving guests complete control over their apartment and their stay. It provides a secure portal for personal streaming, with data deletion at check-out to ensure total privacy.", "durationValue": "4 months", "dateValue": "2025", "ownerApp": { "label": "Owner App", "text": "The InStay App is the owner’s central hub for connected hospitality spaces: monitor in real time, control devices remotely, and tailor the Smart TV experience, all from a phone or tablet." }, "remote": { "label": "Remote", "text": "The InStay Remote is an ergonomic, all-in-one controller for hospitality spaces, letting guests easily manage lighting, temperature, and media from one device. Its minimal design, tested through multiple prototypes, ensures intuitive use and complements any interior with five subtle color options.", "animation": "A single remote that connects, controls, and personalizes the in-room experience." }, "ui": { "label": "Smart TV UI", "text": "The InStay Smart TV UI turns the television into the guest's central hub, unifying entertainment, property information, and smart‑home controls in a familiar environment. Guests can access streaming, local TV, Wi‑Fi password, tourist information, house rules, and control lighting, climate, locks, and more, directly from the TV." }, "centralHub": { "header": "A central hub", "text": "InStay also functions as a central control hub for all smart devices in the home. This includes air conditioners, smart lights, and smart locks." }, "designProcess": { "header": "The design process", "text": "At each step of the design phase, we confronted our low-fidelity prototypes with user testing. Through iterative testing and feedback, we refined the interface, navigation structure, and visual hierarchy, gradually evolving from simple wireframes to a polished, high-fidelity design that meets both usability standards and aesthetic goals." }, "research": { "label": "Research", "text": "We backed this ecosystem creation with user testing. Final results on our system showed a 90% success rate on the owner's app. For the Smart TV tests, compared to benchmarks done before, our system performed consistently 40% better in all tests, with an overall result of 87% success rate across 4 different languages." }, "headers": { "ecosystem": "The ecosystem", "alwaysPresent": "Always present but invisible", "research": "The research", "credits": "Credits", "prototype": "Prototypes" }, "crossfade": { "prefix": "From", "low": "low fidelity", "connector": "to", "high": "high fidelity" }, "credits": { "text": "Project conceived and realized with Mert Güven, Luciano Lettieri Michele, Simona Invitti and Sabrina Maida at Politecnico di Milano." } }, "soltar": { "projectType": "Wearable · UX/UI Design", "labels": { "description": "Description", "problem": "Problem:", "solution": "Solution:", "duration": "Duration:", "date": "Date:" }, "description": "Soltar is an embodied interaction system that blends a wearable, haptic cues, and adaptive music to unlock emotional release through dance. For solo or group use, it eases social anxiety, strengthens body awareness, and syncs people through shared rhythm.", "problem": "Dance spaces can feel intimidating, limiting expression. People often lack guidance to align movement and emotion, and many can't reach events. Soltar needed a portable, safe, and social experience that works anywhere, indoors or outdoors.", "solution": "We designed a wearable linked to an app that uses vibration motors, IMU sensors, and adaptive music to guide movement in real time. Haptics build body awareness while the app tunes music and vibrations to intensity and goals. Prototyped with 30+ participants; supports solo or group modes with a minimal UI and mood‑based playlists.", "durationValue": "4 months", "dateValue": "2025", "headers": { "overview": "Overview", "research": "The research", "credits": "Credits", "prototype": "Prototype" }, "app": { "label": "Application", "text": "The app, designed to support emotional release and social connection, is kept minimalistic and intuitive. It's done to support social gathering to dance and create playlists based on the mood of the group." }, "wearable": { "label": "Wearable device", "text": "The Soltar wearable is a lightweight, body-mounted device. Worn on the upper arms and wrists, it delivers real-time vibration patterns that adapt to movement intensity, supporting rhythm and flow. Built from flexible fabric with secure fastenings and a compact electronics module, it ensures comfort, stability, and freedom of motion. Iterative testing refined motor placement, vibration strength, and cable layout, resulting in a perceptible, stable, and comfortable design for both solo and group dance." }, "research": { "label": "Research", "intro": "The development of Soltar was grounded in extensive exploratory research on the emotional and social dynamics of dance.", "paths": { "title": "Multiple investigation paths shaped the concept:", "caseStudies": "Case studies of wearable haptic devices for movement, posture, and proprioception.", "literature": "Literature review on somaesthetic design, body mapping, and emotional regulation through bodily awareness.", "feasibility": "Technology feasibility testing with vibration motors, IMU sensors, and real-time music modulation via TouchDesigner." }, "outro": "Over 30 participants took part in iterative prototype testing across seven dimensions vibration placement, haptic patterns, IMU positioning, music adaptation, wearable comfort, UI clarity, and group experience." }, "outcome": { "title": "Outcome", "text": "Our research allowed us to create a user flow supported by calibrated haptic feedback and adaptive music patterns. Iterative testing validated the system's effectiveness in facilitating bodily expression, reducing social anxiety, and creating connections through synchronized movement." }, "credits": { "text": "Project conceived and realized with Aranza Villarreal, Efe Eren Can Bakır, Kexin Ma, Sherif Rateb, Yifan Lu at Politecnico di Milano." } } , "capsound": { "projectType": "E-commerce · UX/UI Design", "labels": { "description": "Description", "problem": "Problem:", "solution": "Solution:", "duration": "Duration:", "date": "Date:" }, "description": "Capsound is a customizable keyboard platform that allows users to design, assemble, and upgrade their own keyboards. Instead of purchasing a fixed, pre-built product, customers can select individual components cases, keycaps, switches, and PCBs to create a setup tailored to their preferences.", "problem": "Most keyboards on the market are mass-produced with fixed designs, limiting personalisation and it often leads to forcing users to compromise on aesthetics, feel, or ergonomics. When a single component breaks or becomes outdated, the entire keyboard is often discarded. Enthusiasts who wish to build their own keyboards face fragmented sourcing, higher costs, and a lack of beginner-friendly guidance.", "solution": "Capsound is a centralised platform where users can buy compatible keyboard components individually. Its modular system allows customers to repair, upgrade, or redesign their keyboards without replacing the whole product. With recycling programs for old parts and educational resources for beginners, Capsound makes mechanical keyboard customisation sustainable and accessible reducing waste while helping users create keyboards tailored to their needs and style.", "durationValue": "2 months", "dateValue": "2024", "ui": { "label": "Website UI", "text": "Capsound is a streamlined, customization‑first shop. A component configurator lets users mix cases, switches, keycaps, and PCBs with real‑time visuals and compatibility cues. Reuse & Recycle prompts suggest upgrades and trade‑ins, while clear hierarchy, modular cards, and step‑by‑step guidance keep the flow simple. High‑res renders and interactive previews make designs tangible, blending the excitement of personalization with practical, sustainable shopping." }, "uiElements": { "label": "UI Elements", "text": "Capsound's UI elements are done not just for clarity, but for long-term user retention and sustained engagement. Buttons, input fields, cards, and navigation components use clear affordances and responsive feedback to reduce friction, lowering the cognitive load. By adhering to consistent sizing, spacing, and state patterns (default, hover, active, disabled), the interface builds predictability and trust, two factors proven to improve return-usage." }, "designSystem": { "label": "Design System", "text": "The Capsound design system establishes a cohesive visual language built on consistency, modularity, and scalability. It defines a color palette that balances brand identity with accessibility, typography scales that ensure readability across devices. Enabling rapid iteration for the user was a crucial focus point while creating the design system." }, "headers": { "credits": "Credits", "prototype": "Prototype" }, "credits": { "text": "Project conceived and realized with Tifenn Seveon at the University of Strasbourg." } }, "planetarium": { "projectType": "UX/UI Design · Experience Design", "labels": { "description": "Description", "problem": "Problem:", "solution": "Solution:", "duration": "Duration:", "date": "Date:" }, "title": "Planetarium", "description": "Planetarium of Strasbourg app is an interactive digital experience designed to raise awareness of the Strasbourg Planetarium. Through a mobile-friendly web application accessible via QR codes across the city, users embark on a narrative journey through the universe, from the sun to the farthest reaches of space. The experience combines storytelling, interactivity, and geolocation to connect the digital journey with a real-world destination.", "problem": "Despite an advertising campaign, many residents and visitors were unaware of the planetarium's existence or location. Our research revealed that most tourists didn't plan on going to the planetarium.", "solution": "We designed an interactive digital experience accessible via QR codes across Strasbourg. The mobile-friendly web application guides users through a scrolling journey through the stars, combining education, interactivity, and geolocation. The 'Aura' feature provides spatial guidance, while gamified elements enhance engagement and encourage visits.", "durationValue": "2 months", "dateValue": "2023", "headers": { "overview": "Exploring the scales of the universe", "application": "The application", "aura": "The Aura - Geolocation Guide", "gamification": "Gamified exploration", "research": "The research", "credits": "Credits" }, "application": { "label": "Application", "text": "The Planetarium application is a mobile-friendly web experience accessible via QR codes placed across Strasbourg, especially in the city center and cultural venues. Users scroll through a narrative journey exploring the solar system,from the Sun to Venus, Earth, Moon, Jupiter, and beyond." }, "aura": { "label": "The Aura", "text": "An innovative feature we call 'The Aura' provides users with spatial guidance. It discreetly indicates the direction and distance to the planetarium based on the user's location. Functioning like a gyroscope, it moves around the screen edge as the user changes direction. This visual cue subtly draws users toward the planetarium, both virtually and physically, creating a seamless connection between the digital experience and the physical visit." }, "gamification": { "label": "Gamified exploration", "text": "To enhance engagement, the app includes mini-games integrated into the journey. Users can tap on planets to trigger short games and earn badges. Collecting all badges could unlock a small discount voucher for the next planetarium visit. The games remain optional and non-intrusive, ensuring a fluid educational experience while adding playful motivation for exploration." }, "research": { "label": "Research", "intro": "Our observations and street interviews revealed critical visibility issues with the Strasbourg Planetarium.", "findings": { "title": "Key findings:", "unaware": "30% of respondents had never heard of the planetarium.", "location": "50% knew it existed but did not know where it was located." }, "goal": "This lack of visibility motivated us to create a project to help the planetarium reach a wider audience through interactive digital experiences integrated into the city's cultural and touristic spaces." }, "credits": { "text": "Project conceived and realized with Baptiste Fritz at the University of Strasbourg." }, "phone": { "text1": "The app offers a journey from the Sun to distant planets across our system", "text2": "Each scroll reveals new elements in an immersive learning experience" } }, "sync": { "projectType": "Speculative Design · Human-AI · Ecology", "labels": { "description": "Description", "problem": "Problem:", "solution": "Solution:", "duration": "Duration:", "date": "Date:" }, "description": "SYNC is a speculative design project that explores more-than-human AI for a living planet. In this project, we explore how AI can mediate between the needs of humans, other living beings, and the environment within an endangered ecosystem. We co-speculate with AI to imagine regenerative futures.", "problem": "Current approaches to environmental challenges often prioritize human needs over the broader ecosystem. AI systems are typically designed with anthropocentric goals, neglecting the complex interdependencies between humans, other species, and natural systems. Endangered ecosystems require a more holistic approach that considers all stakeholders in the living world.", "solution": "SYNC proposes a framework where AI acts as a mediator between human activities and ecological needs. By co-speculating with AI, we envision systems that can interpret environmental signals, balance competing needs, and facilitate regenerative practices. The project imagines futures where technology serves as a bridge between species rather than a tool of domination.", "durationValue": "5 months", "dateValue": "2026", "headers": { "prototype": "Prototype", "credits": "Credits" }, "obj": { "caption": "A living artifact that evolves as you scroll." }, "concept": { "label": "Concept", "text": "SYNC reimagines the relationship between artificial intelligence and the natural world. Rather than viewing AI as a purely human tool, we explore its potential as an interspecies mediator, a system capable of understanding and balancing the needs of entire ecosystems." }, "framework": { "label": "Speculative Framework", "text": "Through co-speculation with AI, we developed scenarios and interfaces that visualize how a more-than-human AI might operate. These speculative artifacts help us question current technological paradigms and imagine alternatives centered on ecological regeneration." }, "artifacts": { "label": "Design Artifacts", "text": "The project includes a series of design artifacts that materialize our speculative vision: interfaces, visualizations, and prototypes that demonstrate how SYNC might function within an endangered ecosystem." }, "credits": { "text": "Project realized with Ilke Baspinar, Brigitte Guarneri, Simona Invitti, Michelle Mei, and Giulia Montelli." } } }