The site used too many colors and typefaces, so we streamlined both for greater consistency.
We implemented a modular card system with multiple variations for use in different contexts. This approach helps make the content more scannable and easier to organize, especially given the site’s information density. Additionally, it allows third-party vendors to independently create pages while upholding a consistent design standard.
We asked each Product team to organize their information for clarity and conciseness, as the previous page was overloaded and lacked hierarchy. We added spacing between sections for easier navigation and used card components to improve structure and readability. The page was also designed to meet WCAG AA accessibility standards.
We introduced a color-coded filter system to distinguish product pillars. Users can toggle one or more filters to display products based on their preferences.
We replaced text-heavy descriptions with visual data, simplifying complex information into clear statistics, icons, and an interactive map featuring specific data points.