Frontend Entwickler

Ich habe über 10 Jahre Erfahrung in der professionellen Web-Entwicklung, sowohl im Agentur- als auch im Startup-Umfeld. Meine Wurzeln habe ich im Design, heute bin ich Frontend Entwickler mit starkem Fokus auf Design und User Experience. Meine Stärken habe ich besonders im Bereich der CSS Architektur.

Meine beruflichen Stationen

Seit 02/2021

Jimdo GmbH
Senior Frontend Engineer

02/2017 – 01/2021

AIDA Cruises, Costa Digital Unit
Senior Frontend Developer

12/2015 – 01/2017

LOVOO GmbH
Senior Frontend Developer

09/2011 – 11/2015

SinnerSchrader Deutschland GmbH
Senior Frontend Developer

12/2007 – 08/2011

SinnerSchrader Deutschland GmbH
Frontend Developer

01/2007 – 12/2007

Freiberuflich selbstständig
Designer und Webworker

10/2003 – 09/2006

COLOSSEUM Design-Beratungs-GmbH
Studienbegleitendes Praktikum, Schwerpunkt Design
Studium der Medienproduktion
Abschluss als Diplom-Informatiker (BA)

Kompetenzen und Erfahrungen

• Nutzerzentrierte Webentwicklung
• CSS Architektur nach verschiedenen Methodiken
• HTML5, SVG, Accessibility
• Responsive Design, Legacy Browser Support, Progressive Enhancement, Graceful Degradation
• Styling mit Less, Sass, PostCSS und CSS-Modules
• Client-Side JS mit React, AngularJS, jQuery und Vanilla JS
• Server-Side JS mit Koa und Express
• Mobile-App-Entwicklung mit React Native
• JS-Erweiterungen und Compile-To-JS mit Babel, Flow, TypeScript, CoffeeScript
• Tooling mit NPM, Gulp, Grunt, Webpack und Browserify
• Versionierung mit Git und Subversion
• Linux/Unix, Shell-Scripting, Vim
• Grafik mit Photoshop, Illustrator, Sketch, InDesign und Inkscape
• Typografie-Know-How

User Experience

Ich arbeite am Liebsten interdisziplinär zusammen mit Kreativen und begleite frühestmöglich Konzept und Design, um eine optimale User Experience zu erreichen. Dazu gehören selbstverständlich beste Performance, intuitive Bedienbarkeit und Konsistenz im Design.

Styleguide Driven Development

Um das zu erreichen, setze ich gerne auf Living Style Guides und Pattern Libraries. Damit ist Atomic Design möglich, eine Vorgehensweise, die ein gemeinsames Vokabular für UI-Elemente und damit besseres gegenseitiges Verständnis mit sich bringt. Gleichzeitig erleichtert sie ein iteratives Arbeiten und minimiert unbeabsichtigte Überraschungen. Außerdem wird damit eine solide CSS Architektur begünstigt, die stets aktuell dokumentiert ist.

Prototyping und Nutzertests

Um Ideen zu verproben und die Akzeptanz durch Nutzer zu prüfen, sind Nutzertests sehr attraktiv. Prototypen sollten für einen Nutzertest schnell erstellt und trotzdem nah am echten Produkt sein. Ich habe vielfach Nutzertests begleitet und weiß, worauf es dabei ankommt. Nicht zuletzt kann ich mich dadurch auch gut in den Nutzer hineinversetzen und kann einschätzen, wie ein tolles Nurzererlebnis erreicht werden kann.

CSS Architektur

Kann man mit Bootstrap jedes Projekt umsetzen? Vielleicht, aber sinnvoll ist das in der Regel nicht. Jedes Projekt, jedes Team und jeder Kunde hat individuelle Anforderungen und braucht deshalb eine Architektur, die zu ihm passt.

Best Practices ändern sich und werden manchmal sogar zu Anti-Patterns. Ich habe verschiedene Trends erlebt und auf Herz und Nieren prüfen können. Daher unterwerfe ich mich nicht den neuesten Trends, sondern schaue, welcher Ansatz am besten passt, sei es BEM, Atomic CSS, CSS Modules oder etwas anderes.

