ESG score tracker
Environmental, social, and governance (ESG) criteria are a set of standards for a company’s operations that socially conscious investors use to screen potential investments.
Environmental criteria consider how a company performs as a steward of nature.
Social criteria examine how it manages relationships with employees, suppliers, customers, and the communities where it operates.
Governance deals with a company’s leadership, executive pay, audits, internal controls, and shareholder rights.
-
Problem
Customers don’t have one source of information or a way to quickly find the information they need in one place, and we want Diligent to be their “go to” product in finding information about their competitors and news.
-
Goal
Goal was to design a feature that would help users get educated on ESG, follow trends and get information that they would be able to use to make informed decisions in the future.
-
Constraints
Limited resources due to a small team. No competitors in the space.
-
Team
Design: Nino Barateli
Dev: Noah
Product: Patrick
Data Science: Andrew -
Timeline
My (design) timeline was two weeks. Development had a little more.
-
Platforms
iOS - mobile and tablet
Android
Responsive web
User Interviews
As the first step I interviewed some our customers. The goal of the research was to understand their needs and why they would be interested in the feature.
“I want to feel more informed on current topics and how people are perceiving current events pertaining to my company”
“I want to feel more informed on current topics and how people are perceiving current events pertaining to my company.”
“Gain insights and use that in some way to predict the future to make more informed decisions”
Data tables. Scores and Stories
The tool that data scientist used to get ESG scores and stories.
My job was to translate these data heavy tables into easy to understand and usable designs.



Wireframes
Features for MVP:
• Show source of information
• Data visualization with filter capability and information source
• Comparison tool to allow me to compare topics
• List of issues (filter by topic)
• Limit to USA data- english speaking countries
Based on the user research, secondary research and the list of mvp features I started with rough wireframes




High Fidelity Wires UI Exploration
As next step I explored some UI and data viz options





MVP
Final UI for MVP. We ended up not including most of the functionalities in the mvp. As the first stage we wanted to start by introducing ESG and we would add more functionality to the feature in the second phase
Post MVP
For the second phase we added more functionality.
• Comparison tool. Users can compare their companies with other companies and they can compare their ESG scores
• Reduced the copy
• Added filtering options (date, location)