Cadillac Fairview is one of North America's largest owners, operators, investors, and developers of premier office, retail, multi-family residential, industrial, and mixed-use properties. They approached us to revamp their Environmental, Social, and Governance (ESG) pages—resources that inform prospective clients, investors, and employees about the company’s sustainability and ethical initiatives. Through dynamic layouts, engaging data visualizations, and seamless micro-interactions, we brought their ESG impact to life.
Type Client Project // Timeline 5 Weeks // Scope UX/UI, Data Visualization, Motion // Team Peter Braunstein
Type Client Project // Timeline 5 Weeks // Scope UX/UI, Data Visualization, Motion // TEAM Peter Braunstein
Type Client Project // Timeline 5 Weeks // Scope UX/UI, Data Visualization, Motion // Team Peter Braunstein
Cadillac Fairview's sustainability initiatives were difficult for stakeholders to find and interpret. We saw an opportunity to showcase them with more clarity and engagement.
Cadillac Fairview's sustainability initiatives were difficult for stakeholders to find and interpret. We saw an opportunity to showcase them with more clarity and engagement.
Each year, Cadillac Fairview puts together a sustainability report in PDF form. The report is rich in data, showcasing their initiatives across the Environmental, Social, and Governance (ESG) areas. The data, which was valuable to stakeholders, was not accessible on their site. Instead, their existing layout was comprised of lengthy text blocks, emphasizing descriptive language over key insights. Without much hierarchy, there was a lot to read, but not much to latch onto. We leveraged their wealth of data to bring clarity, scannability, and engagement onto their ESG pages.
Each year, Cadillac Fairview puts together a sustainability report in PDF form. The report is rich in data, showcasing their initiatives across the Environmental, Social, and Governance (ESG) areas. The data, which was valuable to stakeholders, was not accessible on their site. Instead, their existing layout was comprised of lengthy text blocks, emphasizing descriptive language over key insights. Without much hierarchy, there was a lot to read, but not much to latch onto. We leveraged their wealth of data to bring clarity, scannability, and engagement onto their ESG pages.
We transformed their static annual ESG report into an interactive digital experience.
We transformed their static annual ESG report into an interactive digital experience.
Cadillac Fairview's ESG reporting was previously confined to a static PDF, filled with graphs that were challenging to interpret. We transformed their approach by bringing key insights directly on their website, in the form of interactive visualizations.
Cadillac Fairview's ESG reporting was previously confined to a static PDF, filled with graphs that were challenging to interpret. We transformed their approach by bringing key insights directly on their website, in the form of interactive visualizations.
Given a tight timeline, we focused on developing scalable, modular components across sustainability categories, making it easy to integrate future ESG reports onto their website.
Given a tight timeline, we focused on developing scalable, modular components across sustainability categories, making it easy to integrate future ESG reports onto their website.
Iteration 1 - Interactive storytelling for key sustainability categories
Iteration 2 - Reusable component blocks for Performance Metrics, Targets, and Graphs
we proposed design system enhancements to ensure accessibility and consistency for visualizing data.
we proposed design system enhancements to ensure accessibility and consistency for visualizing data.
Along the way, we discovered that their design system was not built to support best practices around data visualization. To bridge this gap, we developed a proposal outlining suggested enhancements and why they were important. We presented this to their brand team, with the goal of integrating data visualization colors and best practices into CF's design system. The proposal featured color recommendations designed to live symbiotically with their existing brand colors, as well as detailed usage guidelines to ensure accessibility and clarity in future data visualizations.
Along the way, we discovered that their design system was not built to support best practices around data visualization. To bridge this gap, we developed a proposal outlining suggested enhancements and why they were important. We presented this to their brand team, with the goal of integrating data visualization colors and best practices into CF's design system. The proposal featured color recommendations designed to live symbiotically with their existing brand colors, as well as detailed usage guidelines to ensure accessibility and clarity in future data visualizations.
Ultimately, we equipped their team with a scalable and engaging approach to communicating Environmental, Social, and Governance impacts.
Ultimately, we equipped their team with a scalable and engaging approach to communicating Environmental, Social, and Governance impacts.
Stakeholders no longer had to search for valuable information, since key insights were now accessible at a glance. Also, through design system enhancements, we empowered their team to communicate data-driven insights with greater clarity and impact.
Stakeholders no longer had to search for valuable information, since key insights were now accessible at a glance. Also, through design system enhancements, we empowered their team to communicate data-driven insights with greater clarity and impact.
