Video Preview
The User Experience Professional for Digital Products.
write
call
Handy Hintergrund Handy Hintergrund

Thomas Senior UX Professional
write
call
+ 49 1713 491364
UX
Freelancer
in München
00+
Jahre Erfahrung als Freelancer (Contractor)
UX-Strategie, Konzeption und Design mit ihrem agilen Team
+
Jahre Erfahrung als Gestalter
+
Teams mit denen ich im Laufe der Zeit zusammen­gearbeitet habe.
Consultant - UX Integration und Optimierung in bestehenden Systemen
Omnichannel Customer Experience

UX Kernkompetenzen

Top-Fähigkeiten im Bereich User Experience und Service Design

  • Beratung UX Prozesse
  • Scrum
  • Iteratives Design
  • Iteratives Prozess Prototyping
  • Wireframing
  • User Journeys
  • Certified Professional for Usability and User Experience
  • UX/UI Design
  • Visual Design
  • Arbeiten mit Scrum
  • Interaction Design
  • Multidevice Experience
  • Konzeption
  • Benutzertests
  • Responsive Design
  • User Experience Design
  • Agile Methoden
  • Agile Softwareentwicklung
  • Design Thinking
  • Design
  • Prototyping
  • Papier-Prototypen
  • Senior UX Design
  • User Interface

Low Hanging Fruits, Relaunch oder Greenfield – was sind unsere nächsten gemeinsamen Schritte?

  • Analyse und Verstehen des Ist-Zustands der bestehenden Systeme
  • Integration und Beratung von UX im Unternehmen zur Verbesserung der UX Reife
  • Kontextbezogene Methoden zur Nutzerzentrierung im agilen Prozess
  • Ideenfindung mit dem interdisziplinären Team in Bezug auf Bestehendes – mit Design-Thinking, Wireframing und Prototyping
  • Iteratives Gestalten, Bauen und immer wieder Testen im Entstehungsprozess, aber auch nach dem Launch

Kunden aus meinen UX Projekten sagen...

Bernd Angermann
Bernd Angermann
ADAC
Head of Digital Products & User Experience
Als Head of Brand Management & User Experience habe ich mit Thomas bei Interhyp zusammengearbeitet. Thomas hat mit seiner Erfahrung sehr dazu beigetragen, die UX Reife im Unternehmen zu steigern. Durch seine Methoden- und Fachkompetenz hatte er als Mitglied eines Scrum Teams großen Anteil an einer effizienten Produktentwicklung.
Philipp Engelmann
Philipp Engelmann
Mytheresa.com GmbH
Head of Product Management
In meiner Rolle als Product Owner bei Interhyp durfte ich in einem Team mit Thomas zusammenarbeiten. Nach Beginn der Transformation zu agilem Arbeiten, wurde die Rolle des UX Designers in agile Teams integriert, was sich als sehr positiven Aspekt auf die Zusammenarbeit und damit auch auf time-to-market neuer digitaler Produkte ausgewirkt hat. In seiner Rolle als UX Designer war Thomas unser Auge am Kunden.
Marcus Koppenhöfer
Marcus Koppenhöfer
Hoffmann Group Munich
Digital Product Manager
Durch seine langjährige Erfahrung und Fachkenntnis im Bereich User Experience trug Thomas einen sehr wertvollen Anteil zur Integration und Positionierung von UX in unserem Produkt „Connected Manufacturing“ der Hoffmann Group bei. Sehr wichtig waren ihm tägliche Absprachen in unserem internationalen Dev Team, mit dem PO und speziell mit mir als PM. Das große Interesse am spannenden und komplexen Nutzerkontext in der Industrie 4.0 halfen ihm, unser Produkt zusammen mit dem Team – vor allem in Hinblick auf die Nutzerzentrierung – zu optimieren.
Bernd Angermann
Bernd Angermann
ADAC
Head of Digital Products & User Experience
Als Head of Brand Management & User Experience habe ich mit Thomas bei Interhyp zusammengearbeitet. Thomas hat mit seiner Erfahrung sehr dazu beigetragen, die UX Reife im Unternehmen zu steigern. Durch seine Methoden- und Fachkompetenz hatte er als Mitglied eines Scrum Teams großen Anteil an einer effizienten Produktentwicklung.
Philipp Engelmann
Philipp Engelmann
Mytheresa.com GmbH
Head of Product Management
In meiner Rolle als Product Owner bei Interhyp durfte ich in einem Team mit Thomas zusammenarbeiten. Nach Beginn der Transformation zu agilem Arbeiten, wurde die Rolle des UX Designers in agile Teams integriert, was sich als sehr positiven Aspekt auf die Zusammenarbeit und damit auch auf time-to-market neuer digitaler Produkte ausgewirkt hat. In seiner Rolle als UX Designer war Thomas unser Auge am Kunden.
Marcus Koppenhöfer
Marcus Koppenhöfer
Hoffmann Group Munich
Digital Product Manager
Durch seine langjährige Erfahrung und Fachkenntnis im Bereich User Experience trug Thomas einen sehr wertvollen Anteil zur Integration und Positionierung von UX in unserem Produkt „Connected Manufacturing“ der Hoffmann Group bei. Sehr wichtig waren ihm tägliche Absprachen in unserem internationalen Dev Team, mit dem PO und speziell mit mir als PM. Das große Interesse am spannenden und komplexen Nutzerkontext in der Industrie 4.0 halfen ihm, unser Produkt zusammen mit dem Team – vor allem in Hinblick auf die Nutzerzentrierung – zu optimieren.

