Case Study // Public Product 009
Project Transparency
Open education for Canadian youth on menstrual product safety and ingredients.
- Ecosystem
- Web
- Version
- v1.0.0
Product thesis
Built for a specific user, with privacy as product strategy.
Project Transparency explains menstrual product ingredients, regulation, and safety in accessible language. It is mobile-first, open-source, and built to make product-safety education easier to share.
Audience
Canadian youth, educators, and advocates who need clear health and ingredient information.
Privacy stance
The site is educational and public by design, with no need for sensitive account-level data.
Public proof
Live version 1.0.0 web product with edge-generated social preview support.
Architecture
Product stack
Public, high-level architecture only. Private development systems stay out of the public surface.
Web Product
- Next.js 16
- React Server Components
- Tailwind CSS v4
Distribution
- Vercel Edge Runtime
- Dynamic OG Images
Proof of craft
Mobile-first education
The reading experience is shaped for phones rather than institutional PDFs.
Plain facts
Ingredient and regulatory explanations stay clear and non-marketing.
Built to share
Social cards help public-health information travel cleanly.