Baguelus als Markdown

Das Portfolio als strukturierter Text zum Lesen, Teilen oder als Kontext für einen KI-Assistenten.

# Javier González · Baguelus

> Produktdesign · UX · DesignOps

Ich bin Javier González. Ich gestalte komplexe digitale Produkte und helfe Produkt-, Design- und Entwicklungsteams, ihre Arbeitsabläufe mit Designsystemen und KI zu verbessern.

- Portfolio: https://baguelus.com/de/
- LinkedIn: https://www.linkedin.com/in/javierbaguelus/
- ProductCrafter (Start am 1. Januar 2027): https://productcrafter.io/de/

## Ich bin Javier González

Seit über 25 Jahren gestalte ich digitale Produkte. Am liebsten finde ich heraus, wo Menschen bei ihrer Arbeit ins Stocken geraten, und entwickle etwas, das ihnen hilft. Heute gehört KI von der ersten Erkundung über den Prototyp bis zur Übergabe zu meinem Arbeitsablauf.

Zwischen Zürich und München · Zusammenarbeit auch remote

https://baguelus.com/de/sobre-mi/

### Komplexe Abläufe verständlich machen

Bei Accenture arbeitete ich an einem internen Tool auf SAP-Basis. Beim Europäischen Patentamt trug ich zur digitalen Patentanmeldung bei. Bei Allianz Technology gestaltete ich Geschäftsanwendungen für Teams in mehreren Ländern. Gespräche mit den Menschen, die mit diesen Anwendungen arbeiten, zeigten mir, was sich vereinfachen ließ und welche Schritte wichtig blieben.

### Bei Sunrise von der Recherche bis zur Übergabe

Ich leitete die Neugestaltung von My Sunrise, dem Portal für Produkte, Rechnungen und Verträge. Auch Sunrise Rewards begleitete ich vom Konzept bis zur Gestaltung von Portal und App. In beiden Projekten verband ich Nutzerforschung, Workshops und Prototypentests mit einem UI-Kit auf Basis des Unternehmensdesignsystems.

### Wie ich heute mit KI arbeite

Ich setze KI von Anfang an im Arbeitsablauf ein. Mit Agenten erkunde ich Optionen, baue Prototypen und bereite Übergaben mit Regeln vor, die das Team prüfen kann. Bei Sunrise implementierte und testete ich ein mit Figma verbundenes Designsystem für Frontend und Agenten, ein Plugin zur Komponentenprüfung und strukturierten Übergabe sowie einen Piloten, der Rückmeldungen für Product Owner aufbereitet. Das Frontend-Team der App testete auch den Übergabeprozess.

### Ich gebe gern weiter, was ich lerne

Bei CareerFoundry habe ich über 100 UX-Studierende begleitet. Am IED Madrid koordinierte ich ein Masterprogramm. Heute bringe ich diese Erfahrung in Workshops und Mentoring ein. Außerdem bereite ich ProductCrafter vor, eine Schule und Community, in der wir diese Arbeitsweisen gemeinsam erproben.

### Was ich heute mitbringe

- **Produkt und UX** · Nutzerforschung, Moderation, Produktstrategie, Prototyping, Validierung und Barrierefreiheit.
- **DesignOps und Designsysteme** · Tokens, Komponentenspezifikationen und Übergaben zwischen Figma, Agenten und Frontend. Ich arbeite mit Figma MCP, GitHub, React und Storybook.
- **Angewandte KI für Produktteams** · Arbeitsabläufe mit Agenten, Automatisierung, Werkzeugauswahl und Prüfung der Ergebnisse. Dazu nutze ich unter anderem Claude Code, Codex, ChatGPT, Cursor, Lovable und n8n. Für Prototypen mit Datenbank oder Hosting arbeite ich mit Supabase und Hostinger.
- **Schulung und Einführung** · Workshops und Mentoring, damit Design, Produkt und Entwicklung diese Ansätze auf eigene Projekte anwenden können.

## Ausgewählte Projekte

https://baguelus.com/de/proyectos/

