Sie bauen ein Designsystem, das für Menschen und Agenten funktionieren muss?

Ich bin offen für Rollen auf Principal-Ebene in Designsystemen und KI-Produkten. Schreiben Sie mir über das Formular oder per E-Mail.

Kontakt

Schreiben Sie mir

* Pflichtfelder

Schreiben Sie mir

Name

E-Mail

Betreff (optional)

Nachricht

Website

Ihre Angaben werden verwendet, um Ihre Nachricht zu beantworten. Nachrichten werden über Resend gesendet.

Lebenslauf laden Portfolio herunterladen

IQ Jumpstart — Joel Mbugua

Alle Projekte

05 · Designsystem · Microsoft

IQ Jumpstart

IQ Jumpstart bietet einen Einstieg in die Arbeit mit IQ und vereint Szenarien, wiederverwendbare Prompts, Implementierungsressourcen und vernetztes Wissen auf einer Website.

Die gestalterische Herausforderung war, dasselbe Material für Menschen auf Ideensuche und für Agenten beim Abrufen von Kontext nutzbar zu machen. Ich verantwortete das Website-Erlebnis, die Informationsarchitektur und das visuelle Design und baute den veröffentlichten Prototyp selbst. Mein Umfang lag bei der Website und ihrer Präsentation; Backend und Szenarioarchitektur lagen bei anderen.

Unternehmen: Microsoft
Rolle: Lead Designer & Entwickler der Website
Zeitraum: 2026 · Sep — Okt 2026
Disziplinen: Experience Design, IA, Visuelles Design, Umsetzung

Das Problem

Entwickler brauchten einen zentralen Einstieg. Dieser musste für eine Person, die Szenarien durchstöbert, genauso funktionieren wie für einen Agenten, der dasselbe Wissen abruft.

Meine Verantwortung

Verantwortung für das Website-Erlebnis: Experience Design, Informationsarchitektur und visuelles Design
Website selbst gebaut und den Prototyp veröffentlicht
Inhalte so strukturiert, dass Menschen und Agenten sie lesen können

Wie ich es gebaut habe

Eigene Umsetzung: Ich habe die Website gestaltet und gebaut, mit veröffentlichtem Prototyp und Repository. Backend und Szenarioarchitektur lagen bei anderen.

Gestalten für zwei Zielgruppen

Szenarien, Prompts und Ressourcen wurden so organisiert, dass dieselbe Struktur einer Person beim Überfliegen und einem Agenten beim Abrufen von Kontext dient. Klare Hierarchie und vorhersehbare Benennung helfen beiden.

Zeigt

AI-Native Product Designer
Design Systems Builder
UX Design Builder
End-to-End Designer

IQ-Jumpstart-Startseite auf dem Desktop im hellen und dunklen Modus. — Ein Einstieg zum Erkunden. Die Startseite führt zu Geschäftsszenarien, geführten Anleitungen und ergänzendem Wissen – im hellen und dunklen Modus.

IQ-Jumpstart-Szenariokatalog auf dem Desktop im hellen und dunklen Modus. — Ein passendes Szenario finden. Der Katalog verbindet Rollen, Ziele und Technologien als Entscheidungshilfe für den Einstieg.

Das Szenario „Save the renewal“ und sein Lernpfad auf dem Desktop im hellen und dunklen Modus. — Von einer Geschäftsfrage zum Lernpfad. Die Übersicht „Save the renewal“ erklärt Rolle, Kontext und Schritte vor der Anleitung. Entwurfs- und Validierungshinweise des Prototyps bleiben sichtbar.

Mobile IQ-Jumpstart-Startseite im hellen und dunklen Modus. — Die Startseite auf dem Smartphone. Die Navigation wird kompakter, Einführung und Szenarioeinstiege ordnen sich in einer Spalte an.

Mobiler IQ-Jumpstart-Szenariokatalog im hellen und dunklen Modus. — Szenarien auf dem Smartphone durchstöbern. Der Katalog passt sich in beiden Darstellungen an den schmalen Bildschirm an.

Mobile Seite des Szenarios „Save the renewal“ im hellen und dunklen Modus. — Ein mobiler Einstieg in die Anleitung. Kontext, Technologien und Lernpfad bleiben in Lesereihenfolge, mit direktem Zugang zur Anleitung.

Zurück

Profilkarte in Microsoft 365

Weiter

People in M365 Copilot