Lösungen

Seit 2014 unterstütze ich Unternehmen bei der Gestaltung und Umsetzung von individuellen Webapplikationen mit UI/UX-Design, Prototyping, Erstellung von Design Systemen und Frontend-Entwicklung als Freelancer/Consultant. Ich arbeite auf selbstständiger Basis mit KMU und Agenturen zusammen.

Was ist "Frontend Design"?

Frontend Design ist für mich der Schnittpunkt zwischen Design und Frontend-Entwicklung.

Zum einen habe ich eine Leidenschaft für Design-Themen — wie User Experience, Prototyping, UI Design, Design Systeme — zum anderen ist mir die saubere Umsetzung von Frontends mit Blick auf moderne Frameworks, Micro Interactions, Accessibility, Agile Entwicklung, Clean Code, und Automated Testing außerordentlich wichtig.

Frontend Design ist ein Begriff, der 2016 von Brad Frost definiert wurde.

Frontend Development

Du möchtest mit der schnelllebigen Welt der Frontend-Entwicklung im Web nichts zu tun haben? Dann kümmere ich mich um eine moderne und benutzerfreundliche Oberfläche für deine Webapplikation, während du dich voll und ganz auf großartige Backend-Entwicklung konzentrieren kannst.

Du stellst einfach eine Schnittstelle bereit — entweder per REST oder GraphQL — und ich entwickle ein eigenständiges Frontend, das deine Schnittstelle anspricht. Somit sind Backend und Frontend auch perfekt voneinander entkoppelt, damit möglichst schnell auf Feedback der Nutzenden reagiert werden kann.

Die Werkzeuge meiner Wahl sind:

• HTML5, CSS, JavaScript (ES2019), TypeScript
• Vue.js (inkl. Ökosystem mit Vuex & Vue Router)
• webpack
• Tailwind.css
• Electron für Desktop-Apps

Frontend Development Projekte

UI Design

Nicht nur funktional, sondern auch gut zu bedienen. Eine Applikation muss nicht nur funktional sein, sondern die Nutzenden sollen die Anwendung auch gerne verwenden. Ich erstelle ein Konzept der Benutzeroberfläche, das sich an eurer Marke orientiert und benutzerfreundlich ist. Dieses Konzept dient auch als Input für ein Design System.

Ich biete auch gerne UI Reviews an, falls ihr eure Benutzeroberfläche selbst entwickeln wollt, aber Input zur Benutzerfreundlichkeit benötigt.

UI Design Projekte

Design-Systeme

Benutzeroberflächen mit System. Im Gegensatz zu Grafik-Agenturen, die von Software oft ein schön aussehendes Bild der Applikation anfertigen, starte ich beim Design von Benutzeroberflächen mit der Gestaltung einer Bibliothek aus benutzerfreundlichen Design-Bausteinen — wie Buttons, Textformatierungen, uvm. — die an die Corporate Identity angepasst sind.

Die Bibliothek aus Bausteinen wird mit dem Projekt mitgeliefert und jeder Baustein kann dort betrachtet werden. Design Systeme werden mithilfe von Storybook geliefert.

Diese Bausteine können dann in weiteren Projekten eingesetzt werden. Dadurch können neue Anwendungen schneller umgesetzt werden und alle Applikationen wirken wie aus einem Guss.

Design System Projekte

Prototyping

Am Anfang driften Diskussionen oft schneller ab, als ein Taxi im Schneesturm. Gerade am Anfang diskutiert man viel darüber, was eine Applikation wirklich machen soll, aber oft drehen sich diese Gespräche im Kreis. Was wäre, wenn die Applikation ohne großen Aufwand und ohne die Vertiefung in technische Details bereits greifbar werden könnte?

Mithilfe von Prototyping kann ich für dich so früh wie möglich mit einfachen Mitteln das Produkt sofort greifbar machen und dadurch können Diskussionen viel zielgerichter geführt werden.

Ich entwerfe auch gerne mehrere Varianten, mit denen ambitioniertere (oder wahnwitzige) Ideen schnell und kostengünstig ausprobiert werden können.

Hier arbeite ich mit folgenden Tools:

• Sketch für Mac
• Adobe XD
• HTML/CSS/JavaScript

Prototyping Projekte

Full Stack Development

Ich setze auch gerne sowohl das Frontend als auch das Backend einer Applikation um. Dank eines agilen Stacks, bestehend aus Vue.js und Laravel, können auch in einem kleinen Team beachtliche maßgeschneiderte Business-Applikationen umgesetzt werden.

Hier kann ich meine Erfahrungen im UI-Design und in der Webentwicklung kombinieren und rasch eine benutzerfreundliche Applikation bereitstellen, um dich bei deinen unternehmerischen Herausforderungen zu unterstützen.

Dabei habe ich mit folgenden Technologien bereits langjährige Erfahrung:

• HTML/CSS/JavaScript (seit 2005)
• PHP (seit 2005)
• MySQL/MariaDB (seit 2008)
• Zend Framework (seit 2008)
• Laravel (seit 2018)
• Vue.js (seit 2018)
• Tailwind CSS (seit 2019)
• Node.js (seit 2019)
• Electron (seit 2019)

Auf Wunsch kann ich auch das Hosting mithilfe von Hetzner und Laravel Forge zur Verfügung stellen.

Full Stack Projekte

Workshops

Für Unternehmen, Konferenzen und Meetups durfte ich bereits einige Vorträge und Workshops machen. Hier ein Auszug aus den Themen:

• Frontend-Development mit Nuxt
• Versionskontrolle mit Git
• Prototyping mit Adobe XD
• Einstieg in Open Source
• Design Essentials

Mehr Präsentationen auf SpeakerDeck.

Kontaktiert mich für einen maßgeschneiderten Vortrag oder Workshop zu einem der folgenden Themen:

• Frontend Development
• Design Systeme
• Vue.js
• Jamstack
• Git
• (Mobile First) Responsive Web Design