{ "nav": { "about": "Über mich", "work": "Projekte", "contact": "Kontakt" }, "hero": { "greeting": "Hallo, ich bin", "title": "UX- & UI-Designer", "subtitle": "Ich bin neugierig, wie Menschen und Interfaces aufeinandertreffen" }, "aboutDesc": "Hallo, mein Name ist Alessandro Bocquet. Ich bin UX- und UI-Designer und studiere im Master Digital and Interaction Design am Politecnico di Milano. Ich erstelle meine Arbeiten hauptsächlich mit Figma und durch Coding in HTML, CSS und JavaScript (GSAP und jQuery).", "skillsTitle": "Design-Stack", "skillsDesc": "Mein vielfältiger Hintergrund in Interaction Design und visuellen Systemen ermöglicht es mir, visuelle und User-Experience-Herausforderungen über alle Medien hinweg mit einem durchdachten, menschenzentrierten Ansatz zu lösen.", "stats": { "skills": "Skills", "years": "Jahre", "ideas": "Ideen", "languages": "Sprachen" }, "skills": { "designCreation": { "title": "Design & Kreation", "figma": "Figma", "protopie": "Protopie", "framer": "Framer", "notion": "Notion", "photoshop": "Photoshop", "premierePro": "Premiere Pro", "illustrator": "Illustrator", "htmlCss": "HTML/CSS" }, "uxProcess": { "title": "UX-Prozess", "usabilityTesting": "Usability-Tests", "wireframing": "Wireframing", "userFlows": "User Flows", "heuristicEvaluations": "Heuristische Evaluationen", "cardSorting": "Card Sorting", "accessibilityTesting": "Barrierefreiheitstests", "dataDrivenDesign": "Datengetriebenes Design", "seqUeq": "SEQ, UEQ" } }, "featuredProjectsTitle": "Ausgewählte Projekte", "featuredProjectsDesc": "Eine Auswahl meiner aktuellen Arbeiten in UX/UI-Design und visueller Gestaltung.", "sections": { "productDesign": "Produktdesign", "interactionDesign": "Interaktionsdesign" }, "contact": { "title": "Lass uns in Kontakt treten", "description": "Ich spreche immer gerne über neue Projekte, Ideen oder mögliche Zusammenarbeit.", "emailButton": "Sag Hallo", "github": "GitHub", "linkedin": "LinkedIn", "cv": "Lebenslauf" }, "mainFooter": "Website gestaltet und programmiert in HTML/CSS und JavaScript", "common": { "viewPrototype": "Prototyp ansehen", "viewTvPrototype": "TV-Prototyp ansehen", "viewAppPrototype": "App-Prototyp ansehen", "viewWebsitePrototype": "Website-Prototyp ansehen" }, "ai_bar_placeholder": "Frag mich alles über Alessandro", "ai_bar_expanded_placeholder": "Frag mich alles über Alessandro", "ai_bar_disclaimer": "KI kann Fehler zu Alessandro, seiner Arbeit oder Projektdetails machen. Bitte wichtige Informationen überprüfen.", "ai_chip_1": "Was war seine Rolle bei InStay?", "ai_chip_2": "Zeig mir seinen Research-Prozess", "ai_chip_3": "Welche Tools verwendet er?", "ai_chip_4": "Wie kann ich ihn kontaktieren?", "ai_send_label": "Nachricht senden", "ai_cta_view_project": "Projekt ansehen", "aiAssistant": { "placeholder": "Frag mich alles über Alessandro", "thinking": "Ich denke nach", "ctaProject": "Projekt ansehen", "ctaContact": "Zum Kontakt", "ctaMeltedHero": "Zum Melted Hero Game", "fallbackLimited": "Ich konzentriere mich gerade auf Alessandros UX/UI und seine Projekte. Frag mich gerne zu InStay, Planetarium, Capsound, Soltar, Sync, seinem Prozess, seinen Tools oder zum Kontakt.", "fallbackNoAnswer": "Ich habe darauf keine präzise Antwort. Falls nötig, klicke auf den Kontaktbereich, um Alessandro zu erreichen.", "genericError": "Etwas ist schiefgelaufen. Bitte versuche es erneut. Falls nötig, klicke auf den Kontaktbereich, um Alessandro zu erreichen.", "rateLimited": "Du hast viele Fragen gestellt. Bitte versuche es in einer Stunde erneut.", "rephrase": "Kannst du das bitte anders formulieren?", "chips": { "instayRole": "Was war seine Rolle bei InStay?", "researchProcess": "Zeig mir seinen Research-Prozess", "toolsUsed": "Welche Tools verwendet er?", "contact": "Wie kann ich ihn kontaktieren?" } }, "instay": { "projectType": "TV-Interface · UX/UI Design", "labels": { "description": "Beschreibung", "problem": "Problem:", "solution": "Lösung:", "duration": "Dauer:", "date": "Datum:" }, "description": "InStay ist ein Smart-Hospitality-Ökosystem, das IoT-Geräte, Smart TV und ein Fernbedienungssystem integriert, um das Gästeerlebnis zu verbessern und das Property-Management zu vereinfachen. Für Gäste und Eigentümer entwickelt, bietet es intuitive Steuerung, Energieeffizienz und sicheres Gerätemanagement in Kurzzeitvermietungen.", "problem": "Gäste haben Schwierigkeiten, Licht und Klima einzustellen, wichtige Informationen zu finden und sich mit unbekannten Systemen zurechtzufinden. Eigentümer kämpfen mit Energieverschwendung, Fehlgebrauch von Geräten und begrenzter Kontrolle über Ressourcen. InStay brauchte eine zusammenhängende, benutzerfreundliche Lösung, die nahtlos über Geräte hinweg funktioniert und gleichzeitig Sicherheit und Markenidentität wahrt.", "solution": "Unsere Lösung verbindet Smart TV, IoT-Geräte, Fernbedienung und die Eigentümer-App zu einem vernetzten Ökosystem. Der Smart TV dient als intuitiver Hub und gibt Gästen volle Kontrolle über Wohnung und Aufenthalt. Außerdem bietet er ein sicheres Portal für persönliche Streaming-Konten, bei dem Daten beim Check-out gelöscht werden, um vollständige Privatsphäre zu gewährleisten.", "durationValue": "4 Monate", "dateValue": "2025", "ownerApp": { "label": "Eigentümer-App", "text": "Die InStay-App ist die zentrale Steuerzentrale für Eigentümer in vernetzten Hospitality-Räumen: in Echtzeit überwachen, Geräte aus der Ferne steuern und das Smart-TV-Erlebnis anpassen, alles vom Smartphone oder Tablet aus." }, "remote": { "label": "Fernbedienung", "text": "Die InStay-Fernbedienung ist ein ergonomischer All-in-one-Controller für Hospitality-Räume, mit dem Gäste Licht, Temperatur und Medien einfach über ein Gerät steuern können. Das minimalistische Design wurde durch mehrere Prototypen getestet, ist intuitiv nutzbar und passt mit fünf dezenten Farboptionen in jedes Interieur.", "animation": "Eine einzelne Fernbedienung, die das Erlebnis im Zimmer verbindet, steuert und personalisiert." }, "ui": { "label": "Smart-TV-UI", "text": "Die InStay Smart-TV-UI macht den Fernseher zum zentralen Hub der Gäste und vereint Entertainment, Unterkunftsinformationen und Smart-Home-Steuerung in einer vertrauten Umgebung. Gäste können Streaming, lokales TV, WLAN-Passwort, Touristeninfos und Hausregeln abrufen sowie Licht, Klima, Schlösser und mehr direkt über den Fernseher steuern." }, "centralHub": { "header": "Ein zentraler Hub", "text": "InStay fungiert außerdem als zentrale Steuerzentrale für alle Smart-Geräte im Zuhause. Dazu gehören Klimaanlagen, intelligente Beleuchtung und smarte Schlösser." }, "designProcess": { "header": "Der Designprozess", "text": "In jeder Phase des Designprozesses haben wir unsere Low-Fidelity-Prototypen mit Nutzertests überprüft. Durch iteratives Testen und Feedback haben wir Interface, Navigationsstruktur und visuelle Hierarchie verfeinert und uns schrittweise von einfachen Wireframes zu einem ausgereiften High-Fidelity-Design entwickelt, das sowohl Usability-Standards als auch ästhetische Ziele erfüllt." }, "research": { "label": "Forschung", "text": "Wir haben die Entwicklung dieses Ökosystems mit Nutzertests abgesichert. Die finalen Ergebnisse zeigten eine Erfolgsrate von 90% in der Eigentümer-App. Bei den Smart-TV-Tests erzielte unser System im Vergleich zu früheren Benchmarks in allen Tests konstant 40% bessere Ergebnisse, mit insgesamt 87% Erfolgsrate über 4 verschiedene Sprachen hinweg." }, "headers": { "ecosystem": "Das Ökosystem", "alwaysPresent": "Immer präsent, aber unsichtbar", "research": "Die Forschung", "credits": "Credits", "prototype": "Prototypen" }, "crossfade": { "prefix": "Von", "low": "Low Fidelity", "connector": "zu", "high": "High Fidelity" }, "credits": { "text": "Projekt konzipiert und umgesetzt mit Mert Güven, Luciano Lettieri Michele, Simona Invitti und Sabrina Maida am Politecnico di Milano." } }, "soltar": { "projectType": "Wearable · UX/UI Design", "labels": { "description": "Beschreibung", "problem": "Problem:", "solution": "Lösung:", "duration": "Dauer:", "date": "Datum:" }, "description": "Soltar ist ein verkörpertes Interaktionssystem, das ein Wearable, haptische Signale und adaptive Musik verbindet, um durch Tanz emotionale Entlastung zu ermöglichen. Für Solo- oder Gruppennutzung entwickelt, reduziert es soziale Angst, stärkt Körperwahrnehmung und synchronisiert Menschen durch einen gemeinsamen Rhythmus.", "problem": "Tanzräume können einschüchternd wirken und Ausdruck einschränken. Häufig fehlt eine Anleitung, um Bewegung und Emotion in Einklang zu bringen, und viele können Events nicht erreichen. Soltar brauchte ein tragbares, sicheres und soziales Erlebnis, das überall funktioniert, drinnen wie draußen.", "solution": "Wir haben ein Wearable mit App entwickelt, das Vibrationsmotoren, IMU-Sensoren und adaptive Musik nutzt, um Bewegungen in Echtzeit zu begleiten. Haptik stärkt die Körperwahrnehmung, während die App Musik und Vibrationen an Intensität und Ziele anpasst. Mit über 30 Teilnehmenden prototypisiert; unterstützt Solo- und Gruppenmodus mit minimaler UI und stimmungsbasierten Playlists.", "durationValue": "4 Monate", "dateValue": "2025", "headers": { "overview": "Überblick", "research": "Die Forschung", "credits": "Credits", "prototype": "Prototyp" }, "app": { "label": "App", "text": "Die App, entwickelt zur Unterstützung emotionaler Entlastung und sozialer Verbindung, ist bewusst minimalistisch und intuitiv gehalten. Sie fördert soziale Tanztreffen und erstellt Playlists basierend auf der Stimmung der Gruppe." }, "wearable": { "label": "Wearable-Gerät", "text": "Das Soltar-Wearable ist ein leichtes, am Körper getragenes Gerät. Es wird an Oberarmen und Handgelenken getragen und liefert Vibrationsmuster in Echtzeit, die sich an die Bewegungsintensität anpassen und Rhythmus sowie Flow unterstützen. Gefertigt aus flexiblem Stoff mit sicheren Verschlüssen und einem kompakten Elektronikmodul bietet es Komfort, Stabilität und Bewegungsfreiheit. Iterative Tests optimierten Motorposition, Vibrationsstärke und Kabelführung und führten zu einem klar wahrnehmbaren, stabilen und komfortablen Design für Solo- und Gruppentanz." }, "research": { "label": "Forschung", "intro": "Die Entwicklung von Soltar basierte auf umfangreicher explorativer Forschung zu den emotionalen und sozialen Dynamiken von Tanz.", "paths": { "title": "Mehrere Forschungsrichtungen haben das Konzept geprägt:", "caseStudies": "Fallstudien zu haptischen Wearables für Bewegung, Haltung und Propriozeption.", "literature": "Literaturrecherche zu somaästhetischem Design, Body Mapping und emotionaler Regulation durch Körperwahrnehmung.", "feasibility": "Technische Machbarkeitstests mit Vibrationsmotoren, IMU-Sensoren und Echtzeit-Musikmodulation via TouchDesigner." }, "outro": "Über 30 Teilnehmende nahmen an iterativen Prototypentests über sieben Dimensionen teil: Vibrationsposition, haptische Muster, IMU-Platzierung, Musikanpassung, Tragekomfort, UI-Klarheit und Gruppenerlebnis." }, "outcome": { "title": "Ergebnis", "text": "Unsere Forschung ermöglichte uns einen User Flow mit kalibriertem haptischem Feedback und adaptiven Musikmustern. Iterative Tests bestätigten die Wirksamkeit des Systems, körperlichen Ausdruck zu fördern, soziale Angst zu reduzieren und durch synchronisierte Bewegung Verbindung zu schaffen." }, "credits": { "text": "Projekt konzipiert und umgesetzt mit Aranza Villarreal, Efe Eren Can Bakır, Kexin Ma, Sherif Rateb und Yifan Lu am Politecnico di Milano." } }, "capsound": { "projectType": "E-Commerce · UX/UI Design", "labels": { "description": "Beschreibung", "problem": "Problem:", "solution": "Lösung:", "duration": "Dauer:", "date": "Datum:" }, "description": "Capsound ist eine Plattform für anpassbare Tastaturen, mit der Nutzer ihre eigenen Tastaturen designen, zusammenbauen und aufrüsten können. Statt ein festes, vorgefertigtes Produkt zu kaufen, wählen Kundinnen und Kunden einzelne Komponenten - Gehäuse, Keycaps, Switches und PCBs - um ein Setup zu erstellen, das zu ihren Vorlieben passt.", "problem": "Die meisten Tastaturen auf dem Markt sind Massenprodukte mit festen Designs, was Personalisierung einschränkt und oft zu Kompromissen bei Ästhetik, Gefühl oder Ergonomie führt. Wenn eine einzelne Komponente kaputtgeht oder veraltet ist, wird häufig die ganze Tastatur entsorgt. Enthusiasten, die selbst bauen möchten, stehen vor fragmentierter Beschaffung, höheren Kosten und mangelnder Einsteigerführung.", "solution": "Capsound ist eine zentrale Plattform, auf der Nutzer kompatible Tastaturkomponenten einzeln kaufen können. Das modulare System ermöglicht Reparatur, Upgrade oder Redesign, ohne das gesamte Produkt zu ersetzen. Mit Recyclingprogrammen für alte Teile und Lernressourcen für Einsteiger macht Capsound die Individualisierung mechanischer Tastaturen nachhaltig und zugänglich - es reduziert Abfall und hilft dabei, Tastaturen passgenau auf eigene Bedürfnisse und Stil auszurichten.", "durationValue": "2 Monate", "dateValue": "2024", "ui": { "label": "Website-UI", "text": "Capsound ist ein klar strukturierter Shop mit Fokus auf Personalisierung. Ein Komponenten-Konfigurator ermöglicht die Kombination von Gehäusen, Switches, Keycaps und PCBs mit Echtzeit-Visuals und Kompatibilitätshinweisen. Reuse-&-Recycle-Hinweise schlagen Upgrades und Trade-ins vor, während klare Hierarchie, modulare Karten und Schritt-für-Schritt-Führung den Flow einfach halten. Hochauflösende Renderings und interaktive Vorschauen machen Designs greifbar und verbinden die Freude an Personalisierung mit praktischem, nachhaltigem Einkauf." }, "uiElements": { "label": "UI-Elemente", "text": "Capsounds UI-Elemente sind nicht nur auf Klarheit ausgelegt, sondern auch auf langfristige Bindung und nachhaltiges Engagement. Buttons, Eingabefelder, Karten und Navigationselemente nutzen klare Affordanzen und responsives Feedback, um Reibung zu reduzieren und die kognitive Last zu senken. Durch konsistente Größen-, Abstands- und Zustandsmuster (Standard, Hover, Aktiv, Deaktiviert) schafft die Oberfläche Vorhersehbarkeit und Vertrauen, zwei nachweislich wichtige Faktoren für wiederkehrende Nutzung." }, "designSystem": { "label": "Design System", "text": "Das Capsound Design System etabliert eine kohärente visuelle Sprache, basierend auf Konsistenz, Modularität und Skalierbarkeit. Es definiert eine Farbpalette, die Markenidentität und Barrierefreiheit ausbalanciert, sowie typografische Skalen, die Lesbarkeit auf allen Geräten sichern. Schnelle Iteration für Nutzer war ein zentraler Schwerpunkt bei der Entwicklung des Design Systems." }, "headers": { "credits": "Credits", "prototype": "Prototyp" }, "credits": { "text": "Projekt konzipiert und umgesetzt mit Tifenn Seveon an der Universität Straßburg." } }, "planetarium": { "projectType": "UX/UI Design · Experience Design", "labels": { "description": "Beschreibung", "problem": "Problem:", "solution": "Lösung:", "duration": "Dauer:", "date": "Datum:" }, "title": "Planetarium", "description": "Die App des Planetariums Straßburg ist ein interaktives digitales Erlebnis, das Aufmerksamkeit für das Planetarium schaffen soll. Über eine mobile Webanwendung, die per QR-Codes in der ganzen Stadt zugänglich ist, starten Nutzer eine narrative Reise durch das Universum - von der Sonne bis in die fernsten Regionen des Weltraums. Das Erlebnis verbindet Storytelling, Interaktivität und Geolokalisierung, um die digitale Reise mit einem realen Ort zu verknüpfen.", "problem": "Trotz Werbekampagne wussten viele Einwohner und Besucher nicht, dass es das Planetarium gibt oder wo es sich befindet. Unsere Recherche zeigte, dass die meisten Touristen keinen Besuch des Planetariums geplant hatten.", "solution": "Wir entwickelten ein interaktives digitales Erlebnis, das über QR-Codes in Straßburg zugänglich ist. Die mobile Webanwendung führt Nutzer durch eine Scroll-Reise durch die Sterne und kombiniert Bildung, Interaktivität und Geolokalisierung. Die Aura-Funktion gibt räumliche Orientierung, während spielerische Elemente das Engagement erhöhen und Besuche fördern.", "durationValue": "2 Monate", "dateValue": "2023", "headers": { "overview": "Die Maßstäbe des Universums erkunden", "application": "Die Anwendung", "aura": "Die Aura - Geolokations-Guide", "gamification": "Gamifizierte Erkundung", "research": "Die Forschung", "credits": "Credits" }, "application": { "label": "Anwendung", "text": "Die Planetarium-Anwendung ist ein mobiloptimiertes Weberlebnis, zugänglich per QR-Codes in ganz Straßburg, besonders im Stadtzentrum und an kulturellen Orten. Nutzer scrollen durch eine narrative Reise durch das Sonnensystem - von der Sonne zu Venus, Erde, Mond, Jupiter und darüber hinaus." }, "aura": { "label": "Die Aura", "text": "Eine innovative Funktion, die wir Die Aura nennen, bietet Nutzern räumliche Orientierung. Sie zeigt dezent Richtung und Entfernung zum Planetarium basierend auf dem Standort des Nutzers. Wie ein Gyroskop bewegt sie sich am Bildschirmrand, wenn sich die Richtung ändert. Dieser visuelle Hinweis lenkt Nutzer subtil zum Planetarium - virtuell und physisch - und schafft eine nahtlose Verbindung zwischen digitalem Erlebnis und realem Besuch." }, "gamification": { "label": "Gamifizierte Erkundung", "text": "Um das Engagement zu steigern, enthält die App Minispiele, die in die Reise integriert sind. Nutzer können auf Planeten tippen, kurze Spiele starten und Badges sammeln. Das Sammeln aller Badges könnte einen kleinen Rabattgutschein für den nächsten Planetariumsbesuch freischalten. Die Spiele bleiben optional und unaufdringlich, sodass das Lernen flüssig bleibt und gleichzeitig spielerische Motivation entsteht." }, "research": { "label": "Forschung", "intro": "Unsere Beobachtungen und Straßeninterviews zeigten kritische Sichtbarkeitsprobleme beim Planetarium Straßburg.", "findings": { "title": "Wichtigste Erkenntnisse:", "unaware": "30% der Befragten hatten noch nie vom Planetarium gehört.", "location": "50% wussten, dass es existiert, aber nicht, wo es liegt." }, "goal": "Dieser Mangel an Sichtbarkeit motivierte uns, ein Projekt zu entwickeln, das dem Planetarium hilft, durch interaktive digitale Erlebnisse in den kulturellen und touristischen Räumen der Stadt ein größeres Publikum zu erreichen." }, "credits": { "text": "Projekt konzipiert und umgesetzt mit Baptiste Fritz an der Universität Straßburg." }, "phone": { "text1": "Die App bietet eine Reise von der Sonne zu fernen Planeten unseres Systems", "text2": "Jeder Scroll enthüllt neue Elemente in einem immersiven Lernerlebnis" } }, "sync": { "projectType": "Spekulatives Design · Mensch-KI · Ökologie", "labels": { "description": "Beschreibung", "problem": "Problem:", "solution": "Lösung:", "duration": "Dauer:", "date": "Datum:" }, "description": "SYNC ist ein spekulatives Designprojekt, das eine mehr-als-menschliche KI für einen lebendigen Planeten erforscht. In diesem Projekt untersuchen wir, wie KI zwischen den Bedürfnissen von Menschen, anderen Lebewesen und der Umwelt in einem bedrohten Ökosystem vermitteln kann. Gemeinsam mit KI spekulieren wir über regenerative Zukünfte.", "problem": "Aktuelle Ansätze für Umweltprobleme priorisieren häufig menschliche Bedürfnisse gegenüber dem gesamten Ökosystem. KI-Systeme werden typischerweise mit anthropozentrischen Zielen entwickelt und vernachlässigen die komplexen Wechselwirkungen zwischen Menschen, anderen Arten und natürlichen Systemen. Bedrohte Ökosysteme brauchen einen ganzheitlicheren Ansatz, der alle Akteure der lebendigen Welt berücksichtigt.", "solution": "SYNC schlägt einen Rahmen vor, in dem KI als Vermittlerin zwischen menschlichen Aktivitäten und ökologischen Bedürfnissen agiert. Durch Co-Spekulation mit KI entwerfen wir Systeme, die Umweltsignale interpretieren, konkurrierende Bedürfnisse ausbalancieren und regenerative Praktiken unterstützen. Das Projekt stellt sich Zukünfte vor, in denen Technologie als Brücke zwischen Arten dient statt als Werkzeug der Dominanz.", "durationValue": "5 Monate", "dateValue": "2026", "headers": { "prototype": "Prototyp", "credits": "Credits" }, "obj": { "caption": "Ein lebendiges Artefakt, das sich beim Scrollen weiterentwickelt." }, "concept": { "label": "Konzept", "text": "SYNC denkt die Beziehung zwischen künstlicher Intelligenz und der natürlichen Welt neu. Statt KI als rein menschliches Werkzeug zu betrachten, erforschen wir ihr Potenzial als interspezifische Vermittlerin - ein System, das die Bedürfnisse ganzer Ökosysteme verstehen und ausbalancieren kann." }, "framework": { "label": "Spekulativer Rahmen", "text": "Durch Co-Spekulation mit KI haben wir Szenarien und Interfaces entwickelt, die zeigen, wie eine mehr-als-menschliche KI funktionieren könnte. Diese spekulativen Artefakte helfen uns, bestehende technologische Paradigmen zu hinterfragen und Alternativen zu entwerfen, die auf ökologische Regeneration ausgerichtet sind." }, "artifacts": { "label": "Design-Artefakte", "text": "Das Projekt enthält eine Reihe von Design-Artefakten, die unsere spekulative Vision materialisieren: Interfaces, Visualisierungen und Prototypen, die zeigen, wie SYNC in einem bedrohten Ökosystem funktionieren könnte." }, "credits": { "text": "Projekt umgesetzt mit Ilke Baspinar, Brigitte Guarneri, Simona Invitti, Michelle Mei und Giulia Montelli." } } }