### My Sunrise

Umfassende Neugestaltung des Kundenportals für Produkte, Rechnungen, Verträge und Support.

https://baguelus.com/de/proyectos/my-sunrise/

**Die Herausforderung**

Das Portal bündelt unterschiedliche Aufgaben, die jeweils eigene geschäftliche und technische Anforderungen haben. Das neue Design sollte diese Aufgaben innerhalb einer einheitlichen Nutzeroberfläche verständlicher machen.

**Mein Beitrag**

Ich leitete die Neugestaltung von Anfang bis Ende. Ich organisierte Kundeninterviews und Workshops mit den Beteiligten und übersetzte die Erkenntnisse in Prototypen. Dazu entwickelte ich ein eigenes UI-Kit auf Basis des unternehmensweiten Designsystems.

**Validierung**

Ich testete und überarbeitete die Prototypen anhand der Kundenbedürfnisse, der geschäftlichen Anforderungen und der technischen Rahmenbedingungen.

### Sunrise Rewards

Gestaltung des Angebots-, Stufen- und Punktesystems vom Konzept bis zum Portal und zur App.

https://baguelus.com/de/proyectos/sunrise-rewards/

**Die Herausforderung**

Mitglieder sollten Angebote, Mitgliedsstufen und Punkte an drei verschiedenen Einstiegspunkten verstehen und verwalten können.

**Mein Beitrag**

Ich leitete die Gestaltung ab dem ersten Konzept und entwarf das separate Portal, die Integration in My Sunrise und die Nutzeroberfläche in der App. Dafür erstellte ich ein eigenes UI-Kit auf Basis des unternehmensweiten Designsystems.

**Validierung**

Während der Entwicklung führte ich interne und externe Nutzerforschung durch und prüfte die Entwürfe mit Nutzenden und Projektbeteiligten.

### Ein Designsystem für KI

Mit Figma verknüpfte Tokens, Komponenten und Spezifikationen für Frontend-Teams und KI-Agenten.

https://baguelus.com/de/proyectos/design-system-ia/

**Die Herausforderung**

Wir wollten herausfinden, wie sich Designentscheidungen für die Frontend-Entwicklung und für KI-Agenten im selben Arbeitsablauf nutzbar machen lassen.

**Mein Beitrag**

Ich implementierte ein dezentrales, mit Figma verknüpftes Designsystem. Dazu entwickelte ich ein Plugin, das die Verwendung des Systems prüft und die Übergabe dokumentiert. Der Ablauf erzeugte Pakete für React und Storybook sowie JSON für Storyblok.

**Validierung**

Das Designteam von Sunrise testete das Designsystem und das Plugin. Auch das Frontend-Team der App erprobte den Übergabeprozess.

## Wobei ich helfen kann

https://baguelus.com/de/servicios/

### Produktdesign und UX

Nutzerforschung, Workshops, Prototyping und Validierung für Selfservice-Portale, Plattformen und interne Tools.

https://baguelus.com/de/servicios/diseno-producto-ux/

**Wo wir anfangen**

Wir klären, welches Problem das Produkt lösen soll und welche Entscheidungen noch offen sind. In Interviews und Workshops erfahren wir, wie Menschen arbeiten und welche Rahmenbedingungen das Team berücksichtigen muss.

**Wie wir weiterarbeiten**

Aus den Erkenntnissen entstehen Abläufe und Prototypen, die wir mit Nutzenden prüfen. Wir halten Entscheidungen fest und klären, was vor der Entwicklung noch zu testen ist.

### DesignOps und Designsysteme

Tokens, Komponenten und klare Vorgaben für die gemeinsame Arbeit von Design, Frontend und KI-Agenten.

https://baguelus.com/de/servicios/designops-sistemas-diseno/

**Was wir prüfen**

Wir gehen einen echten Ablauf von Figma bis zum Code durch und schauen, wo Informationen verloren gehen oder Arbeit doppelt anfällt. Dazu prüfen wir Tokens, Komponenten, Dokumentation und die Validierung von Änderungen.

