Who is IISD
The International Institute for Sustainable Development (IISD) is a global think tank advancing sustainable solutions to today’s environmental challenges.
Their work helps governments, businesses, and communities make informed decisions that protect ecosystems and support long-term development.
For this project, IISD needed to transform their Environmental Impact Assessment (EIA) guidebook — a technical, text-heavy manual — into an interactive, bilingual online learning tool that could teach environmental best practices around the world.
What we did
Information Architecture
We translated IISD’s written EIA process into a clear, seven-step digital framework, structuring content so it could be explored, tested, and understood intuitively.
UI/UX Design
We designed the site like a course, not a brochure. Each stage of the EIA process features custom hand-drawn illustrations and a learning flow that shifts from “Learn” to “Test” mode — color-coded to guide comprehension and reinforce retention.
Custom Development
Built before WordPress supported modern block editing, the platform’s responsive design was engineered completely by hand. Every breakpoint (1200px, 780px, 480px) was coded to maintain the flow of the illustrations and “joinery lines” — ensuring clarity across every screen size.
Interactive Learning Experience
We developed a lightweight quiz and scoring system that turns environmental knowledge into active learning — an experience that teaches through interaction.
