Hi! I'm Martin Liesche

UX & UI designer, web developer & consultant for digital solutions

with a serious passion for creating intuitive, user-centered designs and digital experiences!

Portraitfoto von Martin Liesche
How I work

My Solutions Process

Every problem has a suitable solution. The specific solution and necessary steps depend on factors such as the company, product or service, and individual motivations and goals. However, successful solutions always share a focus on the end user.

In my projects, I use an iterative process based on design thinking and branded interaction design. This approach is necessary for comprehensive brand communication and an outstanding user experience.

Understand

Questions and understanding. In the initial phase of the project, I focus on comprehending the requirements and expectations of my clients. By engaging intensively with the target group, I bring together the perspectives of clients and stakeholders, gaining a clear understanding of the project brief. This thorough approach establishes a solid foundation for the rest of the project and ensures successful implementation.

Define

Set clear goals. We make important decisions in this phase! We sort requirements and initial ideas in order to structure and focus them. We identify central problems and develop concrete, realisable solution ideas. These are recorded in a catalogue of measures and further specified. The development of representative user profiles (personas) is also part of this phase in order to better understand the goals, needs and behaviour of the target group.

Design

Solve problems. Once the catalogue of measures has been approved in the Define phase, the next step is the design. Together with the customer, the information architecture, general appearance and other visual elements are defined step by step in an iterative process. Quick, low-cost models or prototypes are created to visualise, test and improve ideas based on feedback. The resulting “detailed design” forms the basis for the technical realisation.

Implement

Bringing designs to life. The “detailed design” is then used as the basis for implementation. This can include the creation of style guide manuals, design pattern libraries or the technical realisation of a website. Interactive prototypes are often developed in this phase and tested by real users to ensure that the proposed solutions meet user needs. Quality assurance measures and documentation are also important to ensure that the defined goals are achieved.

What I work with

Current Tech Stack

Flexible. Efficient. Future-proof.

I prioritize stability, flexibility, and performance in my projects.

I create concepts, user flows, wireframes, and prototypes using Figma/Figjam. Active participation in development is crucial to improving my skills and staying up-to-date with new methods and technologies.It also provides a refreshing change from the design aspect.

When developing web apps and websites, I rely on the Vue.js ecosystem, sometimes in combination with TypeScript. For more complex projects involving multiple databases or interfaces, I confidently integrate the popular PHP web framework Laravel. This extends to Laravel Nova or Statamic in the backend or CMS area.

Version Control System
Logo githubLogo gitlab
Conception, visual design & prototyping
Logo adobeccLogo figmaLogo framer
Frontent Development
Logo htmlLogo scssLogo javascriptLogo typescriptLogo vuejsLogo nuxt
Backend/ CMS
Logo strapiLogo inertiaLogo laravelLogo novaLogo statamic
Overview

Experiences and skills

As an experienced UI/UX designer, web developer, and media consultant, I confidently combine creative innovation with technical excellence. I assertively develop sustainable brand strategies through tailored solutions and user-centered design.

My expertise confidently extends across the areas of digital, brand, and software.

Schreibtisch-Arbeitsplatz mit Monitor und Laptop

Digital Skills

  • Responsive Websites
  • Interactive Content
  • Web Apps
  • Desktop Apps
  • E-Learnings
  • Web Based Trainings
  • 360° Tours
  • Explanatory Films
  • Dronography
  • Presentation

Brand Skills

  • Art Direction
  • Motion Design
  • Visual Design
  • Media Production
  • Lead & coordinate teams
  • Projectmanagement
  • E-Learning Development
  • Customer Support
  • Strategic Consulting
  • Process optimization

Software Skills

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

Experiences

  • Technical Art Director
  • User Interface Designer
  • User Experience Designer
  • E-Learning Developer
  • Frontend-Developer
  • Teamleader
  • Mediadesigner
  • Freelancer
  • Photographer
  • Videographer
What i love Rotes Herz
  • Clean Inbox
  • Escape Games
  • Acceleration Curves
  • Launch Day
  • Strategy & Building Games
  • Micro-Interactions
  • Team-oriented Environment
  • My Bookmarks
  • Automation
  • Process Optimization
  • Flow Charts
  • Vue.js
  • User-Centered Design
  • CSS Animations
  • Cooking
  • Snowboarding
  • Sunglasses
  • Ergonomic Work
  • Agile Methods
  • Design Thinking
  • Family Time
  • Ride a bike
  • Dronography
  • Learn Something New
  • Happy Customers
Hand hält ein rotes PuzzleteilHand hält ein gelbes Puzzleteil

Do you have a project in mind?

Then let’s work on it together. I am always ready for new challenges!

Because you should never stop learning...

As a self-taught individual, I have acquired my skills primarily through books, videos, tutorials, and online articles. Staying up to date with constant trends and technical innovations is crucial in my creative digital profession.

I invest time every day in using various tools and resources to develop high-quality and future-proof products. My learning journey involves not only sticking to what I know but also constantly broadening my horizons. I confidently search for exciting topics that enrich my journey into the digital world. My current interests include:

Man with VR glasses flies in a virtual space

Immersive Media

I am highly experienced in producing and realizing 360° photos, videos, and interactive tours. My expertise in integrating these 360° environments into online training courses has been proven successful. With the 3D Vista Studio software, I can confidently create immersive and interactive experiences that meet the highest standards.

In the future, brand experiences will incorporate exciting technologies such as AR, spatial computing, and VR, in addition to the cinematic reality already in use.

3D cube consisting of many small individual cubes

3D Interactions

WebGL and WebGPU are powerful technologies for web development that enable the creation of impressive and interactive content, as well as high-quality visual effects. These technologies take interactivity and the brand experience to a new level.

Interactive 3D models and product visualisations are already a trend on the web, and more and more websites are presenting them directly in the browser.

User interface with statistics and checklists

Workflow Automatation

Surely this can be automated? I often ask myself this question with a large number of processes and I have already written several batch processing programmes and automations using Python or Microsoft Power Automate that have had an incredible impact.

One example:
At my current employer DEKRA Neo GmbH, we produce a large number of e-learnings and films that are also subtitled as part of accessibility. Until recently, this was done manually: Open the film. Define speech sequences. Copy the voiceover text from the Word script and assign it to the individual sequences. A very tedious and time-consuming (stupid) job! With the help of a Python script, the voiceover texts are now extracted from a special Word script template and saved separately in individual text files. A second script automatically creates subtitles in VTT format using the “force alignment” method. An enormous time saving!

Contact

Let's get started

I'm interested in freelance opportunities - especially for ambitious or large projects.

If you have other ideas or questions, don't hesitate to contact me!