Verdant: A Design Thinking Approach to Sustainable E-Commerce and Real-Time Carbon Impact Tracking

2026-05-29T09:02:23+00:00

Online shopping has grown enormously over the past two decades, and that growth has come with a real environmental cost. Global e-commerce supply chains, energy-hungry data centers, and wasteful packaging together generate millions of tons of greenhouse gas emissions every year. Most shoppers care about this—but existing platforms give them almost no way to act on that concern. There is no carbon label at checkout, no easy comparison between a sustainable product and its conventional alternative. This paper introduces Verdant, a web application built specifically to close that gap by showing users the real-time environmental impact of what they are buying. The goal is simple: make sustainable shopping the easiest and most natural choice, not a niche one. Verdant was built using the five-stage Design Thinking process: Empathize, Define, Ideate, Prototype, and Test. This approach kept real user needs at the centre of every design decision. Early interviews showed that people want to shop sustainably but find the research exhausting. In response, the design team focused on turning complex emissions data into simple, at-a-glance visuals—like a live carbon meter, eco-badges, and an interactive sustainability dashboard. On the technical side, Verdant is built with semantic HTML5, CSS custom properties for theming, and responsive design patterns to work well on any device. The architecture draws on React-style component thinking and Node.js patterns for fast, efficient data handling. This lets the carbon calculator update in real time as shoppers add or remove items from their cart. Early usability testing showed strong results. Beta users chose low-carbon products 47% more often when the carbon data was visible, and overall eco-awareness scores improved significantly. Users also responded well to the gamified dashboard—seeing their carbon savings add up over time gave them genuine motivation to keep making better choices. These findings suggest that Verdant is more than a useful tool: it is a practical model for what sustainable e-commerce can look like, showing that doing right by the environment and building an engaging shopping experience are not competing goals.

Journal of Web Development and Web Designing

Verdant: A Design Thinking Approach to Sustainable E-Commerce and Real-Time Carbon Impact Tracking