shadcn/ui Experten in Deutschland

• SPA zur automatisierten Befundkommunikation mit rollenbasiertem Zugriff (Sanctum)
• Serverseitige LLM-Integration (OpenRouter) mit strukturierter Verarbeitung
• Automatisierter Versand per SMS/Sprachanruf (Twilio, ElevenLabs) mit Queue + Status-Retry
• vollständige Testabdeckung mit 80+ dokumentierten Testfällen

Technologien: PHP, Laravel, LLM-API (OpenRouter), Twilio, ElevenLabs, Laravel Sanctum, PHPUnit, Playwright, Docker, REST

• Konzipiert, entwickelt und eingeführt eine interne Webanwendung zur Veranstaltungsplanung, die von über 100 Abteilungsleitern für eine große Veranstaltung genutzt wurde, obwohl keine dedizierte Testphase stattfand.

• Einen reibungslosen und fehlerfreien Betrieb beim ersten Live-Einsatz sichergestellt, wodurch das Tool für zukünftige Veranstaltungen übernommen wurde.

• Catering-Berechnungen und zugehörige Workflows automatisiert, wodurch E-Mail-Kommunikation und manueller Aufwand für die Essensplanung deutlich reduziert wurden.

• Bereitstellung und Hosting auf einem Linux-Server mittels Coolify verwaltet, einschließlich Einrichtung der Anwendung und Laufzeitbetrieb.

• Einen Kommunikationsdesigner im Bereich UX eingestellt und angeleitet und dabei alle technischen Entscheidungen und die Implementierung eigenständig verantwortet.

• Aufbau einer vollständigen Echtzeit-Multiplayer-Plattform mit Spiel-Engine, Lobby-System, Spieltischen, Zuschauer-Modus und persistenter Spielhistorie.
• Umsetzung produktrelevanter Multiplayer-Workflows mit WebSocket-Kommunikation, Live-Synchronisation, Sprachchat, mobilen App-Funktionen und Push-Benachrichtigungen.
• Entwicklung einer skalierbaren Full-Stack-Architektur mit Authentifizierung, PostgreSQL-Persistenz, Premium- und Abrechnungsintegration und umfangreicher Testabdeckung.

Projekt: Steuern Freistellungsauftrag Anwendung

Der Kunde verfügt über eine bestehende Anwendung zur Erstellung und Pflege von Steuerbefreiungsaufträgen für Endkunden; Konzeption und Implementierung einer vergleichbaren Anwendung für interne Mitarbeiter.

• Entwurf und Implementierung von Microservices und der UI für den Fachbereich „Steuerbefreiungsaufträge“ unter Anwendung von Domain Driven Design sowie Spring Boot und Angular.
• Implementierung reaktiver, nicht-reaktiver und asynchroner APIs (Spring REST, WebFlux, GraphQL).
• Entwicklung der Angular-Anwendung, einschließlich State Management mittels Signals, RxJS Observables und Subscriptions.
• Absicherung der API und der Anwendung unter Verwendung von OAuth2, JWT und OpenID Connect.
• Konfiguration und Einrichtung von CI/CD-Pipelines mit Jenkins.
• Zusammenarbeit mit funktionsübergreifenden Teams sowie Durchführung von Code-Reviews.

Umfeld: Java, Spring Boot, Angular 18 & 19(standalone, signals), RxJs, Bootstrap CSS, Vitesting, OpenShift, Istio, microservices, Kafka, Dynatrace, Jenkins, GitLab, Graylog, Sonar, Oauth2, OracleDB

Selbst initiiertes Einzelprojekt, aktiv in Entwicklung

