TheGood to be true

TheGood is een creatief team met als doel om gezamenlijk maatschappelijk goed te doen voor initiatieven die te mooi zijn, om niet waar te zijn. Dwars en wars tegen de stroom van het commercieel gangbare in. Dit laatste is meteen duidelijk als je naar het prachtige ontwerp van deze website kijkt.

De uitdaging voor mij was om het creatieve ontwerp om te zetten naar werkende, toegankelijke code met een goede performance. Daarbij moet het geheel via het CMS goed te beheren zijn. Om de parallax-, scroll- en kleureffecten te realiseren heb ik gebruik gemaakt van het animatie-framework GSAP.

In het volgende screenshot zie je hoe de afbeelding op de homepage geconfigureerd kan worden.

En dit is het resultaat aan de voorkant van de website.

Er kunnen meerdere slides toegevoegd worden aan een pagina. Deze bevatten tekst, afbeeldingen en animaties. Daarnaast passen alle kleuren op de website zich aan als je naar zo’n slide toe scrolt.

Zo ziet deze slide eruit aan de voorkant van de website.