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)

Figma Prototype