Projekte
Suva / Forum Asbest
Dieses Wissenszentrum zur Asbestprävention bietet umfangreiche Informationen und legt daher den Schwerpunkt auf Such- und Filterfunktionen sowie Zugänglichkeit.
Mein Beitrag:
- Implementierung des Frontends, Animationen und Benutzerinteraktionen
- Sofortsuche und Geolokalisierung mit Algolia und Google Maps API
- Arbeit mit ändernden Kundenerwartungen und Designanforderungen
Universitätsspital Zürich
Eines meiner umfangreichsten Projekte, die komplette Neugestaltung der Website des Universitätsspitals Zürich, dauerte mehrere Monate.
Mein Beitrag:
- Modulare Implementierung des Frontends, um dem Backend-Team maximale Flexibilität zu garantieren.
- Gleichzeitige Zusammenarbeit mit mehreren Webagenturen und Designern
- Sicherstellung der Barierefreiheit und Screenreader-Kompatibilität
Wild Pharma
Obwohl ich diese Website schon vor einiger Zeit erstellt habe, gefällt sie mir immer noch wegen ihres modularen, eleganten Designs und der Vielfalt an Komponenten.
Mein Beitrag:
- Modularer Aufbau mit verschiedenen Möglichkeiten zur Darstellung von Inhalten
- Einfache Onlineshop-Funktionalität
Wirz
Die neue Website von Wirz spiegelt wider, wie Medien, Design und Werbung im Mittelpunkt der Arbeit dieser renomierten Agentur stehen.
Mein Beitrag:
- Implementierung verschiedener Animations- und Video-lastiger Komponenten
- Kontextabhängige Färbung von Komponenten
educamint
Eine zentrale Anlaufstelle für Lehrkräfte, um Unterrichtsmaterialien und Aktivitäten für Schulen zu Themen wie Mathematik, Informatik, Naturwissenschaften und Technik zu finden.
Mein Beitrag:
- Implementierung von Frontend, Animationen und Benutzerinteraktionen
- Sofortige Suche und Filterung mit Algolia
- Benutzerdefinierte Backend-Benutzeroberfläche für Kunden zur Erstellung eigener Veranstaltungen und Aktivitäten
Immobilien-Strategie Gemeinde Emmen
Diese Website informiert die Öffentlichkeit mit einer einzigartigen Timeline-Komponente über die Zukunftspläne von Emmen.
Mein Beitrag:
- Horizontal scrollbare, responsive, interaktive Timeline
- Farbcodierte Abschnitte und Komponenten
1up
Die neue Website der 1up bot der Webagentur die Gelegenheit zu zeigen, wozu sie in der Lage sind und besticht dementsprechend mit einzigartigem Design und ebenso einzigartigen Animationen.
Mein Beitrag:
- Implementierung des Frontends, Animationen und Benutzerinteraktionen
- Balance zwischen ansprechenden Animationen und Performance-Aspekten
Side Projects
Photon App
Eine webbasierte Foto-Management-App mit Bilderkennung und Elastic Search. Der Hauptzweck dieses privaten Projekts besteht darin, mich auf jede erdenkliche Weise herauszufordern.
Mein Beitrag:
- Suche mit Typesense
- Computer Vision mit AWS Rekognition
- Eine End-User GraphQL API für externen Zugriff auf Medien
- Galerie, Listen- und Kartenansicht, Alben, Favoriten, etc.
bem-plus
Diese Meta-Methodologie, die auf BEM aufbaut, und die damit verbundenen Tools, unterstützen Firmen mit traditioneller (nicht-headless) Architektur dabei, ihre Frontends zu erstellen, ohne in völligem Chaos zu versinken.
Der @bem-plus/class-generator ist ein Webpack-Plugin, welches TypeScript boilerplate code generiert, basierend auf bem-plus SCSS code.
Mein Beitrag:
- Entwickeln und Dokumentieren eines systematischen Ansatzes für CSS und JS und dessen Vermittlung an andere
- Unterstützung von Unternehmen bei der Strukturierung ihres CSS und Frontend-JS
- Entwicklung eines komplexen Webpack-Plugins