mail@manuel.fyi
Dresden / Remote
Kompetenzprofil
Skill Profile
Seit 2004 arbeite ich an nutzerzentrierten Software-Produkten. Tief in Web-Tech; breit in UX, Informationsarchitektur, Agentic-AI-Engineering und Coaching.
Coaching zu Themen wie resiliente End-to-End-Stacks, automatisierte Qualitätssicherung und KI-native Arbeitsabläufe. Integration von LLM-Features und eigenen Agenten in Produktteams mit MCP, Agent Skills, AI-SDKs u. a. Am liebsten an der Schnittstelle zwischen konzeptioneller Strategie und praktischer Umsetzung.
Profil
| Titel | Dipl.-Medieninformatiker |
| Geboren | 12.09.1981 in Berlin, Deutschland |
| Staatsangehörigkeit | Deutsch & Französisch |
| Sprachkenntnisse | Deutsch (Muttersprache), Französisch (Muttersprache), Englisch (fließend), Spanisch (fließend), Portugiesisch (Grundkenntnisse), Niederländisch (Grundkenntnisse) |
| Persönliche Interessen | Sport, Musik, Fotografie, Typografie, Architektur, Kochen |
Was ich mache
| Agentic & KI | Eigene Agenten, MCP, Agent Skills, AI-SDKs, Claude Code, Cursor, OpenRouter, SGLang |
| Entwicklung | Nutzerzentrierte Web-Produkte von der ersten Skizze bis zur ausgelieferten, beobachtbaren App |
| Architektur | End-to-End-Typsicherheit, agent-first-Codestacks, End-to-End-Tests, CI/CD, TypeScript, Next.js, Tailwind, Drizzle ORM |
| Visualisierung | Informationsdesign für dynamische, komplexe und geografische Daten, D3, Mapbox, DeckGL, Three.js, WebGL |
| Coaching | Schulungen, Workshops, Code Reviews, Stakeholder-Abstimmung zwischen Engineering und Business |
Aktueller Stack
| Agentic & KI | AI-SDKs, OpenRouter, Claude Code, Cursor, Agent Skills, MCP, eigene Agenten, SGLang |
| Sprachen | TypeScript, HTML, CSS, SQL, SVG, WebGL / GLSL |
| Frameworks | Next.js, React, Tailwind, shadcn/ui, Playwright, XState, D3, Mapbox GL, DeckGL, Three.js |
| Runtime & Daten | Bun, Node.js, PostgreSQL, Drizzle ORM, GraphQL, Vektordatenbanken |
| Schwerpunkte | UX, Performance, Barrierefreiheit, SEO, eCommerce |
| Tools | VS Code, Cursor, Git, Docker, Figma |
Projekte
Fraunhofer Heinrich-Hertz-Institut — seit 2025
Katalog für 5G-Komponenten mit Lebenszyklus-Management, feingranularer Autorisierung und facettenreichen Entitätsansichten. 5G-Komponenten haben ihr eigenes Leben — der Katalog begleitet sie dabei.
Rolle: Architektur-Audit, Rewrite-Design, praktische Umsetzung; Beratung von drei Entwicklern, drei Designern und zwei Führungskräften zu Architektur, Delivery und Stakeholder-Abstimmung.
Ansatz: Durchgängige Typsicherheit, Komplexitätsreduktion, Iterationsgeschwindigkeit; die Codebasis ist auf Agent-First-Zugriff ausgelegt, sodass Coding-Agenten ohne großen Aufwand mitarbeiten können.
Stack: Next.js, RSC, Drizzle ORM, PostgreSQL, Bun, Playwright, Claude Code, Cursor, Agent Skills.
Barkhausen Institut — seit 2024
Portal für Dienstreisen-Management eines Forschungsinstituts.
Rolle: Beratung, Schulung, Feature-Entwicklung.
Ansatz: Resiliente Architekturen, automatisierte Qualitätssicherung, Komplexitätsreduktion.
Stack: Nuxt, Vue.js, TypeScript, Sentry, Playwright, Claude Code, Cursor.
Stammbäume — seit 2020
Stammbäume für vier große deutsche Familien. Sorgfältige und diskrete Abbildung menschlicher und gesellschaftlicher Komplexität — Patchwork-Konstellationen, geänderte und zurückgeforderte Namen, Verwandte, die in mehr als einem Zweig auftauchen, und die leisen Kanten, die jede alte Familie mit sich trägt.
Rolle: Konzeption, Design, Architektur, Entwicklung, Integration, Schulung.
Stack: React, GEDCOM, Figma, Lovable.
Estino GmbH — seit 2018
B2B-Dashboards für die Produktentwicklung von Nutzfahrzeugen: Signalvisualisierung, Entity-Management, Agenten-Design. Signale, Maschinen, Karten — das unsichtbare Innere von Hardware lesbar machen.
Rolle: Konzeption, UX, Schulung, Entwicklung.
Stack: Next.js, D3, Mapbox, DeckGL, GraphQL, Apollo, Playwright, Bun, Tailwind, shadcn/ui, Vercel AI SDK, SGLang, Vektordatenbanken.
Fioscope — 2024
Dashboard-Prototyp für Live-Kamera-Streams aus laufenden Öfen, zusammen mit bildbasierten Metriken wie dem Schmelzfortschritt. Ein Blick ins Feuer — übersetzt in Zahlen, mit denen die Bedienung arbeiten kann.
Rolle: Konzeption, UX, Prototyp-Entwicklung.
Wildstyle Network, Dresden — 2016–2017, 2023
Beratung und Umsetzung von QA- und CI-Strategien für microservice-basierte Webanwendungen. Prozesse und Werkzeuge zur Messung der Softwarequalität etabliert, Qualitätsstandards definiert und automatisierte Deployments geliefert, auf die sich Teams verlassen können.
Stack: Docker, npm, AWS, TypeScript, Drone CI, Jira, Bitbucket, Three.js, WebGL, Next.js.
JoDDiD — 2022–2023
Digitale Ausstellung "einfach gut gemacht — politische Bildung in Sachsen". Politische Bildung, die das Vorbeiscrollen überlebt.
Rolle: Konzeption, UX, Schulung, Entwicklung.
Stack: Svelte, Contentful, GraphQL, Tailwind.
Vime / Oxolo — 2022
UX-Beratung für Landing Pages, Testimonials und interaktive Widgets. Über Millemedia.
Baselworld — 2021
Frontend-Lead für das Intranet von Baselworld / Houruniverse (heute "Watches and Wonders"). Uhren messen Zeit; ein Intranet misst ein Unternehmen — beide sind auf ineinandergreifende kleine Zahnräder angewiesen.
Rolle: Entwicklung, Schulung, Beratung.
Comvel GmbH, München — 2016–2020
Relaunch und Weiterentwicklung des Buchungsportals Weg.de / lastminute.com. Urlaub sollte sich wie die Reise anfühlen — auch schon im Buchungsprozess.
Rolle: Relaunch des Buchungsportals, Umsetzung der Kernkomponenten, Team-Enablement von zehn Entwicklern und zwei Designern. Weniger Bugs, niedrigere Bounce- und Churn-Raten, schnellere Iteration, Teil der Grundlage für die Übernahme durch lastminute.com.
Stack: Next.js, React, Redux, Webpack, Jest, ES6, CSSNEXT, Node.js.
Franz Haniel & Cie. GmbH, Duisburg — 2018, 2020
Digitale Familiengeschichte über 350 Jahre Familien- und Firmengeschichte.
Rolle: UX-Konzept und Pitches, Abstimmung mit dem Aktionärsmanagement, Tooling, Deployment, QA.
Stack: React, Webpack, Figma, CSS-in-JS, Vercel.
Schacht One, Essen — 2018
Schulung von IT- und Projektmanagement-Mitarbeitern in moderner Webentwicklung. Prototyping, Machbarkeitsbewertung und hands-on Anwendung moderner Tools.
Themen: React, Node.js, UI-Frameworks, Formularhandling, QA.
Glashaus Till Garten GmbH, Medingen — 2015–2017
Online-Shop für Gartenkultur: Zubehör, Möbel, Gartengeräte. Das Einkaufserlebnis des physischen Ladens in den E-Commerce übertragen, das Sortiment erweitern, die Sichtbarkeit steigern.
Rolle: Konzept, technische Umsetzung, Design-Lead, Teamkoordination (5 Personen), Social-Media-Strategie.
Stack: Oxid eSales, Google Ads, HTML5, JavaScript.
SAXOPRINT GmbH, Dresden — 2016
Interaktive Druckvorschau für das Druckportal Saxoprint.de. Sechshundert sehr unterschiedliche Produkte — Faltzelte, Wickelbroschüren, Bücher, Verpackungen — alle in einem einheitlichen Interaktionsmodell.
Stack: React, Redux, ES6/7, CSSNEXT, Jest, Enzyme, Webpack, Node.js, Three.js, WebGL.
Kti Multimedia GmbH, Hamburg — 2015–2016
Technische Leitung bei der Angebotserstellung für das Spiele-Portal von Bundesliga.de, einschließlich HTML5-Games-Channel und Kidscorner. Integration von Free2Play- und Mobile-Games, Social Media, Fußball- und VoD-Inhalten, Go-Live-Tracking, SEO-Strategien. Auftraggeber: KTI Multimedia GmbH für DFL / Bundesliga.de.
HQ Plus GmbH, Berlin — 2015–2016
Wartung und Flash-zu-HTML5-Portierung der Hotellerie-B2B-Software von HQ Plus.
Stack: React, Redux, Flash / Flex.
Millemedia GmbH, Hamburg — 2015–2016
Begleitung der Umstellung von Werbemitteln auf moderne HTML5-Anzeigen: Animation-Kit, Deployment-Pipeline, Optimierung für spezifische Ad-Größenvorgaben, Verschlankung der Produktionsprozesse, Team-Schulungen.
Stack: CSS3, Gulp, Node.js, ES6.
Frühere Arbeiten
- T-Systems MMS, Dresden — 2009–2012, 2014. Genealogie-Produkt: großer Stammbaum, ursprünglich in Flash, später HTML5-Portierung mit PDF-Druck, Jive-Integration, Mobile-Unterstützung, Instant-Suche und Filterung. HTML5, CoffeeScript, Spine MVC, Raphael.js, jQuery, React.
- Exelonix GmbH, Dresden — 2013–2014. Android-Tablets für Seniorinnen und Senioren — Einfachheit der Bedienung, Fernwartung durch Angehörige, Apps für Gesundheit, Kommunikation, Sicherheit, Unterhaltung. Java, Android, HTTP.
- AVANGA Filmproduktion, Dresden — 2012–2013. Interaktive HD-Film-App für Messeauftritte und Vertrieb: jede Interaktion geht nahtlos in eine neue Filmsequenz über. avanga.de
- Sandstein Neue Medien, Dresden — 2011–2013. Virtuelle Bücher für die Museumsterminals des Militärhistorischen Museums Dresden: dreidimensionale Darstellung historischer Bücher, gestenbasierte Interaktion, Hardwarebeschleunigung. Adobe AIR, ActionScript, Away3D, GreenSock, Drupal, ORM, SQLite. mhmbw.de · sandstein.de
- Vodafone-Stiftungslehrstuhl, TU Dresden — 2008, 2011. Projektmanagement, Produktion und Motion Design für Dokumentationsvideos zu Forschungsprojekten — Material, das dem Lehrstuhl half, EU-Fördergelder einzuwerben.
- Groupnet, T-Systems MMS, Dresden — 2010. Design-Lead bei der Neugestaltung eines SAP-Netweaver-Intranets: Konzept, Kundenabstimmung, Umsetzungsübergabe. SAP Netweaver, RFC, CSS. telekom-mms.com
- Makro-semantische Visualisierung, T-Systems MMS, Dresden — 2009. Interaktive Unternehmensvisualisierung von über tausend Mitarbeitenden in mehreren hundert Arbeitsgruppen und tausenden Themen, um Synergien sichtbar zu machen. Flash, ActionScript, Atlassian Confluence.
Ausbildung
2002–2011 Diplom "Medieninformatik" — Fakultät Informatik, TU Dresden
"Interaktive zweidimensionale Darstellung von Erlebniszeit basierend auf besuchten Orten"
Endnote: 1 (ungefähres Äquivalent: A).
2009 Forschungsarbeit — Fakultät Informatik, TU Dresden
"Materialität und Interaktion", nicht bewertet.
2002–2009 Nebenfach "Kunst & Gestaltung" — HfBK & TU Dresden, Deutschland
"Experimentalfilmische Annäherung an zeitgenössische Ornamentik"
Endnote: 1,3 (ungefähres Äquivalent: A).
2007–2008 Praktikum — Cactus Film & Video, Mexiko
Unterstützt durch ein InWEnt / GIZ-Stipendium.
2001 Abitur — Pestalozzi-Gymnasium, Unna, Deutschland
Leistungskurse in Mathematik und Sozialwissenschaften.