Chevron | Web Scraper + Dashboard
Chevron | Web Scraper + Dashboard
Streamlining Corporate Sustainability Research & Analysis
Streamlining Corporate Sustainability Research & Analysis
Timeline
April - July 2025
Role
Contract UX/UI Designer
Team Size
2 PMs, 3 Designers, 6 Developers
Disclaimer: While this project was in collaboration with Chevron and CodeLab Davis, this is not an official Chevron product or endorsement. All information included in mockups is filler data and does not reflect true company information.
Timeline
April - July 2025
Role
Contract UX/UI Designer
Team Size
2 PMs, 3 Designers, 6 Developers
Disclaimer: While this project was in collaboration with Chevron and CodeLab Davis, this is not an official Chevron product or endorsement. All information included in mockups is filler data and does not reflect true company information.
Our Client
Our Client
Chevron is a Fortune 15 U.S. energy corporation operating at the forefront of the oil and gas industry with a mission to drive clean energy innovation. Our stakeholders were our the Renewable Energy team, who are responsible for identifying and acquiring customers who are interested in low-carbon fuel adoption.
Chevron is a Fortune 15 U.S. energy corporation operating at the forefront of the oil and gas industry with a mission to drive clean energy innovation. Our stakeholders were our the Renewable Energy team, who are responsible for identifying and acquiring customers who are interested in low-carbon fuel adoption.
The Problem
The Problem
The Renewable Energy team spends 3+ hours manually scouring the web for key data that would indicate the likelihood of a company’s adoption of RNG solutions. Inaccurate data and fragmented information limits team efficiency. Our goal was to automate and streamline their research process, and provide supportive tools to quickly identify high-potential partnerships.
The Renewable Energy team spends 3+ hours manually scouring the web for key data that would indicate the likelihood of a company’s adoption of RNG solutions. Inaccurate data and fragmented information limits team efficiency. Our goal was to automate and streamline their research process, and provide supportive tools to quickly identify high-potential partnerships.
The Product
The Product
We designed an innovative web scraper that extracts all relevant information for the team’s set sustainability points of analysis alongside an organized, interactive dashboard that summarizes key insights.
With our tool, research time is reduced from 4 hours to less than 35 minutes, making the process 7x faster. Data is extracted with a 95% accuracy rate, resulting in high client satisfaction.
We designed an innovative web scraper that extracts all relevant information for the team’s set sustainability points of analysis alongside an organized, interactive dashboard that summarizes key insights.
With our tool, research time is reduced from 4 hours to less than 35 minutes, making the process 7x faster. Data is extracted with a 95% accuracy rate, resulting in high client satisfaction.
Chevron | Web Scraper + Dashboard
Streamlining Corporate Sustainability Research & Analysis
Timeline
April - July 2025
Role
Contract UX/UI Designer
Team Size
2 PMs, 3 Designers, 6 Developers
Disclaimer: While this project was in collaboration with Chevron and CodeLab Davis, this is not an official Chevron product or endorsement. All information included in mockups is filler data and does not reflect true company information.
Our Client
Chevron is a Fortune 15 U.S. energy corporation operating at the forefront of the oil and gas industry with a mission to drive clean energy innovation. Our stakeholders were our the Renewable Energy team, who are responsible for identifying and acquiring customers who are interested in low-carbon fuel adoption.
The Problem
The Renewable Energy team spends 3+ hours manually scouring the web for key data that would indicate the likelihood of a company’s adoption of RNG solutions. Inaccurate data and fragmented information limits team efficiency. Our goal was to automate and streamline their research process, and provide supportive tools to quickly identify high-potential partnerships.
The Product
We designed an innovative web scraper that extracts all relevant information for the team’s set sustainability points of analysis alongside an organized, interactive dashboard that summarizes key insights.
With our tool, research time is reduced from 4 hours to less than 35 minutes, making the process 7x faster. Data is extracted with a 95% accuracy rate, resulting in high client satisfaction.
Research & Define
Research & Define
Connecting with Our User Base
Connecting with Our User Base
We conducted 4 user interviews with analysts from the Renewable Energy Team. To better understand the team’s needs, we dug deeper into their daily workflows, frustrations, and values when conducting research. Here's what we found:
We conducted 4 user interviews with analysts from the Renewable Energy Team. To better understand the team’s needs, we dug deeper into their daily workflows, frustrations, and values when conducting research. Here's what we found:
Users often have to sift through hundreds of browser tabs while researching
Users often have to sift through hundreds of browser tabs while researching
Long hours are spent fact-checking and scouring for recent, valid data
Long hours are spent fact-checking and scouring for recent, valid data
Disorganization makes identifying high-potential partners more difficult
Disorganization makes identifying high-potential partners more difficult
Required data points aren't always directly found in company emission reports
Required data points aren't always directly found in company emission reports
Competitor Products Were Overwhelming to Navigate
Competitor Products Were Overwhelming to Navigate
We conducted thorough competitive analysis of 3 sustainability management products to gain an understanding of industry standard design patterns, UX strategies for reducing cognitive load, and current limitations to find opportunities of growth in our product. We took a look at Microsoft Cloud for Sustainability Suite, IBM Envizi, and GoodData and found the following:
We conducted thorough competitive analysis of 3 sustainability management products to gain an understanding of industry standard design patterns, UX strategies for reducing cognitive load, and current limitations to find opportunities of growth in our product. We took a look at Microsoft Cloud for Sustainability Suite, IBM Envizi, and GoodData and found the following:
We conducted thorough competitive analysis of 3 sustainability management products to gain an understanding of industry standard design patterns, UX strategies for reducing cognitive load, and current limitations to find opportunities of growth in our product. We took a look at Microsoft Cloud for Sustainability Suite, IBM Envizi, and GoodData and found the following:
Automatic data collection
Automatic data collection
Modular dashboard design
Modular dashboard design
Data visualization views
Data visualization views
Filtering capabilities
Filtering capabilities
Tracking multiple data types
Tracking multiple data types
Hidden, buried key features
Hidden, buried key features
Cluttered navigation
Cluttered navigation
Overwhelming, information overloads
Overwhelming, information overloads
Steep learning curves
Steep learning curves
Finding Our Focus
Finding Our Focus
While our goal is to streamline our users' research process, we understood that automation is just one piece of the puzzle, not the whole solution. Before starting on design iterations, we defined clearer product goals that fully aligned with our client's needs.
While our goal is to streamline our users' research process, we understood that automation is just one piece of the puzzle, not the whole solution. Before starting on design iterations, we defined clearer product goals that fully aligned with our client's needs.
How might we simplify our users' workflow while maintaining detail in extracted data points in an intuitive, accurate way to guide decision-making?
How might we simplify our users' workflow while maintaining detail in extracted data points in an intuitive, accurate way to guide decision-making?
Outlining Key Features
Outlining Key Features
Our initial MVP included automated data extraction after user search and a dashboard displaying actionable insights, with comprehensive analysis with LLMs to summarize key sustainability indicators. Additionally, we were tasked with implementing Chevron's CNG Adoption Scoring system which indicates company likelihood of adopting CNG, and thus making them a high-potential partner.
After our research, we decided to pitch an additional feature for company comparison to further aid with partnership identification, which our client highly appreciated.
Our initial MVP included automated data extraction after user search and a dashboard displaying actionable insights, with comprehensive analysis with LLMs to summarize key sustainability indicators. Additionally, we were tasked with implementing Chevron's CNG Adoption Scoring system which indicates company likelihood of adopting CNG, and thus making them a high-potential partner.
After our research, we decided to pitch an additional feature for company comparison to further aid with partnership identification, which our client highly appreciated.
Iterations & Testing
Iterations & Testing
Balancing Clarity and Complexity
Balancing Clarity and Complexity
During our early design stages, we explored 14 layout and data display options to balance quick scannability with the depth needed to meet diverse data requirements that guide user decisions. With research of the Chevron's partnership scoring system, we brainstormed methods in making this a standout feature to aid the creation of comparison tools and metric isolations, going further beyond the initial client brief.
During our early design stages, we explored 14 layout and data display options to balance quick scannability with the depth needed to meet diverse data requirements that guide user decisions. With research of the Chevron's partnership scoring system, we brainstormed methods in making this a standout feature to aid the creation of comparison tools and metric isolations, going further beyond the initial client brief.
Usability Testing
Usability Testing
As we proposed our various layouts and got client approval on user flows, we also conducted 3 usability tests with 3 analysts of the Renewable Energy team to identify more opportunities to increase efficiency and test the navigability of our product thus far. Through feedback, we refined our features while introducing new elements such as specific visualizations for different categories of data, filtering systems, guided pop-ups, and stylized PDFs for exporting data.
As we proposed our various layouts and got client approval on user flows, we also conducted 3 usability tests with 3 analysts of the Renewable Energy team to identify more opportunities to increase efficiency and test the navigability of our product thus far. Through feedback, we refined our features while introducing new elements such as specific visualizations for different categories of data, filtering systems, guided pop-ups, and stylized PDFs for exporting data.
Final Design
Final Design
Driving the Extra Mile with Animations
Driving the Extra Mile with Animations
I designed a loading animation that brings both excitement and feedback during the web scraping process. Created in Adobe Illustrator and After Effects, this progress visualization helps our users manage their time between research tasks. Our clients loved this user-centric and fun touch, and it was implemented into our final product.
I designed a loading animation that brings both excitement and feedback during the web scraping process. Created in Adobe Illustrator and After Effects, this progress visualization helps our users manage their time between research tasks. Our clients loved this user-centric and fun touch, and it was implemented into our final product.
All the Data You Need in One Dashboard
All the Data You Need in One Dashboard
Compared to sifting through hundreds of long PDFs, reports, and news articles, our product simplifies and centralizes all key and relevant information into one bento grid design with expandable containers providing more detail. Company adoption scores and key metrics are placed at the forefront, and potential partnerships can be identified efficiently in one scan. I implemented clear data visualizations, embedded sources in hover states, and sustainability leader contacts so our users can quickly assess validity and facilitate discussions.
Compared to sifting through hundreds of long PDFs, reports, and news articles, our product simplifies and centralizes all key and relevant information into one bento grid design with expandable containers providing more detail. Company adoption scores and key metrics are placed at the forefront, and potential partnerships can be identified efficiently in one scan. I implemented clear data visualizations, embedded sources in hover states, and sustainability leader contacts so our users can quickly assess validity and facilitate discussions.
Analyzing Side-by-Side, Minus the 100+ Browser Tabs
Analyzing Side-by-Side, Minus the 100+ Browser Tabs
Each query can be saved to a centralized location, allowing the whole team to easily navigate to and reference prioritized partner companies in a high-level overview. We added filtering systems so users can view companies with the highest likelihood for CNG adoption or assess partnerships based off individual metrics, guiding informed decision-making and reducing cognitive overload. Our in-product tab configuration allows users to dive deep into saved reports without cluttering their browser, separating research from other work tasks.
Each query can be saved to a centralized location, allowing the whole team to easily navigate to and reference prioritized partner companies in a high-level overview. We added filtering systems so users can view companies with the highest likelihood for CNG adoption or assess partnerships based off individual metrics, guiding informed decision-making and reducing cognitive overload. Our in-product tab configuration allows users to dive deep into saved reports without cluttering their browser, separating research from other work tasks.
Tracking Patterns & Partnership Alignments with Visualizations
Tracking Patterns & Partnership Alignments with Visualizations
Easy-to-interpret visualizations of data allows users to view isolated metric requirements of saved company reports to support their prioritizations. Charts are expandable and give users insight into how adoption scores are calculated, providing a transparent view of how well a company may align as a partner and highlighting patterns among companies.
Easy-to-interpret visualizations of data allows users to view isolated metric requirements of saved company reports to support their prioritizations. Charts are expandable and give users insight into how adoption scores are calculated, providing a transparent view of how well a company may align as a partner and highlighting patterns among companies.
Thank you Chevron & CodeLab!
Thank you Chevron & CodeLab!
Takeaways
Takeaways
Big thank you to our client contacts at Chevron for all their support, and to CodeLab (a design & software agency at UC Davis) for making this opportunity possible! I learned a lot about designing under challenging time constraints, feature prioritizations, and working cross-functionally with developers and product managers. It was super interesting to learn more about corporate sustainability and designing for this industry, and I enjoyed getting to bring in my graphic design background into motion graphics!
Big thank you to our client contacts at Chevron for all their support, and to CodeLab (a design & software agency at UC Davis) for making this opportunity possible! I learned a lot about designing under challenging time constraints, feature prioritizations, and working cross-functionally with developers and product managers. It was super interesting to learn more about corporate sustainability and designing for this industry, and I enjoyed getting to bring in my graphic design background into motion graphics!
Team Chevron @ CodeLab's first Product Showcase!
CodeLab @ UC Davis
A Note from Our Client!
A Note from Our Client!
"It has been a true pleasure working with the UC Davis CodeLab team. They are incredibly professional, and their talent in UX design is evident in every interaction. The team brings smart, thoughtful perspectives to the table and consistently delivers sleek, clean, and user-friendly designs. I especially appreciate their ability to balance simplicity with functionality—making the user experience both intuitive and engaging. Their work has made a lasting impression, and I look forward to future collaborations."
Zhao Zhang
Renewable Strategy Analyst @ Chevron
thanks for reading! back to top?
thanks for reading! back to top?