Hi! Ich bin Martin Liesche

UX- & UI Designer, Webentwickler & Berater für digitale Lösungen

mit einer Leidenschaft für die Erstellung intuitiver, nutzerzentrierter Designs und digitaler Erlebnisse

Portraitfoto von Martin Liesche
Wie ich arbeite

Mein Solutions-Prozess

Es gibt für jedes Problem eine passende Lösung. Wie genau diese aussieht und welche Schritte erforderlich sind, hängt von verschiedenen Faktoren wie dem Unternehmen, dem Produkt oder Service sowie den individuellen Motivationen und Zielen ab. Gemeinsam ist allen erfolgreichen Lösungen jedoch, dass sie den Endbenutzer in den Fokus stellen!

In meinen Projekten setze ich auf einen iterativen Prozess, der sich am „Design Thinking“ orientiert und zusätzlich das „Branded Interaction Design“ einbezieht. Dieser Ansatz ist besonders entscheidend für eine umfassende Markenkommunikation und ein herausragendes Benutzererlebnis.

Verstehen

Fragen und Verstehen. In der ersten Projektphase liegt mein Fokus darauf, die Bedürfnisse und Erwartungen meiner Kunden zu verstehen.Hierzu stelle ich viele gezielte Fragen, um Probleme zu identifizieren und Ziele zu klären.Dabei setze ich mich intensiv mit der Zielgruppe auseinander, bringe die Perspektiven von Kunden und Stakeholdern zusammen und erlange ein klares Verständnis des Projektauftrags.Diese gründliche Herangehensweise legt eine solide Basis für den weiteren Verlauf des Projekts und sorgt für eine erfolgreiche Umsetzung.

Definieren

Klare Ziele setzen. In dieser Phase treffen wir wichtige Entscheidungen! Wir sortieren Anforderungen und erste Ideen, um sie zu strukturieren und zu fokussieren. Dabei identifizieren wir zentrale Probleme und entwickeln konkrete, umsetzbare Lösungsideen. Diese werden in einem Maßnahmenkatalog festgehalten und weiter präzisiert. Auch die Entwicklung von repräsentativen Nutzerprofiles (Personas) ist Teil dieser Phase, um die Ziele, Bedürfnisse und Verhaltensweisen der Zielgruppe besser zu verstehen.

Gestalten

Probleme lösen. Nachdem der Maßnahmenkatalog in der Define-Phase genehmigt wurde, geht es im nächsten Schritt um das Design. Gemeinsam mit dem Kunden werden die Informationsarchitektur, das allgemeine Erscheinungsbild und andere visuelle Elemente schrittweise in einem iterativen Prozess festgelegt. Schnelle, kostengünstige Modelle oder Prototypen werden erstellt, um Ideen zu visualisieren, zu testen und basierend auf dem Feedback zu verbessern. Das resultierende „Detailed-Design“ bildet die Grundlage für die technische Umsetzung.

Umsetzen

Designs zum Leben erwecken. Auf Basis des „Detailed-Design“ erfolgt nun die Umsetzung. Dies kann die Erstellung von Styleguide Manuals, Design Pattern Libraries oder die technische Umsetzung einer Webseite umfassen. Oft werden in dieser Phase interaktive Prototypen entwickelt und von echten Nutzern getestet, um sicherzustellen, dass die vorgeschlagenen Lösungen den Benutzerbedürfnissen entsprechen. Qualitätssicherungsmaßnahmen und Dokumentation sind ebenfalls wichtig, um sicherzustellen, dass die definierten Ziele erreicht werden.

Womit ich arbeite

Aktueller Tech Stack

Flexibel. Effizient. Zukunftssicher.

In meinen Projekten lege ich Wert auf Stabilität, Flexibilität und Performance. Für die Erstellung von Konzepten, User Flows, Wireframes und Prototypen bevorzuge ich Figma/Figjam. Dieses Tool ermöglicht effektive und hochqualitative Arbeit.

Die aktive Teilnahme an der Entwicklung ist für mich wichtig, um meine Fähigkeiten zu verbessern und mit neuen Methoden und Technologien Schritt zu halten. Das bietet zudem eine willkommene Abwechslung zum Designteil.

Bei der Umsetzung von Web Apps und Websites setze ich auf das Vue.js-Ecosystem, gelegentlich in Verbindung mit TypeScript. Bei komplexeren Projekten mit verschiedenen Datenbanken oder Schnittstellen integriere ich das beliebte PHP Webframework Laravel. Dies kann im Backend oder CMS-Bereich um Laravel Nova oder Statamic erweitert werden.

Version Control System
Logo githubLogo gitlab
Konzeption, Visual Design & Prototyping
Logo adobeccLogo figmaLogo framer
Frontent Entwicklung
Logo htmlLogo scssLogo javascriptLogo typescriptLogo vuejsLogo nuxt
Backend/ CMS
Logo strapiLogo inertiaLogo laravelLogo novaLogo statamic
Überblick

Erfahrungen und Kompetenzen

Als erfahrener UI/UX-Designer, Webentwickler und Medien-Berater verbinde ich kreative Innovation mit technischer Exzellenz. Meine Expertise erstreckt sich über die Bereiche Digital, Brand und Software, wo ich durch maßgeschneiderte Lösungen und benutzerzentriertes Design nachhaltige Markenstrategien entwickle.

Schreibtisch-Arbeitsplatz mit Monitor und Laptop

Digitale Kompetenzen

  • Responsive Webseiten
  • Interaktive Inhalte
  • Web Apps
  • Desktop Apps
  • E-Learnings
  • Web Based Trainings
  • 360° Touren
  • Erklärfilme
  • Dronographie
  • Präsentationen