Touchpoints in meiner persönlichen User Journey zum Senior UX Professional

Ab 2006 selbstständige Tätigkeit für diverse Agenturen, Netzwerke und Kunden - seit 2010 mit starkem Fokus auf User Experience.

Work Experience
ab 2020_04
MSD SHARP & DOHME GMBH

Omnichannel Customer Experience

ab 2019_06
Hoffmann Group

UX in der Industrie 4.0

2018
Ludwig-Maximilians-Universität, München

Lehrauftrag in Konzeption und Design

ab 2017_04
Interhyp AG

Digitalisierung der Baufinanzierung

2016
PLAY – SKY Innovation Hub, Sky Deutschland

App zur digitalen Kunstvermittlung

Education
2018_05
UXQB Certified Professional

For Usability and User Experience

Foundation Level

2015 – 11
Art Education (Bachelor of Arts)

Ludwig-Maximilians-Universität

2009 – 07
Design Culture (Master of Advanced Studies)

Zürcher Hochschule der Künste, Zürich

2007
Signaletik (Certificate of Advanced Studies)

Work Experience
ab 2020_04
MSD SHARP & DOHME GMBH

Consultant UX Prozesse zur Omnichannel Customer Experience

ab 2019_06
Hoffmann Group

Senior UX Professional in der Industrie 4.0

2018
Ludwig-Maximilians-Universität, München

Lehrauftrag

Konzeption und Design

ab 2017_04
Interhyp AG

Senior UX Professional und Beratung zur Digitalisierung der Baufinanzierung

2016
PLAY – SKY Innovation Hub, Sky Deutschland

Ideenentwicklung und Konzeption zur digitalen Kunstvermittlung

2016
1&1 Internet SE

UX / UI Design

ab 2013
SKY Deutschland

Senior UX / UI Designer für Video on Demand

ab 2006
Selbständig

für verschiedene Unternehmen und Agenturen:

Projektmanagement, Konzept und UX / UI Design

2006 - 02
Desing GmbH

Festanstellung als Kommunikationsdesigner

1999 – 01
Werbeagentur »Grafitti«

Teilzeit:

Layout und Reinzeichnung

Zeitstrahl
Education
Art
2019_02
Kunstausstellung »RHI ZOOM«

»Die Färberei« (Kreisjugendring München)

2018_05
UXQB Certified Professional

for Usability and User Experience, Foundation Level

2018_03
Kunstausstellung »Kondensationen«

»Farbenladen« (Feierwerk, München)

2015 – 11
Art Education (Bachelor of Arts)

Ludwig-Maximilians-Universität, München

2009 – 07
Design Culture (Master of Advanced Studies)

Zürcher Hochschule der Künste, Zürich

2007
Signaletik (Certificate of Advanced Studies)

Zürcher Hochschule der Künste, Zürich

2002 – 99
Staatl. gepr. Werbe- und Kommunikationsgrafiker

Berufsfachschule für Grafik und Werbung, München

1999 – 97
Ausbildung zum Schriftsetzer

Systemtechnik, Tegernsee

1996
Abitur

München

Beispielarbeiten aus dem Bereich UX Konzept und UI Design

Interhyp AG
  • Interhyp AG
  • Landing Page
Spotlight
  • Spotlight
  • Verlagswebseite
Spotlight
  • Spotlight
  • Landing Page
SKY Deutschland
  • SKY Deutschland
  • Video On Demand
Aicher Ambulanz Union
  • Aicher Ambulanz Union
  • Webseite

Planung der User Experience anhand des menschzentrierten Gestaltungsprozess nach DIN EN ISO9241-210

Verstehen und Spezifizieren des Nutzerkontextes
Pfeil nach rechts