• Full-Stack-TypeScript-App (Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL) zum Leiten von Pen-&-Paper-RPG-Kampagnen, aufgebaut um einen systemunabhängigen Kern, der so entworfen ist, dass er sich von Pathfinder 2e auf andere Systeme erweitern lässt, ohne etwas neu zu schreiben.
• Bewusstes Modell für Inhaltsbesitz: Live References vs. Owned Content, mit Publishing als unveränderlichem Snapshot statt als Flag, von Anfang an für Zukunftssicherheit ausgelegt. Namensraum-basierte, eingefrorene Slugs für kollisionssichere URLs.
• Daten-Import-Pipeline, die kuratierte Foundry-VTT-Daten in ein normalisiertes Schema importiert, mit Versionsprüfung. Die Bibliothek enthält aktuell 1.209 Kreaturen und 1.796 Zauber (PF2e Remastered-Inhalte); die Lizenzierung ist für die Statblock-Anzeige unter ORC/OGL geklärt.
• Strikter TDD-Workflow (Red-Green-Refactor, vertikale Slices; Vitest, Playwright, PGlite für schnelle In-Memory-DB-Integrationstests), Architecture Decision Records, ein gepflegtes Domain-Glossar.
• Eigenständige, kontofreie öffentliche Tools (Creature Database, Spell Database, Encounter Builder), die vor dem vollständigen Kampagnen-/Abenteuerprodukt veröffentlicht werden, als Einstieg mit geringerer Hürde, um schneller echte Nutzung zu bekommen. Selbst gehostet auf einem Hosteurope-VPS.

Stack: Nuxt 4, Vue 3, Nitro, Drizzle ORM, PostgreSQL, Vitest, Playwright, PGlite

• Kund:innen-Web-Apps und selbst initiierte Produkte End-to-End entwerfen und bauen, inklusive Produktdesign, Design Systems und Full-Stack-Frontend mit React, TypeScript, Tailwind und Supabase.
• Eine Compliance- und Mitarbeiterdaten-Webanwendung für einen britischen Verkehrsbetreiber gestaltet und ausgeliefert, inklusive Datenmodellierung, UX und Frontend-Umsetzung auf Supabase mit Row-Level Security und Edge Functions.
• Merita entwickelt, eine standardmäßig private App zur Erfolgserfassung und Leistungsbeurteilung, in einem 48-Stunden-Hackathon (SheBuilds). Sie umfasst das Erfassen von Erfolgen, verknüpft mit Zielen und Kompetenzrahmen, von AI zusammengestellte Review-Pakete mit token-geschütztem Teilen und eine Ansicht zur Promotion-Readiness und basiert auf React, TypeScript, Tailwind, shadcn/ui und Supabase mit Row-Level Security und Edge Functions.
• Pantressa gestaltet und gebaut, eine App für Lebensmitte-Tracking, Essensplanung und Budgetierung, mit Verantwortung für das Produktdesign bis zur Frontend-Auslieferung auf React, TypeScript, Tailwind und Supabase.

• Schlug eine einheitliche Advisor-Experience vor, um die Verwaltung von Kundeninteraktionen zu vereinfachen, und half dabei, die Zustimmung für die Entwicklung in großem Umfang zu sichern.
• Überarbeitete 3 wichtige Workflows für Finanzdienstleistungen, verbesserte die Nutzbarkeit und erfüllte gleichzeitig Compliance- und Barrierefreiheitsanforderungen.
• Arbeitete eng mit Legal, Engineering und Accessibility-Teams zusammen, um Lösungen von ersten Konzepten bis zu produktionsreifen Designs zu bringen.
• Identifizierte und behob einen großen Engpass im Request-Handling-Flow und reduzierte so die Reibung für Support-Teams um 40%.

• Verantwortlich für die gesamte Software-Architektur des Elterngeld-Portals
• iOS- und Android-App mit React Native und Expo, einschließlich Push- und OTA-Updates
• Veröffentlichungen in den Stores über App Store Connect und Google Play Console
• TypeScript-Monorepo für App, Website und Backend, Web mit Next.js und Tailwind
• Eigene Promo-, Gutschein- und Rabattlogik mit Kontakt- und Segmentlogik
• Zahlungen über RevenueCat und In-App-Käufe, Authentifizierung mit BetterAuth
• REST-APIs auf Basis von OpenAPI, PostgreSQL mit Prisma und Drizzle
• Self-Hosting bei Hetzner mit Docker, Coolify, Terraform und GitHub Actions
• Tests mit Vitest, Playwright und visuelle Regressionstests mit Chromatic
• Observability über Grafana Cloud und Fehlerüberwachung mit Sentry
• Performance-Marketing über Meta Ads, gemessen mit eigenem Event-Tracking
• Das Produkt auf 20.000 App-Nutzer mit einer Kaufrate von knapp 12 % ausgebaut
• Geschäftsführer seit 04.2025, verantwortlich für Produkt und Technologie

