02.12.2025 aktualisiert

**** ******** ****
Premiumkunde
100 % verfügbar

Erfahrener UX/Produkt Designer und Frontend-Entwickler mit Typescript

Nürnberg, Deutschland
Weltweit
Informatik Lehramt
Nürnberg, Deutschland
Weltweit
Informatik Lehramt

Profilanlagen

AlexanderFriedl-CV.pdf

Skills

Human Centered Design (HCD)UX DesignerUser ResearchUsabilityTypescriptHTML & CSSReact.jsAngularFrontend EntwicklerJavascriptinteraction designDesign SystemScrumNode.jsNest.jsDesign StudioDesign ThinkingFigma WireframesPrototypes / WireframesUsability TestingUI DesignerMaterial Design
Profile
As a product designer and engineer, I’ve spent 20 years working with mid-size and large organizations to create products centered around real user needs and insights. I guide projects from the initial concept and strategy through prototyping, testing, and implementation.
Portfolio: www.alexfriedl.com
Expertise
  1. Full-Stack-Entwicklung (Typescript, Node.js)
  2. Frontend-Entwicklung (React.js, Angular, vue.js)
  3. UX Strategieberatung & Prozesse
  4. UX/UI Design (Figma)
  5. User Research
Kompetenz
  1. Produktdesign
  2. API- und Backend-Entwicklung (Nest.js, MongoDB, Keycloak)
  3. CI/CD mit AWS und Azure
Grundkenntnisse
  1. Solution Architecture
  2. CI/CD mit Jenkins
Leistungen als UX Professional

User Research
  1. Durchführung von Benutzerforschung durch Interviews, Umfragen und Usability-Tests
  2. Erstellen von Personas User Journeys und diverse Canvas (Empathy Maps, Blueprints, ...)
Produkt Design
  1. Übernahme des gesamten Designprozesses von der Idee über die Entwicklung bis hin zur Markteinführung.
  2. Ideation und Konzeption: Entwicklung und Bewertung von Produktideen basierend auf Nutzerbedürfnissen und Geschäftsanforderungen.
User Experience (UX)
  1. Informationsarchitektur: Strukturierung von Inhalten und Funktionen so, dass Benutzer diese intuitiv und effizient finden können.
  2. Wireframing und Prototyping: Erstellung von Layouts (Wireframes) und interaktiven Prototypen
  3. Usability-Testing: Planung und Durchführung von Tests
  4. Interaction Design: Gestaltung der Interaktionen und Animationen im Interface
User Interface (UI) Design
  1. Visuelles Design: Gestaltung der visuellen Elemente wieButtons, Farbpaletten, Typografie und Iconographie
  2. Design Systems und Style Guides: Erstellen und Pflegen von Design-Richtlinien
  3. Responsive Design: Anpassung des Designs für verschiedene Bildschirmgrössen und Geräte
Prototyping und Testing
  1. Erstellen von hochinteraktiven Prototypen für Testzwecke und Nutzerfeedback.
  2. Iteratives Testing: Mehrfache Überarbeitung und Testing
Produktvalidierung und Analyse
  1. KPI-Definition und Messung: Festlegen von Key Performance Indicators (KPIs) und Metriken zur Bewertung des Produkterfolgs.
  2. User-Feedback und Anpassung: Analyse von Benutzer- Feedback nach der Produkteinführung und Durchführung von Verbesserungen
  3. A/B-Tests und Datenanalyse: Durchführung und Analyse von Tests
Leistungen als Fullstack-Entwickler
Frontend Entwicklung
  1. React, Angular, Vue.js: Entwicklung von modernen, interaktiven Benutzeroberflächen
  2. Next.js: Entwicklung von serverseitig gerenderten Anwendungen
  3. Storybook und Chromatic: Erstellen, Testen und Dokumentieren von UI-Komponenten
  4. Tailwind CSS, HTML5, CSS3: Aufbau responsiver Oberflächen für Designsysteme und Prototypenerstellung.
