Projekte
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.
- 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.
- React
- Next.js
- urql
- GraphQL
- Node.js
- Express
- Prisma
- PostgreSQL
- lerna
- Playwright
- Jest
- Typesense
- TypeScript
- AWS Rekognition
- Docker
- Mapbox
Suva /
Forum Asbest
Dieses Wissenszentrum zur Asbestprävention bietet umfangreiche Informationen und legt daher den Schwerpunkt auf Such- und Filterfunktionen sowie Zugänglichkeit.
- Implementierung des Frontends, Animationen und Benutzerinteraktionen
- Sofortsuche und Geolokalisierung mit Algolia und Google Maps API
- Arbeit mit ändernden Kundenerwartungen und Designanforderungen
- TypeScript
- Algolia
- SCSS
- BEM
- Webpack
- Twig
- Contao
- PHP
- Symfony
- Figma
Universitätsspital Zürich
Eines meiner umfangreichsten Projekte, die komplette Neugestaltung der Website des Universitätsspitals Zürich, dauerte mehrere Monate.
- 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
- JavaScript
- Storybook
- SCSS
- BEM
- Webpack
- Handlebars.js
- PHP
- WordPress
- Figma
Wirz
Die neue Website von Wirz spiegelt wider, wie Medien, Design und Werbung im Mittelpunkt der Arbeit dieser renomierten Agentur stehen.
- Implementierung verschiedener Animations- und Video-lastiger Komponenten
- Kontextabhängige Färbung von Komponenten
- JavaScript
- SCSS
- BEM
- Webpack
- PHP
- Symfony
- Contao
- Figma
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.
- Modularer Aufbau mit verschiedenen Möglichkeiten zur Darstellung von Inhalten
- Einfache Onlineshop-Funktionalität
- JavaScript
- SCSS
- Webpack
- PHP
- Symfony
- Contao
- Adobe InDesign
ISK
Diese Unternehmenswebsite besticht durch anspruchsvolles Design und ansprechende Animationen. Bei der Umsetzung war ein ausgewogenes Verhältnis zwischen Performance und Ästhetik stets zu beachten.
- Implementierung des Frontends, Animationen und Benutzerinteraktionen
- Balance zwischen ansprechenden Animationen und Performance-Aspekten
- JavaScript
- SCSS
- BEM
- Webpack
- Twig
- PHP
- Symfony
- Contao
- Figma
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.
- Implementierung des Frontends, Animationen und Benutzerinteraktionen
- Balance zwischen ansprechenden Animationen und Performance-Aspekten
- TypeScript
- SCSS
- Webpack
- BEM
- Twig
- PHP
- Symfony
- Contao
- Figma
vilea
Ein schlichtes aber wunderschönes Design, welches Liebe zum Detail und fortgeschrittene Scroll-Animationen erforderte.
- Implementierung des Frontends, Animationen und Benutzerinteraktionen
- Verschiedene fortgeschrittene Animationen und Parallax-Effekte
- SCSS
- BEM
- Webpack
- PHP
- Symfony
- Contao
- Figma
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.
- 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
- TypeScript
- Algolia
- SCSS
- BEM
- Webpack
- Contao
- PHP
- Symfony
- Figma
Immobilien-Strategie Gemeinde Emmen
Diese Website informiert die Öffentlichkeit mit einer einzigartigen Timeline-Komponente über die Zukunftspläne von Emmen.
- Horizontal scrollbare, responsive, interaktive Timeline
- Farbcodierte Abschnitte und Komponenten
- TypeScript
- SCSS
- BEM
- Webpack
- Twig
- PHP
- Symfony
- Contao
- Figma