• Opt-in-RAG-Erweiterung für mandantenbezogene Datenquellen (SharePoint, Confluence) auf einer bestehenden Multi-Tenant-Enterprise-KI-Plattform
• Architektur: ADRs, Lösungsbewertungen, Berechtigungsstrategie, Kostenermittlung
• End-to-End-Connectoren für SharePoint und Confluence: OAuth-Zustimmungsflows, Token-Aktualisierung, Metadaten-Synchronisation, Suchintegration
• Berechtigungsauflösung: ACL-Indizierung bei der Datenaufnahme und Verifikation zur Abfragezeit (Sicherheit auf Dokumentebene)
• Hybride Elasticsearch-Suche (semantisch + Schlagwort) mit RRF-Bewertung
• RAG-Chat mit Kontextinjektion und Quellenangaben
• Technologie-Stack: Elastic Cloud, Elasticsearch, Docker, Northflank, Next.js, React, TypeScript, Prisma, Microsoft Graph API, Atlassian REST API, OAuth 2.0

• Vollständiges Plattform-Upgrade von Expo 53 → Expo 54 unter Berücksichtigung projektkritischer Breaking Changes
• Versionssprung von react-native 0.79.5 → 0.81.5 inkl. Konsolidierung, Aktualisierung und Neuinstallation sämtlicher projektrelevanter Dependencies (JavaScript, native Module, Build-Tools, TypeScript- Tooling)
• Identifikation und Behebung inkompatibler Bibliotheken sowie Anpassung von iOS- und Android-Konfigurationen (Gradle, Pods, Build- Skripte)
• Aktivierung und Integration der React-Native New Architecture (TurboModules & Fabric) inkl. Anpassung nativer Schnittstellen, Build- Konfigurationen und Feature-Flags
• Bereinigung technischer Altlasten sowie Harmonisierung plattformspezifischer Implementierungen zur Sicherstellung langfristiger Wartbarkeit
• Stabilisierung des Projekts durch ausführliches Debugging, Regressionsanalysen und Anpassungen an der Tooling-Chain (Metro, Babel, TypeScript)
• Durchführung umfassender Test-Zyklen (Unit, E2E, Device-Tests) sowie Optimierung der CI/CD-Pipelines für Bitrise und GitLab
• Sicherstellung stabiler Releases für Android & iOS in Verbindung mit Analytics-, Engagement- und Monitoring-Systemen

• Begleitete Teilnehmer durch strukturierte Lernpfade und praxisnahe Projekte.
• Gab Feedback und Anleitung zur Integration von KI sowie zu Best Practices im Produktmanagement.
• Betreute Teams bei der Einführung von KI, der Strategie für Unternehmensprodukte und praktischen Entscheidungen zur Umsetzung.

• Moderne Webanwendungen mit React und NestJS erstellt.
• Frontend mit React, Tailwind CSS, shadcn/ui für elegante und responsive Oberflächen entwickelt.
• Backend-APIs und Authentifizierung mit NestJS und Node.js implementiert.
• AWS und Supabase für Cloud-Bereitstellungen genutzt.
• Salesforce zur CRM- und Datenverwaltung integriert.

• Implementierung von Backend-Funktionen mit Node.js und Strapi für ein mehrmandantenfähiges Event-Management-System
• Sicherstellung einer skalierbaren und sicheren Infrastruktur durch Node.js, Strapi und AWS

Moin-Inbox! | Brand- & Webdesign

• Rebranding von Anfang bis Ende entwickelt (Discovery, Moodboards, Logo, Styleguide) und die Umsetzung im Webdesign beraten.

Tools: FigJam, Figma, Claude

Mission-Mittelstand (Bubora) | Product Designerin (im Tandem)

Web-App, die kleine und mittelständische Unternehmer:innen von administrativen Prozessen entlastet – inklusive Onboarding und Wissensaustausch über ein LMS und einen KI-Assistenten, dazu Community-Kanäle, Zeiterfassung, Organigramm und Formulare.

