Citi Progress Maker Stories
The Citi Progress Maker Stories website showcases efforts where Citi partners with organizations to make communities better than they were before. Their focus is on culture and diversity, housing, infrastructure, innovation and technology, education, and sustainability.
I got involved with this website because I have a lot of experience working on ADA compliant websites, and this site was not complying when it was originally about to launch. We made several adjustments to make sure it passed with the AA rating Citi requires.
This was also the first site I’ve worked on that was designed in Sketch. I was super excited to finally wade my toes in that program.
Users can discover stories on the Progress Maker Stories site in different ways. They can browse featured stories in a carousel, search by topics in a separate carousel, or explore a map that shows Progress Maker Stories based on locations.
A carousel of featured stories draws eyes to stories Citi is promoting in current campaigns.
Discover By Topic
Another carousel sorts content by categories so that users can find stories about culture and diversity, housing, infrastructure, innovation and technology, education, and sustainability.
Discover By Location
Stories are also visualized geographically to inform users of the massive reach of Citi's Progress Maker Stories efforts across the globe.
Video Intros for Featured Story Articles
Featured Stories all have a short, ADA-compliant video intro. The below video introduces a story about Block Island, where Citi committed to long-term funding to create the nation's first offshore wind farm to reduce the electricity bills of Rhode Island residents by up to 40%.