Beschreiben des Nutzungs­kontextes, des Gruppen­profils, der Aufgaben­modelle und des Ist-Zustandes. Die Erstellung von Personas mit User Journey Maps.

Pfeil nach unten
Spezifizieren der Nutzer­anforderungen
Pfeil nach rechts

Ausformulieren der Erforder­nisse und der daraus resultierenden Nutzer­anforderungen.

Pfeil nach unten
Erzeugen von Gestaltungslösungen zur Erfüllung der Nutzeranforderungen
Pfeil nach rechts

Erstellung von Nutzungs­szenarien, Storyboards, der Informations­architektur und dem Wireframing – vom Low-Fidelity zum High-Fidelity Prototypen.

Pfeil nach unten
Evaluieren der Gestaltungs­lösungen aus Sicht der Benutzer­perspektive

Durch­führung und Beobachtung von qualitativen Usertests – die Dokumentation der Erkennt­nisse mit Verbesserungs­vorschlägen.

Pfeile zurück Kreislauf

Iteration der nötigen Prozessschritte,
soweit Evaluierungsergebnisse Bedarf aufzeigen.

Pfeil nach unten
Grüner Haken

Gestaltungslösungen erfüllen die Nutzeranforderungen

Klick Flow - Eine User Journey am Beispiel einer Baufinanzierung

Markus König, 41 Markus König, 41

Markus König, 41

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata

Weitere Arbeitsbeispiele

Eigener Blog mit Metalsmith

Mit dem statischen Seitengenerator Metalsmith kann schnell und einfach ein Blog oder eine Website erstellt werden.

Was ist Metalsmith

Metalsmith ist ein Static-Site Generator, heißt es generiert statische HTML Seiten aus zuvordefinierten HTML Templates und Markdown Inhalten. Dadurch können ohne großen Aufwand hunderte von Artikel veröffentlicht werden ohne neue Templates, etc. anzulegen.

Installation

Um mealsmith zu nutzen müssen die benötigten NPM Pakete im Projekt installliert werden.

npm install --save-dev metalsmith metalsmith-markdown metalsmith-layouts metalsmith-in-place nunjucks

Als Templating Engine, also das Tool um den Content in die HTML Templates einzubinden wird Nunjucks von Mozilla genutzt. Es kann aber auch eine andere Engine, wie z. B. handlebars genutzt werden.

Danach muss eine JavaScript Datei erstellt werden, in der metalsmith mit den verschiedenen Plugins konfiguriert wird, z. B. build.js.

const Metalsmith = require('metalsmith'),
const markdown = require('metalsmith-markdown'),
const layouts = require('metalsmith-layouts');
const nunjucks = require('nunjucks');

const env = nunjucks.configure('src', { watch: false, noCache: true });

console.log('⚙️  Building site...');
Metalsmith(__dirname)

    // Konvertiere Markdown Inhalte zu HTML Fragmenten
    .use(markdown())

    // Füge die HTML Fragmente mit Hilfe von Nunjucks in ein Template ein
    .use(layouts({
      engine: 'nunjucks',
      pattern: '**/*.html',
      directory: 'src/layouts',
      }))

    .build(function(err, files) {
      if (err) {
        throw err;
      } else {
        console.log('✓ Build successful.');
      }
    });

Eine Liste von weiteren Plugins, die auf der Seite genutzt werden können findest du hier.

Inhalte erstellen

Inhalte können nun in Form von markdown Dateien erstellt werden. Ein simples Beispiel sieht wie folgt aus:

---
title: Example
description: This is an example page
---

## Lorem ipsum

Dolor sit amet, consectetur __strong__ adipiscing elit. Morbi 
faucibus, *em* purus at gravida dictum, libero arcu convallis 
lacus, in commodo libero metus eu nisi. Nullam commodo, neque 
nec porta placerat, nisi est fermentum augue, vitae gravida 
[link](https://metalsmith.io) tellus sapien sit amet tellus. Aenean non diam orci. Proin quis elit turpis. Suspendisse non 
diam ipsum.

### Suspendisse nec ullamcorper odio.

- Vestibulum arcu mi, sodales non suscipit id.
- Sed ac sem sit amet arcu malesuada fermentum.
- Nunc sed.

Die title, description und layout Attribute werden von metalsmith ausgelesen und zusätzlich für die Layouts verfügbar gemacht. So kann für jeden Inhalt eine eigene Überschrift oder ein Seitentitel, etc. angezeigt werden. Um ein bestimmtes Layout für den Inhalt zu nutzen muss der Name davon in das layout Attribut geschrieben werde. Z.