• Die Priorisierung der nächsten strategischen Schritte vorangetrieben – zuerst beim Stakeholder Management, später bei Feature- und Seitenumfang
• Projektkoordination, Dokumentation und Audits übernommen, inklusive Pflege eines task boards in Notion
• Die Informationsarchitektur (IA) im Tandem in FigJam entwickelt und in stakeholder-fähige Frames und Prototypen auf Basis von shadcn-UI-Komponenten übertragen
• KI-gestützte Workflows genutzt, um Inputs aus der Discovery zu strukturieren und frühe Wireframe-Iterationen zu beschleunigen
• Über 70 Screens und 15+ neue globale Komponenten für den MVP-Redesign innerhalb von 5 Wochen eigenständig geliefert
• Den KI-Assistenten als Kernfeature entworfen, inklusive aller Edge Cases und Flows
• Erste Konzepte für das LMS als zweites Kernfeature ausgearbeitet
• Das Organigramm, die Profilseite, die Login-Seite und alle globalen Design-System-Komponenten gestaltet

Tools: FigJam, Figma, Claude, Notion, Hotjar, Google Analytics

DAILIA | Founding Designerin

Native App als digitale beste Freundin für FLINTA und menstruierende Menschen gedacht – mit Fokus auf den weiblichen Körper und ganzheitliche Unterstützung durch alle Lebensphasen.

• Die UX-Strategie von der ersten Idee an als Founding Designerin verantwortet
• UX-Workshops geleitet und Proto-Personas sowie User Flows als Grundlage für Produktentscheidungen entwickelt
• IA, Low-Fidelity-Wireframes und Prototypen für Stakeholder- und Investor-Präsentationen erstellt
• Das Branding und einen Brand Style Guide entwickelt

Tools: FigJam, Figma, Loom

Jobcenter Dortmund | Agentur: WAYS | UX-Design

Website für einen Kunden aus dem öffentlichen Sektor, umgesetzt als Mobile-First-Web-App – über reine Informationsvermittlung hinaus mit einem smarten Formular, das sich an individuelle Nutzerbedürfnisse anpasst.

• Die Informationsarchitektur für eine Mobile-First-Web-App für einen Kunden aus dem öffentlichen Sektor getestet und verifiziert
• Ein smartes, adaptives Formular gestaltet, das sich dynamisch an individuelle Nutzerbedürfnisse anpasst
• Wireframes mit starkem Fokus auf Barrierefreiheit für eine breite, diverse Nutzergruppe erstellt, plus Dokumentation

Tools: Miro, Figma, Google Docs

Hartmann Direct | Agentur: Valtech | UX/UI-Design

• UX/UI-Design und laufende Pflege des Design Systems für ein Enterprise-Setup

Tools: Figma, JIRA, Confluence

VW Autosuche | Agentur: Dayone | UI-Design

• UX/UI-Design, Pflege des Design Systems und Illustration für ein Automotive-Kundenprojekt

Tools: Figma, Adobe Illustrator

ZASTA | UX/UI-Design

• UX-Audit des Onboarding-Flows, danach UI-Design und Prototyping

Tools: Figma

swat.io | Social Media & Webdesign

• UX-Audit der Pricing-Seite, inklusive Webdesign-Umsetzungen, Video-Editing und Social-Media-Templates

Tools: Figma, Adobe Photoshop, CapCut

AHEAD Automotive | UX/UI-Design

• UX-Audit eines Dashboards, danach UI-Design und Prototyping

Tools: Figma, Loom

vigo Versicherungen | Agentur: disphere | UX/UI-Design

• Brand Design, Wireframing, UI-Design und Prototyping

Tools: FigJam, Figma

C.O.X. Steuerberatung | Agentur: jut-so | UX/UI-Design

• Wireframing, UX/UI-Design und Prototyping

Tools: Figma

BibelTV | UX/UI-Design

• Wireframing, UI-Design und Prototyping

Tools: Figma, Adobe Photoshop

RegioHealthNews | Agentur: Tigerbytes | UI-Design

• UI-Design

Tools: Figma

ME2BE | Grafik- & Webdesign

• Webdesign, Editorial-Magazin-Design und Social-Media-Templates

Tools: Figma, Adobe Photoshop, Adobe InDesign, Adobe Illustrator, Canva

Waterways Protection | Art Direction

• Design-Assets für Podcasts, Social-Media-Design und Art Direction

Tools: Adobe Photoshop

Paul Valentine | Packaging Design

• Packaging Design und Illustration

Tools: Adobe Illustrator, Adobe Photoshop