About Me
"Sociable Developer"
is what I often answer when asked to describe my career. Combining intercultural knowledge with coding skills and a passion for UX and UI, I thrive in international environments where I can directly collaborate with team members and clients from diverse backgrounds and fields of expertise.
Who am I at work?
I am not a one-track minded person and thrive in a diverse environment with a variety of tasks and an intercultural environment. Furthermore, I enjoy creating things from scratch and am a firm lover of strongly typed langauges and rigid component structures. But don't take my word for it, have a look at the UI design + code structure of this portfolio or my previous works below.
Who am I outside of work?
I tend to be a rather serious person during office hours and highly value my career, but I am also very active in my private life. Most of the time you can find me playing on my piano, travelling or in the gym. Music is a big part of my life and am quite famous among my friends as the 'concert girl' since I am either attending a concert or giving one myself!
Previous Works
A showcase of some of my previous works. I have worked on a wide range of projects, but not all of them are available for public viewing so this is only a very small selection.
Bold landing page for a music festival
Overview
I was part of a project to work on a landing page for a music festival. The page should feel bold and engaging.
Tech Stack
- Astro
- TypeScript
- DatoCMS
Key Responsibilities
- In charge of most of the front end development.
- Working together closely with the designer, to ensure that the design was put to life.
Key Challenges
- Working with a lot of videos and animations, whilst keeping the page performant and responsive.
- Complicated, real-time festival schedule with a lot of different artists and events.
- Integration with the client's webshop SDK.
Animated landing page with SVG morphing
Overview
Whilst working at an international design company, I was part of a project to work on a landing page for an art institution. The page should feel unique and ‘alive’.
Tech Stack
- React
- TypeScript
- NextJS
- Storybook
- TailwindCSS
Key Responsibilities
- In charge of all the animated elements including SVG morphed shapes and waves.
- Working together closely with the designer (client), to ensure that their unique vision was put to life.
Key Challenges
- The page featured an iconic morphing animation at the beginning in which very specific shaped elements should smoothly morph into other very specifically shaped SVGs while mainting the shape of the logo. This was something I had never done before and getting the animation to feel smooth was a challenge with just CSS.
- The overlapping colors of the morphing animation at the beginning should feel dymanic and interact with one another; changing the color to either white or purple. It was challenging to ensure the right color for each element and required a lot of layering and usage of 'css-blend-mode'.
3D gallery NFT smart phone web application
Overview
A landing page for a 3D gallery in which the user can decorate their own 'room' with their bought NFTs from NFT store made by my client. The user should be able to freely and playfully interact with their beloved NFTs.
Tech Stack
- UnrealEngine
- AWS
- React
- TypeScript
- NextJS
- Storybook
- TailwindCSS
Key Responsibilities
- In charge of the enitre front end development.
- Small UI/UX design tasks.
Key Challenges
- The 3D gallery itself is sustained by Unreal Engine with a plugin called 'PixelStreaming'. There is very little documentation on this plugin and a lot of research was needed to ensure a smooth connection between the VideoStream in FE and the UE server in the backend.