TheGood to be true

TheGood is a creative team with the goal of collectively doing social good for initiatives that are too beautiful not to exist. They go against the grain, defying the flow of commercially mainstream trends. This is immediately evident when you look at the stunning design of their website.

The challenge for me was to translate the creative design into functional, accessible code with good performance. At the same time, the whole thing needed to be easily manageable via the CMS. To implement the parallax, scroll, and color effects, I used the animation framework GSAP.

In the following screenshot, you can see how parallax images on the homepage are managed.

And this is the result on the front end of the website.

Multiple slides can be added to a page. These can contain text, images, and animations. Additionally, all the colors on the website adjust as you scroll to a slide.

And this is how it looks.