https://charity-water-redesign.netlify.app/

My graphic designer friend wanted to redesign the home page of charity:water, a nonprofit organization, and I took the chance to practice styling and animation. I collaborated with her through Figma for creating and exporting assets, defined a style guide/theme in TailwindCSS, and leveraged an online resource for the moving gradient effect. The page is statically generated, fully responsive, and has minimal animations such as scroll into view and floating/rotating icons.

Stack:
View source code
HTML, CSS, TailwindCSS, JavaScript, Next.js, Figma