Brand Kompetenzen

  • Art Direction
  • Motion Design
  • Visuelles Design
  • Medienproduktion
  • Teams leiten & koordinieren
  • Projektmanagement
  • E-Learning Entwicklung
  • Support & Kundenbetreuung
  • Strategische Beratung
  • Prozessoptimierung

Software Kompetenzen

  • Adobe Creative Cloud
  • Figma & Figjam
  • Articulate Storyline
  • Articulate Rise
  • iSpring Suite
  • 3D Vista Studio
  • Visual Studio Code
  • Microsoft Office 365
  • Meistertask
  • Trello

Erfahrungen

  • Technical Art Director
  • User Interface Designer
  • User Experience Designer
  • E-Learning Entwickler
  • Frontend-Entwickler
  • Teamleiter
  • Mediendesigner
  • Freelancer
  • Foto- & Videograf
Was ich liebe Rotes Herz
  • Sauberer Posteingang
  • Escape Games
  • Beschleunigungskurven
  • ”Launch” Day
  • Strategie- & Aufbauspiele
  • Mikro-Interaktionen
  • Teamorientiertes Umfeld
  • Meine Bookmarks
  • Automatisierung
  • Prozessoptimierung
  • Flowcharts
  • Vue.js
  • Nutzerzentriertes Design
  • CSS Animationen
  • Kochen
  • Snowboarden
  • Sonnenbrillen
  • Ergonomisches Arbeiten
  • Agile Methoden
  • Design Thinking
  • Family Time
  • Fahrradfahren
  • Dronographie
  • Neues Lernen
  • Zufriedene Kunden
Hand hält ein rotes PuzzleteilHand hält ein gelbes Puzzleteil

Hast du ein Projekt im Blick?

Dann lass uns gern zusammen daran arbeiten. Ich bin immer bereit für neue Herausforderungen!

Denn man sollte nie aufhören zu lernen…

Als Autodidakt habe ich meine Kompetenzen hauptsächlich durch Bücher, Videos, Tutorials und Online-Artikel erworben. In meinem kreativen digitalen Beruf, der von ständigen Trends und technischen Neuerungen geprägt ist, ist es entscheidend, kontinuierlich auf dem neuesten Stand zu bleiben.Ich investiere täglich Zeit in die Nutzung verschiedener Tools und Ressourcen, um hochwertige und zukunftssichere Produkte zu entwickeln.

Meine Lernreise beinhaltet nicht nur das Festhalten am Bekannten, sondern auch das ständige Erweitern meines Horizonts. Dabei halte ich Ausschau nach spannenden Themen, die meine Fahrt in die digitale Welt bereichern. Zu meinen aktuellen Interessen gehören:

Mann mit VR Brille fliegt in einem virtuellen Raum

Immersive Medien

Seit einigen Jahren sammle ich bereits Erfahrung in der Produktion und Umsetzung von 360° Fotos, Videos und interaktiven Touren. Einige dieser 360° Umgebungen habe ich schon erfolgreich in Online-Trainings integrieren können. Dabei bietet die Software 3D Vista Studio eine Vielzahl an Möglichkeiten zur Schaffung von immersiven und interaktiven Erlebnissen.

Neben dieser filmischen Realität gibt es mit AR, Spatial Computing und VR aber noch weitaus spannenden Technologien, die in Zukunft immer häufiger Einsatz in der Gestaltung von Markenerlebnissen haben werden.

3D Kubus bestehend aus vielen kleine einzelnen Kuben

3D Interaktionen

Mit WebGL und WebGPU stehen zwei starke Technologien für die Webentwicklung bereit, um beeindruckende und interaktive Inhalte sowie hochwertige visuelle Effekte zu schaffen. Diese heben die Interaktivität und das Markenerlebnis auf eine neue Ebene.

3D im Web ist bereits ein Trend, und immer mehr Websites präsentieren interaktive 3D-Modelle sowie Produktvisualisierungen direkt im Browser.

User Interface mit Statistiken und Checklisten

Workflow Automatisierung

Das kann doch bestimmt automatisiert werden? Diese Frage stelle ich mir häufig bei einer Vielzahl an Prozessen und so habe ich bereits einige Stapelverarbeitungsprogramme und Automatisierungen mithilfe von Python oder auch Microsoft Power Automate geschrieben, die einen unglaublichen Impact hatten.

Ein Beispiel:
Bei meinem aktuellen Arbeitgeber DEKRA Neo GmbH produzieren wir eine Vielzahl an E-Learnings und Filmen, die im Zuge der Barrierefreiheit auch untertitelt werden. Das geschah bis vor kurzem noch manuell: Film öffnen. Sprechsequenzen definieren. Sprechertext aus Word-Skript kopieren und den einzelnen Sequenz zuteilen. Eine sehr mühselige und zeitaufwendige (stupide) Arbeit!

Mithilfe von eines Python-Skripts, werden nun die Sprechertexte aus einer speziellen Word-Skript-Vorlage extrahiert und in einzelnen Text-Dateien separiert gespeichert. Ein zweites Skript erstellt automatisch Untertitel im VTT-Format mithilfe der „Force-Alignment“-Methode. Eine enorme Zeitersparnis!

Kontakt

Lass uns loslegen

Ich interessiere mich für freiberufliche Möglichkeiten – insbesondere für ambitionierte oder große Projekte.

Wenn du andere Ideen oder Fragen hast, zögere nicht, mich zu kontaktieren!