In collaboration with our user experience team and the skilled developers at Razorfish, I designed a responsive site with a series of flexible modules that give Citi the ability to update and expand their content over time.
Hierarchy of information and legibility were central to our approach. We incorporated an alert banner for urgent posts about new scams. The hero is designed for frequent updates of major topics, like PIN security. We incorporated a video carousel for Citi’s growing library of informational videos. The "Touch and Face ID" module gives prominence to a basic and important step in digital security. A “Tools” section uses iconography and informational snippets within a tile grid, to categorize resources for specific areas of concern. Finally, the “Articles” section incorporates Citi’s long-form informational content and blog posts.
Hierarchy of information and legibility were central to our approach. We incorporated an alert banner for urgent posts about new scams. The hero is designed for frequent updates of major topics, like PIN security. We incorporated a video carousel for Citi’s growing library of informational videos. The "Touch and Face ID" module gives prominence to a basic and important step in digital security. A “Tools” section uses iconography and informational snippets within a tile grid, to categorize resources for specific areas of concern. Finally, the “Articles” section incorporates Citi’s long-form informational content and blog posts.
