# Shaathi — Case Study

> Shaathi Foundation tackles period poverty in Bangladesh by manufacturing affordable reusable sanitary napkins and running menstrual hygiene education. The site has to sell a product, explain three social programmes, and hold up as an advocacy document — at once.

Canonical page: https://portfolio-shafin580s-projects.vercel.app/projects/shaathi
Author: Shafin Ahmed, Full-Stack Software Engineer (https://portfolio-shafin580s-projects.vercel.app)
Client: Shaathi Foundation
Timeline: 2025
Role: Frontend Engineer
Published: 2026-08-04 · Updated: 2026-08-04
Live site: https://shaathi.com.bd

## Key takeaways
- Shaathi Foundation states that roughly 89% of Bangladesh's female population cannot afford sanitary napkins, and the site is built so that argument leads rather than sits beneath a product catalogue.
- Three reusable napkin lines — Shiuli, Jaba, and Shapla — are presented as the concrete answer to period poverty rather than as a storefront.
- Pages are statically generated with optimised imagery because most of the audience reads the site on a mid-range phone over a mobile connection.

## Key figures
- 89% — of women in Bangladesh cannot afford napkins
- 20,000 — women received free period kits
- 8 — divisions covered
- 3 — reusable product lines

## The problem
Roughly 89% of Bangladesh's female population cannot afford sanitary napkins. That statistic is the whole argument, and a site that buries it under a product catalogue fails the organisation. But Shaathi also genuinely sells three product lines and runs three distinct programmes, so a pure campaign site fails just as badly. The information architecture had to carry commerce and advocacy without either one flattening the other.

## The approach
The narrative leads and the catalogue supports it: the scale of period poverty frames the landing experience, and the product lines — Shiuli, Jaba, and Shapla — appear as the concrete answer to it rather than as a storefront. Programmes get their own space so Safe Haven, economic empowerment, and health education can each be explained properly instead of compressed into one 'what we do' block. Everything is statically generated with optimised images, because a large share of the audience reads it on a mid-range phone over a mobile connection.

## What it does
- Product pages for the Shiuli, Jaba, and Shapla reusable napkin lines
- Dedicated sections for the three programmes: Safe Haven pad bank, women's economic empowerment, and menstrual health education
- Impact storytelling across the eight divisions Shaathi operates in
- Statically generated pages with optimised imagery for mobile-first, bandwidth-constrained readers
- Structured metadata so the organisation's mission surfaces in search and answer engines

## Stack
Next.js, TypeScript, Headless CMS, SSG/SSR, Tailwind CSS, SEO

## Outcome
- Commerce and advocacy live on one site without either diluting the other
- Programme work is explained in its own right rather than compressed into a single page
- Fast on mid-range phones, which is where the audience actually reads it

## Frequently asked questions
### What does Shaathi Foundation do?
Shaathi Foundation manufactures and distributes affordable reusable sanitary napkins in Bangladesh and runs menstrual hygiene education alongside them. Its programmes include the Safe Haven pad bank for schoolgirls, women's economic empowerment, and menstrual health education, operating across eight divisions.

### Why does the Shaathi site lead with statistics instead of products?
Roughly 89% of Bangladesh's female population cannot afford sanitary napkins, and that figure is the organisation's entire argument. Burying it under a catalogue would fail the advocacy half of the brief, so the scale of period poverty frames the landing experience and the three product lines appear as the answer to it.

### What are Shiuli, Jaba, and Shapla?
They are Shaathi Foundation's three lines of reusable, eco-friendly sanitary napkins.

### Why is the Shaathi site statically generated?
A large share of the audience reads it on a mid-range phone over a mobile connection. Static generation with optimised imagery keeps the pages fast on exactly those devices, which is where the content actually has to work.

## Organisations named
- Shaathi Foundation (Client) — https://shaathi.com.bd
- ARITS Limited (Employer) — https://arits.tech

## Sources
- Shaathi Foundation — Shaathi Foundation — https://shaathi.com.bd

---
Full project index: https://portfolio-shafin580s-projects.vercel.app/llms.txt