Finn Maybauer

Finn Maybauer

B. Sc. Media Informatics

The media informatics student works at Klickmeister as a designer and developer. In his free time, he is often seen on the boards that mean the world, singing, dancing, and acting with the Junges Musical Leverkusen.

emoji_people
  • UX Designer and Frontend Developer at Klickmeister GmbH since 2021
  • Web designer and developer since 2017
  • Bachelor of Science in media informatics
  • Student of Media Informatics / HCI in the Master's program

Focus of work

Usability work with a focus on UX design, UX research, inclusive and accessible interactions
Conception and development of web apps with a focus on highly interactive frontends
Project management and support

Technology know-how

Web standards (e.g. HTML, CSS, JavaScript, Web Components),
backend technologies (e.g. Node.JS, PHP), protocols (e.g. WebSockets,
MQTT, AMQP), concepts (e.g. Mobile First, Atomic Design, Responsive
web design, lean web), transpilers (e.g. SASS/SCSS, Typescript),
frameworks (e.g. Vue.JS, Svelte, Express.JS), content management
systems (e.g. Kirby, WordPress), tools (e.g. Git, CI, Docker), physical
computing (e.g. ESP-32, RFID), design methodologies (e.g. Design
Thinking, human-centered design, Ability-Based Design, Value-
Sensitive Design), design applications (e.g. Figma, Sketch, Affinity
Suit, Miro)

Fields of work in detail

  • Analysis of:

    Processes // Data // Competitors // Best practices // Design contexts // Technical conditions // Third-party products, tools & frameworks // Strategic conditions // Technologies // Users

  • Consulting:

    Technology // Goal setting // Insights // Project management // Project development // Collaboration // DevOps

  • Operations:

    Quality Assurance: Content validation & bug tracking // Optimization: Debugging, processes, performance, SEO, GUI, adaptability, and responsiveness // Updates: Content & technology

  • Design:

    Ideation and development // User Experience Design: User stories, user flows, transitions, and prototypes // Testing visual design: Wireframes & mockups // Data modeling: Structures & processes // Documentation of the design concept

  • Development:

    Programming // Data structures // Maintenance tools // Installation processes & training // Integration of subsystems // Testing & optimization // Deployment