Case Studies

Die Web-App von LOVOO beispielsweise wurde ursprünglich mit Bootstrap umgesetzt, welches aber bald an die Grenzen seiner Skalierbarkeit kam. Ich habe SC5 Style Guide implementiert und darin eine besonders flexible Pattern Library nach BEM, ITCSS und Atomic-CSS-Prinzipien aufgebaut. So konnten für eine bessere Performance große Teile von Bootstrap entfernt werden. A-B-Tests und zielgenaues Tuning sind nun einfacher und klarer, ohne dass die Konsistenz leidet.

Auch bei SinnerSchrader konnte ich in zahlreichen Projekten unterschiedlicher Größe und Lebensdauer viel Erfahrung sammeln. Dort habe ich unter anderem die Themen OOCSS und Styleguide Driven Development vorangetrieben und am firmeneigenen Component Library Framework Patternplate mitgearbeitet. Dieses wurde nach Erfahrungen mit anderen Ansätzen wie StyleDocco, KSS, Fabricator und PatternLab in enger Zusammenarbeit mit Konzeptern, Designern und Kunden entwickelt und wird als Open-Source-Projekt kontinuierlich weiterentwickelt.

Open Source

Vor allem im JavaScript-Umfeld ist Open Source nicht wegzudenken: Die NPM Registry bietet Zugriff auf unzählige fokussierte Module. Diese lassen sich wie Legosteine kombinieren und haben oft nur eine kleine Einstiegshürde zur Mitarbeit. Gibt es einen Bug oder fehlt ein Feature, scheue ich mich nicht, ein Projekt zu forken und einen Pull-Request zu stellen.

Ich bin ein großer Freund dieser Composability, weil damit die Gefahr des Vendor Lock-Ins deutlich geringer ist. Nicht mehr gepflegte Komponenten können gezielt ersetzt werden und erlerntes Wissen lässt sich universell einsetzen, da man Design Patterns statt Domain Specific Languages lernt. Nicht zuletzt aus diesem Grund arbeite ich lieber mit fokussierten Libraries wie React als mit in sich geschlossenen Frameworks wie AngularJS.

Open Source by you and me

Eine ausgeprägte Open-Source-Kultur schätze ich auch sehr bei meinem potenziellen Arbeitgeber: Wird intern ein universell einsetzbares Projekt entwickelt, sollte es veröffentlicht werden. Das bringt viele Chancen mit sich: Es wird besser, weil sich mehr Menschen beteiligen können, es gibt Einsicht in den Entwicklungs-Stil des Unternehmens und macht es so für potenzielle neue Mitarbeiter sympathisch, und bringt Bekanntheit und Vertrauen für die Firma. Die zusätzlich benötigte Zeit und Verantwortung zur Maintainance von Open-Source-Projekten ist nicht zu unterschätzen, aber die Vorteile sind den Mehraufwand in der Regel wert. Patternplate ist ein gutes Beispiel meines ehemaligen Arbeitgebers SinnerSchrader. Diese Website habe ich übrigens mit Schlump erstellt, einem frischen Projekt meiner ehemaligen Kollegen.

Einen Eindruck über meine Open-Source-Aktivitäten können Sie sich auf meinem GitHub-Profil verschaffen.

Impressum

Domainbetreiber /-inhaber

Veit Lehmann
Norburger Stieg 6
22761 Hamburg
post@veitlehmann.de

Inhaltlich verantwortlich gemäß § 6 MDStV

Veit Lehmann, Anschrift wie oben

Haftungshinweis

Trotz sorgfältiger inhaltlicher Kontrolle übernehme ich keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Die Angaben in diesem Dienst wurden sorgfältig geprüft und entsprechen dem jeweils neuesten Stand. Dennoch kann keine Garantie für die Vollständigkeit, Richtigkeit und Aktualität übernommen werden.