Projects
Photon App
A web-based photo management app with image recognition and elastic search capabilities, this personal project's primary purpose is to challenge me in every way conceivable.
- Instant Search with Typesense
- Computer vision with AWS Rekognition
- An end-user GraphQL API for outside access to media
- Gallery, list and map view, albums, favorites, etc.
- React
- Next.js
- urql
- GraphQL
- Node.js
- Express
- Prisma
- PostgreSQL
- lerna
- Playwright
- Jest
- Typesense
- TypeScript
- AWS Rekognition
- Docker
- Mapbox
Suva /
Forum Asbest
A knowledge hub for asbestos prevention, this project hosts a lot of information, and thus focuses on search and filter functionalities and approachability.
- Implementation frontend, animations and user interactions
- Instant search and geolocating with Algolia and Google Maps API
- Working with changing client expectations and design requirements
- TypeScript
- Algolia
- SCSS
- BEM
- Webpack
- Twig
- Contao
- PHP
- Symfony
- Figma
Universitätsspital Zürich
One of my biggest projects to date, this complete redesign of the main website of the university hospital Zürich took several months to complete.
- Modular implementation of frontend portion to allow the backend team to work with maximum flexibility
- Working with multiple web agencies and designers.
- Ensuring accessibility, including screen reader compatibility
- JavaScript
- Storybook
- SCSS
- BEM
- Webpack
- Handlebars.js
- PHP
- WordPress
- Figma
Wirz
The new Wirz website reflects that media, design and advertising are at the core of what this well-known agency does.
- Implementation of various animations and components, involving many videos
- Component coloration depending on context
- JavaScript
- SCSS
- BEM
- Webpack
- PHP
- Symfony
- Contao
- Figma
Wild Pharma
Even though I built this website quite some time ago I still like it for it's modular, sleek design and the range of components
- Modular structure with various ways to display content
- Basic online shop functionality
- JavaScript
- SCSS
- Webpack
- PHP
- Symfony
- Contao
- Adobe InDesign
ISK
This corporate website boasts a sophisticated design and well-rounded animations, requiring conscious balancing of performance and beauty.
- Implementation frontend, animations and user interactions
- Balancing beautiful animations with performance considerations
- JavaScript
- SCSS
- BEM
- Webpack
- Twig
- PHP
- Symfony
- Contao
- Figma
1up
As a web agency, you have to show off just a little bit on your own website, and so the new website for 1up asked for a unique design and equally unique animations.
- Implementation frontend, animations and user interactions
- Balancing beautiful animations with performance considerations
- TypeScript
- SCSS
- Webpack
- BEM
- Twig
- PHP
- Symfony
- Contao
- Figma
vilea
A simple but beautiful design that asked for attention to detail and advanced scroll animations.
- Implementation frontend, animations and user interactions
- Various advanced animations and parallax effects
- SCSS
- BEM
- Webpack
- PHP
- Symfony
- Contao
- Figma
educamint
A hub for teachers to find teaching material and activities for schools on topics like mathematics, IT, science and technology.
- Implementation frontend, animations and user interactions
- Instant search and filtering with Algolia
- Custom backend user interface for clients to create their own events and activities
- TypeScript
- Algolia
- SCSS
- BEM
- Webpack
- Contao
- PHP
- Symfony
- Figma
Immobilien-Strategie Gemeinde Emmen
This municipality development website aims to inform the public about the future plans of Emmen with a unique timeline feature.
- Horizontal scrolling, responsive, interactive timeline
- Color-coded sections and components
- TypeScript
- SCSS
- BEM
- Webpack
- Twig
- PHP
- Symfony
- Contao
- Figma