Gernot Büttner

Web Development & Music

Experiences

Ableton

Frontend Developer

2021 - Present

At Ableton I was part of the Ableton.com Team inside the Customer Experience Unit, which focuses on developing and improving product tours, blog articles, learning materials and many other parts of the ableton.com website.

I was also an active member of the Web Accessibility Working Group, which works on improving the accessibility of the website.

Ableton.com

Release of the product tours for Ableton Note, Ableton Push 3 and Ableton Live 12.

Constant improvement of pages and components in several places, with a focus on usability and accessibility.

Creation, maintaining and documentation of new WebComponents inside the design system.

Refactoring of Django HTML Templates into WebComponents, transformation of legacy Javascript function into OOP Classes and SASS legacy styles into SCSS utility classes and BEM blocks.

Integration of features using TDD in Python.

Implementation of NPS Survey components into Emarsys with communication to Zendesk.

Conception and implementation of AB test scenarios.

Support and integration of a domain wide Accessibility Audit with an external agency.

→ Python, Django CMS, Web Components

CDLX

Fullstack Developer

2019 - 2021

My work at CDLX included the development of digital products such as websites, web applications and configurators.

This enabled me to work closely with designers and customers in small project-oriented teams, to take on more complex back-end tasks and to work independently.

The New Insitute
Implementation of the Layout concept and development of multiple components as well as the parts of the main navigation.

→ PHP, Kirby CMS

Stiftung Kunstfonds
Development of the website, including the implementation of the UI/UX principles. Creation of an API to search, sort, and filter art pieces from their catalog.

→ PHP, Zotero, GSAP

University of Bielefeld
Creation of templates and styling for the integration into Roxen with maintainance, extensions and long term client support with high focus on accessibility.

→ Roxen

Hans Grohe

Creating reusable Angular components for an internal research app in connection with REST API for PIM and asset management. Close cooperation with agile workflow including dailies, refinements, plannings & review/retros.

→ Angular, SAP/PIM, REST API

Ridi
Contribution to the product configurator for Ridi's Linia series.

→ PHP, Lit HTML

Isipedia Climate Institute, Potsdam

I participated in the creation of the website and the Frontend part for the configurator which allow scientist to climate-impacts assessments reports. ( DDC award )

→ PHP, Chart.js

Selux
Development of a configurator for the LINE product range. Planning and execution of a AIRA series photo shoot.

→ PHP, React, Redux, Three.js, GSAP

CDLX

Junior Frontend Developer

2017 - 2019

If not further specified, projects were developed in PHP with customized Kirby CMS, HTML, Javascript, SCSS using BEM structure & GIT for distribution.

Weizenbaum Institute
Maintainance and creation of templates for implementation into Typo3. Implementation of the publication search section in connection with the Zotero API.

Land der Ideen
Implementation and maintenance of components for campaigns.

Waald
Implementation of the layout concept and development of the website.

Bundesverband der Deutschen Industrie e.V., Galerie Nordenhake, Diculta

Maintenance, updating and development of several front-end components.

Skills

  • Javascript

  • Typescript

  • PHP

  • Python

  • HTML & CSS

  • XML

Code

  • Angular

  • React

  • React Redux

  • 11ty

  • MySQL

  • PostgreSQL

  • Sass/Scss

  • GSAP

  • Chart.js / Three.js

  • Git

  • Node / NPM / Webpack

Technologies

  • Github

  • Kirby CMS

  • Django CMS

  • Browserstack

  • Patternlab

  • Storybook

  • Zendesk

  • Emarsys

  • Matomo

Tools

  • Linux Systems

  • Unix Systems

  • Windows Systems

OS

  • TDD/Unit Testing

  • Pull requests/Code Reviews

  • RFC

  • Agile Methodes (Scrum, Kanban)

  • CI/CD

  • Accessibility (WCAG 2.1)

Processes

  • German (nativ)

  • English (professional)

  • French (intermediate)

Languages

Music

MooNexus

Band / Rhytmic Guitar

2023 - current

Formed in 2023 in the valleys at the foot of the Alps, MooNexus is a two-man band that combines heavy rock with psychedelic influences. With their groovy riffs, atmospheric melodies and dynamic breakbeat rhythms, their music balances intensity with a sense of exploration.

With its blend of heavy and psychedelic moments, MooNexus creates a distinctive take on modern rock, rooted in strong rhythms and mindful melodies. Their musical storytelling is taking listeners on a journey through moods and textures inspired by the nature that surrounds them.

BDO

Radio Show / Producer

2024 - current

BDO or Berlin Diaphonic Orchestra is a radio show that is always release on the 20th of the month, featuring modern classic, musique concrete and ambient tracks.

Ailamfa

Band / Musician / Producer

2021 - current

Ailamfa is a musical journey through unfamiliar sonic territory, featuring the use of feedback loops to generate intricate overtones and the incorporation of manipulated field recordings, white noise, and analog synth drones. This experimental project reflects upon the spontaneous nature of improvisation and the techniques used in noise music to craft intricate soundscapes.

Berlin Swamp Fest

Event / Live sound Engineer

2022

During the 2022 edition of the festival, i worked as a live sound egineer mixing a several bands in Zukunft am Ostkeuz.

Abanamat

Band / Rhytmic Guitar

2019 - 2022

We started this project together one day before covid hit Germany. During the time i played rhythm guitar and, we wrote a many songs together. Besides playing i also mixed and mastered the demo songs for Djinn and Night Walk.

XIO

Commercial trailer / Composer & Musician / Piano

2019

Music for a commercial trailer of the light configurator.

Kosmonautensehnsucht

Film / Production sound mixer / Boom operator

2016