FIRST is a nonprofit organization that advances STEM education around the world through competitive youth robotics programs. As a long-time FIRST volunteer and alum, I designed and coded an interactive webpage concept using data from their 2019 Annual Impact Report.
The webpage is designed as one continuous page with six sections. As the user scrolls, images gently fade in from the left and right, creating a dynamic experience that reveals elements along the way. The blue navigation bar at the top makes it easy to jump to specific sections of the report.
Strong geometric shapes are contrasted with organic cutouts from official FIRST photography throughout the page. This creates a clean style that balances the playful and the professional like a modern scrapbook.
Photography and copywriting credit: FIRST Press Room