![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 3.106 L 3.123 0 L 20.135 16.926 C 20.409 17.197 20.626 17.519 20.775 17.875 C 20.924 18.23 21 18.611 21 18.996 C 21 19.38 20.924 19.761 20.775 20.117 C 20.626 20.472 20.409 20.794 20.135 21.066 L 3.123 38 L 0.003 34.895 L 15.969 19 Z" fill="rgb(49, 49, 49)" height="38px" id="s7PhIa9un" transform="translate(30.212 21.908)" width="21px"/></svg>)
Turning Planetary Data into Visible Insights for Sustainable Manufacturing
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 25.714 L 0 34.286 L 51.75 34.286 L 51.75 42.857 L 60.375 42.857 L 60.375 34.286 L 69 34.286 L 69 25.714 L 60.375 25.714 L 60.375 17.143 L 51.75 17.143 L 51.75 25.714 Z M 43.126 8.572 L 51.751 8.572 L 51.751 17.143 L 43.125 17.143 L 43.125 8.572 Z M 43.126 8.572 L 34.5 8.572 L 34.5 0 L 43.126 0 Z M 43.126 51.428 L 51.751 51.428 L 51.751 42.857 L 43.125 42.857 L 43.125 51.428 Z M 43.126 51.428 L 34.5 51.428 L 34.5 60 L 43.126 60 Z" fill="rgb(255, 255, 255)" height="59.99999755566683px" id="MM6SLOagw" transform="translate(7 11) rotate(90 34.5 30)" width="69px"/></svg>)
Client
Planetary Insights
Role
Product Designer
Timeline
4 weeks
Planetary Insight is a climate-tech platform that helps manufacturers measure their environmental impact against the "Planetary Boundaries" framework. The original interface was a cluttered, engineer-focused dashboard that made critical data hard to interpret. I led the complete UI/UX overhaul, transforming a complex data entry tool into an intuitive insights hub. By streamlining the user flow and redesigning the visualization architecture.
Context
The Science of Sustainability - Manufacturers want to be sustainable, but they drown in data.
Planetary Insight allows companies to assess products against the ten "Planetary Boundaries"—from Carbon usage to Biodiversity loss. The goal is to tell a manufacturer exactly where their supply chain is breaking the planet's limits.
▲ Planetary boundaries
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 25.714 L 0 34.286 L 51.75 34.286 L 51.75 42.857 L 60.375 42.857 L 60.375 34.286 L 69 34.286 L 69 25.714 L 60.375 25.714 L 60.375 17.143 L 51.75 17.143 L 51.75 25.714 Z M 43.126 8.572 L 51.751 8.572 L 51.751 17.143 L 43.125 17.143 L 43.125 8.572 Z M 43.126 8.572 L 34.5 8.572 L 34.5 0 L 43.126 0 Z M 43.126 51.428 L 51.751 51.428 L 51.751 42.857 L 43.125 42.857 L 43.125 51.428 Z M 43.126 51.428 L 34.5 51.428 L 34.5 60 L 43.126 60 Z" fill="rgb(255, 255, 255)" height="59.99999755566683px" id="gXFm8DZHv" transform="translate(7 11)" width="69px"/></svg>)
Problem
Cognitive Overload -The original dashboard forced users to work for their insights.
▲ The legacy interface
The platform was suffering from low engagement. The technology was powerful, but the interface was blocking users from seeing the value.
Looking at the legacy interface, the usability issues were glaring:
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 82 82 L 0 82 L 0 0 L 82 0 Z M 35.306 68.334 L 44.417 68.334 L 44.417 36.445 L 35.306 36.445 Z M 34.167 22.778 C 34.167 26.058 36.609 28.464 39.861 28.464 C 43.114 28.464 45.556 26.058 45.556 22.851 C 45.556 19.498 43.187 17.092 39.861 17.092 C 36.609 17.092 34.167 19.498 34.167 22.778 Z" fill="rgb(0, 0, 0)" height="82px" id="D3F9kcYvK" width="82px"/></svg>)
Disjointed Visualization
The core "Radar Chart" was tiny and disconnected from the "Processes" bar charts on the right, making it impossible to correlate cause and effect.
The "Spreadsheet" Effect
Key metrics were buried in a dense table of raw numbers (e.g., "13.7g Waste") without visual context on whether that number was "good" or "bad."
Hidden Controls
Critical inputs (like "Daily" vs "2030" targets) were hidden in small, unlabelled dropdowns at the top, leading to user error.
▲ Design audit
Research & Exploration
▲ User Researches
To understand why users were getting stuck, I conducted task analysis on the existing platform. The results were brutal: users were taking an average of 8 minutes just to set up a single product assessment.
I mapped out the user journey and identified the bottleneck: the "Input" phase was completely separated from the "Result" phase. Users had to navigate back and forth blindly.
▲ Information architecture & early sketches
The Shift…
Solution
I redesigned the platform to act as a command center rather than a data entry form, supported by a scalable design architecture.
▲ Updated User Interface
01
Global Status
I replaced the tiny radar chart with a prominent "Planetary Label" visualization. This became the hero of the page, instantly showing users which boundaries (e.g., Nitrogen, Water) were in "Overshoot."
02
Unified Dashboard
I consolidated the fragmented charts. Now, "Processes" (e.g., Dyeing, Knitting) are stacked directly beside their environmental impact, allowing users to see exactly which step in the supply chain is causing the damage.
03
Contextual Data Entry
I introduced a Step-by-Step guide. Instead of overwhelming the user with 50 fields, the system groups inputs logically (Materials -> Processes -> Transport), reducing cognitive load.
The Design System
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 99 0 L 99 99 L 0 99 Z" fill="rgb(0, 0, 0)" height="99px" id="y6i28XhWk" transform="translate(-8 -8)" width="99px"/><path d="M 35.373 5.791 C 35.358 5.776 32.424 8.68 26.582 14.515 L 22.482 10.414 L 31.216 1.675 C 26.6 -1.101 20.687 -0.369 16.887 3.448 C 13.908 6.427 12.742 10.768 13.826 14.839 L 13.911 15.163 L 0.225 28.853 C -0.075 29.153 -0.075 29.644 0.225 29.944 L 7.052 36.775 C 7.351 37.075 7.844 37.075 8.142 36.775 L 21.82 23.089 L 22.144 23.176 C 26.215 24.268 30.559 23.102 33.538 20.118 C 37.344 16.32 38.098 10.426 35.372 5.791 Z" fill="rgb(255, 255, 255)" height="37px" id="H4DuDpeci" transform="translate(23 23)" width="37px"/></svg>)
Semantic Data Palette
I defined a strict color logic for the charts (Green=Safe, Yellow=Risk, Red=Overshoot) to ensure instant data recognition across all screens.
Atomic Component
I built reusable input fields, table rows, and status badges. This dramatically speeds up future development and ensures that a "dropdown" looks the same on the Dashboard as it does in Settings.
01
65% Faster Assessmen
I reduced the average time to complete a full product assessment from 8 minutes to under 3 minutes by unifying the disconnected input forms and result charts into a single, intuitive view.
02
96% Success Rate
In validation testing, nearly all participants completed complex data entry tasks without critical errors—a massive improvement from the 58% success rate observed in the original interface.
03
4.8/5 User Satisfaction
User sentiment scores more than doubled. Rising from a poor 2.1/5 to an excellent 4.8/5—as the redesign eliminated the confusion that plagued the original interface.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 82 82" xmlns="http://www.w3.org/2000/svg"><path d="M 47.04 0 L 1.96 0 C 0.878 0 0 0.878 0 1.96 L 0 47.04 C 0 48.122 0.878 49 1.96 49 L 47.04 49 C 48.122 49 49 48.122 49 47.04 L 49 1.96 C 49 0.878 48.122 0 47.04 0 Z M 14.535 41.756 L 7.264 41.756 L 7.264 18.369 L 14.535 18.369 Z M 10.898 15.17 C 8.57 15.17 6.684 13.284 6.684 10.956 C 6.684 8.629 8.57 6.742 10.898 6.742 C 13.225 6.742 15.112 8.629 15.112 10.956 C 15.112 13.284 13.225 15.17 10.898 15.17 Z M 41.748 41.756 L 34.484 41.756 L 34.484 30.38 C 34.484 27.667 34.437 24.182 30.705 24.182 C 26.926 24.182 26.346 27.134 26.346 30.184 L 26.346 41.756 L 19.09 41.756 L 19.09 18.369 L 26.06 18.369 L 26.06 21.568 L 26.158 21.568 C 27.126 19.725 29.498 17.785 33.038 17.785 C 40.4 17.785 41.756 22.63 41.756 28.93 L 41.756 41.756 Z" fill="rgb(0, 0, 0)" height="49px" id="LIGo47a1Z" transform="translate(17 17)" width="49px"/></svg>)