**Was wir aufbauen können**

Wir erstellen Komponentenspezifikationen, Dokumentation und Übergaberegeln für Design, Entwicklung und KI-Agenten. Das Team probiert den Ablauf an einem eigenen Beispiel aus.

### KI-Einführung und Schulung

Geeignete Aufgaben identifizieren, Werkzeuge auswählen und KI mit Pilotprojekten und Workshops in die Abläufe von Design, Produkt und Entwicklung integrieren.

https://baguelus.com/de/servicios/adopcion-ia-formacion/

**Wie wir einen Piloten auswählen**

Wir beginnen mit einer konkreten Aufgabe und vergleichen den bisherigen Ablauf mit dem möglichen Beitrag von KI. Wir vereinbaren, welche Ergebnisse das Team prüfen soll und wann sich eine Ausweitung des Piloten lohnt.

**Wie das Team lernt**

Wir verbinden Prototypen, Automatisierung und praktische Workshops. Das Team lernt an eigenen Beispielen, Ergebnisse zu prüfen und den Ablauf anzupassen.

## Notizen aus der Praxis

https://baguelus.com/de/articulos/

### Was ein KI-Agent von Ihrem Designsystem braucht

So dokumentieren Sie Komponenten, damit Teams und KI-Agenten dieselben Regeln anwenden können.

https://baguelus.com/de/articulos/contratos-diseno/

**Mit einer Komponente beginnen**

Wählen Sie eine Komponente, die auf mehreren Screens vorkommt. Halten Sie ihren Zweck, die zulässigen Varianten, die erwarteten Eingaben und die möglichen Zustände fest. Bei einem Button können Sie zum Beispiel festlegen, wann die primäre Variante zum Einsatz kommt und wie eine laufende Aktion angezeigt wird.

**Die Regel mit der Implementierung verknüpfen**

Bestimmen Sie die entsprechende Komponente im Code und ordnen Sie die visuellen Entscheidungen den zugehörigen Design-Tokens zu. Ergänzen Sie ein korrektes Beispiel und einen Grenzfall, damit sich die Regel bei einem Review überprüfen lässt.

**An einer kleinen Aufgabe testen**

Lassen Sie den Agenten die Komponente in einem echten Ablauf einsetzen. Achten Sie darauf, welche Entscheidungen die Spezifikation offenlässt. Schärfen Sie anhand dieser Beobachtungen die Dokumentation, bevor Sie weitere Komponenten aufnehmen.

### So wählen Sie das erste KI-Pilotprojekt für Ihr Team

Wie Sie eine klar umrissene Aufgabe auswählen und die Ergebnisse mit dem Team bewerten, das die Aufgabe heute bearbeitet.

https://baguelus.com/de/articulos/primer-piloto-ia/

**Eine wiederkehrende Aufgabe beobachten**

Wählen Sie eine Aufgabe mit klaren Eingaben und Ergebnissen, etwa Kundenfeedback für ein Produktreview nach Themen zu gruppieren. Vereinbaren Sie, wer die Gruppen prüft und welche Beispiele als Referenz dienen.

**Die Kriterien vor dem Test festlegen**

Prüfen Sie, ob der Sinn der einzelnen Rückmeldungen erhalten bleibt, ob die Themen bei Entscheidungen helfen und wie viel Aufwand die Korrekturen verursachen. Nehmen Sie auch mehrdeutige Rückmeldungen in den Test auf.

**Nach dem Vergleich entscheiden**

Vergleichen Sie das Ergebnis gemeinsam mit dem Team mit dem bisherigen Ablauf. Halten Sie fest, wo der Pilot Aufwand spart, wo eine Kontrolle nötig bleibt und welche Fehler einen Einsatz ausschließen würden.


## ProductCrafter

ProductCrafter ist eine Schule und Community für Menschen, die Produkte mit KI entwickeln. Ich bereite Videokurse, Live-Workshops und Mentoring vor. Dazu kommt ein Ort, an dem Mitglieder Projekte teilen und voneinander lernen können.

https://productcrafter.io/de/