## Product Brief — Omoluabi (NL) ### Audience - Nigerians living in the Netherlands (families, youth, professionals) - Dutch institutions and partners - Donors and volunteers ### Objectives - Community growth and engagement (events, programs, volunteering) - Cultural education and representation - Fundraising for programs and orphanage - Trust through accessibility, privacy, and transparency ### KPIs / Success metrics - Monthly active visitors (MAU) and returning visitors - Event registrations and attendance rate - Volunteer sign-ups and inquiries - Donations volume via iDEAL/cards (Mollie) - Newsletter subscriptions (double opt-in) - Accessibility: axe violations = 0 on core templates; Lighthouse: LCP < 2.0s, CLS < 0.05 ### Value proposition A fast, inclusive, bilingual (EN/NL) hub connecting the Nigerian diaspora and Dutch partners, showcasing culture, programs, and ways to contribute—built privacy-first and accessible by default. --- ### Gap report (current site) - **Internationalization**: No locale-aware routing or page `lang`; no language switcher. Impact: accessibility, SEO, Dutch partners. - **Accessibility**: Missing skip links; inconsistent focus; carousel lacks semantics; form errors lack ARIA; dialog lacks `role="dialog"`. Impact: keyboard and screen reader users. - **Security/Privacy**: Google Fonts import; inline scripts/styles block strict CSP; no headers/CSP; forms not server-validated; no anti-abuse. Impact: GDPR risk and security posture. - **Donations**: UI-only progress bar, no payments backend; no iDEAL/cards. Impact: fundraising. - **Analytics**: None; decision pending (Plausible/Matomo). Impact: insight and optimization. - **Content model**: Content lives in Markdown ad-hoc; lacks structured collections for posts/programs/team/partners; no Zod schemas. - **Images/Performance**: Static `` without `width/height` and ``; risky contrast over images; potential CLS. --- ### Prioritized roadmap (Now/Next/Later) - **Now (this sprint)**: Implement headers/CSP-ready refactors, a11y fixes (skip link, menu ARIA, carousel/dialog semantics, focus baseline), self-host fonts, scaffold content collections with Zod, propose IA and i18n routing. - **Next**: Implement i18n routes (`/en/`, `/nl/`), language switcher, interactive events calendar with filters and ICS export, server forms (contact/volunteer/partner), Plausible EU. - **Later**: Mollie donation flow, Leaflet map for events/partners, PWA, program directory, newsletter double opt-in, Lighthouse/axe CI.