Backend Entwicklung
  1. NestJS: Microservices
  2. Node.js
  3. REST API, GraphQL
  4. IAM Lösungen: NextAuth, Keycloak, Passkeys
  5. MongoDB, Postgres, Redis
Deployment und Cloud Services
  1. AWS und Azure: AWS Lambda, S3 und Azure Functions für serverlose Architekturen.
  2. Vercel und Heroku: Deployment von Frontend- und Fullstack-Anwendungen
  3. GitHub und GitLab: Nutzung von CI/CD
Website

Sprachen

DeutschMutterspracheEnglischverhandlungssicherFranzösischGrundkenntnisseSpanischGrundkenntnisse

Projekthistorie

Merck KgGA: Passkey iOS & Android App with Autofill Credential Provider

Merck KgGA

Pharma und Medizintechnik

>10.000 Mitarbeiter

Responsibilities
  1. Led the development of a Passkey-based authentication app implementing full WebAuthn/FIDO2 flows for registration, authentication, and credential management
  2. Built an Autofill Credential Provider extension integrating with iOS system frameworks to automatically supply stored Passkeys for Safari and compatible apps
  3. Implemented secure key storage in the Secure Enclave with biometric verification (Face ID / Touch ID) for all signature operations
  4. Developed a modular SwiftUI architecture with localization (i18n), user profile management, and structured documentation for deployment and setup
  5. Ensured quality and reliability through CI pipelines (GitHub Actions), LambdaTest device testing, and TestFlight distribution for internal releases

RWE: Risk Management App - Legacy codebase migration (Sr. Frontend Engineer)

RWE AG (Energy)

Energie, Wasser und Umwelt

>10.000 Mitarbeiter

Responsibilities
  1. Led the migration of a large-scale React application from React 7 to React 19 and MUI 4 to MUI 8, including full Redux and React Router legacy refactoring
  2. Built a fully typed TypeScript architecture, replacing legacy JavaScript and removing deprecated dependencies
  3. Implemented a unified design system by transitioning from MUI SX and CSS to Tailwind, with component encapsulation using Storybook and Vitest
  4. Developed strict coding standards, file structures, and toolchain configurations for ESLint, Prettier, TypeScript, Vitest, and V8 coverage
  5. Ensured zero known security vulnerabilities and improved developer experience through continuous dependency audits and modernization

Stahlhart Recruiting: Career Page Generator (Fullstack Engineer)

Stahlhart Recruiting GmbH

Industrie und Maschinenbau

10-50 Mitarbeiter

Responsibilities
  1. Led the front-end development of a scalable partner portal using React, Vite, and Tailwind within an Nx monorepo
  2. Built a dynamic page generator with Cheerio for automated Webflow career page creation
  3. Integrated multi-location Google Maps and data visualizations using MUI X Charts and React Google Maps
  4. Implemented robust data validation and API logic with react-hook-form, Joi, and drizzle-orm
  5. Developed and configured server infrastructure using Google Cloud services for logging, task management, and file storage

Portfolio

item-0

Merck

Einfaches und sicheres Identity Management
item-1

Passkey erstellen

Example Use Case
item-2

Advanced Protection

Example Use Case
item-3

Wireflows

Ideation Phase
item-4

IAM Solution: Passkey iOS and Android App (Merck)

Built a Passkey app with WebAuthn/FIDO2, iOS Autofill extension, Secure Enclave keys, modular SwiftUI architecture, CI testing and TestFlight. Why Passkeys • Never forget passwords again • 100% phishing-proof • Hardware + biometrics in one step • Ready to use immediately
exali-logo

exali Berufshaftpflicht-Siegel

Das original exali Berufshaftpflicht-Siegel bestätigt dem Auftraggeber, dass die betreffende Person oder Firma eine aktuell gültige branchenspezifische Berufs- bzw. Betriebshaftpflichtversicherung abgeschlossen hat.

Versichert bis: 01.11.2026

Mehr erfahren

Kontaktanfrage

Einloggen & anfragen.

Das Kontaktformular ist nur für eingeloggte Nutzer verfügbar.

RegistrierenAnmelden