Designed to help businesses and consumers navigate the complexities of environmental claims.
Overview
The Greenwash Scorecard is a NOSY project, funded by the Creative Catalyst competition. It's a simple, free tool for spotting greenwashing: a short self-assessment asks about an environmental claim, scores it out of 100 and shows where it could be stronger.
My role
I was the lead developer, working with NOSY's design and strategy team to turn their questions and scoring into a flow that feels quick and clear to fill in. I built the app, the assessment engine and the Sanity setup the team uses to run it.
Key decision: the questions live in the CMS, not the code
Guidance on green claims keeps evolving, so rather than hard-coding the assessment, the whole flow is configured in Sanity. Each question is a scale, a multiple choice or a yes/no, each answer carries its own score, each question its own advice for improving, and yes/no questions can branch, so the next question depends on the answer. The team can reword questions, rebalance scores or add new ones without a developer.
Progress is saved in the browser as you go, so you can leave and come back. Saved progress is versioned, so when the scorecard changes, nobody gets stuck halfway through an assessment that no longer exists.
Outcome
- Results come with charts and a breakdown, and can be shared with a link or downloaded as a PDF.
- Every completed assessment is recorded anonymously, so the team can see how claims score across the board.
- The content team manages the questions, scores and advice in Sanity, without code changes.
Build
Next.js, Tailwind CSS and shadcn/ui, with Zustand for the assessment state, Zod for validation, Sanity for the questions and recorded scores, Recharts for the results, React PDF for the PDF export and Vercel Analytics to see where people finish.