The Problem
Each year, peace organisation GPPAC creates an annual report to recap on the things they did last year and how they spent their money. This used to be a simple pdf but this year we wanted to do something special, we decided to make a standalone three-page microsite that would highlight the people, stories and data of GPPAC's 2019.
Visualising stories
In assignment of design studio De Zaak P. I developed a 3 page site for peace organisation GPPAC. The site includes 100% custom styling, scroll animations and an interactive map showing all gppac related organisations across the world. The website was written in Pug with SCSS for styling and javascript for simple interactions.
Tools used
PugJS
Static site generation
AOS Library
Scroll animations
Sketch
Mockups and Asset creation
Photoshop
Image optimization and cropping
