GenderLens: An Interactive Approach to Gender Awareness and Social Inclusion
Gender and Society — Final Integration Project
Group members: [Member 1], [Member 2], [Member 3], [Member 4]
BSIT [Section] · [Instructor] · [Date]
How we developed the project idea
The project began with a gap we kept noticing in class. We could define gender equality, gender stereotyping, and gender-based violence, but we did not always recognize the same concepts in ordinary situations: a group chat, a seating arrangement, a comment disguised as a joke, a task that always went to the same person. The definitions were familiar; the judgment was not.
We decided to build a resource that would move the lesson from recognition to decision. We reviewed the core concepts of the course, listed the situations our classmates were most likely to meet, and matched each situation to the law and the concept that would help explain it. The result is GenderLens, a seven-chapter website that treats gender as something we practise in ordinary places rather than a topic confined to a chapter.
Why we chose an interactive website
A static article would have repeated the lecture. An interactive website asks the visitor to act before being judged. The scenario engine follows a simple sequence: context, choice, consequence, concept, law, and takeaway. The quiz uses retrieval practice instead of rereading, and the myth-or-fact board asks for a commitment before it explains the evidence. These choices are not decoration; they are the method.
The interface was kept deliberately quiet. Type, colour, and layout support the decision instead of competing with it. The site works without an account, a database, or a fast connection, and it stores optional progress only in the visitor's browser. This made the project realistic for a student team and easier to demonstrate in a classroom.
Objectives
The project pursued seven objectives: to increase awareness of gender equality and social inclusion; to explain gender-related concepts in accessible language; to educate students about relevant Philippine legislation; to encourage respectful behavior through decision-making; to promote women's empowerment and LGBTQIA+ inclusion; to challenge harmful stereotypes; and to help students recognize inappropriate behavior and identify appropriate responses. Each chapter serves at least one objective, and the About page maps them to specific features.
Intended audience
GenderLens is designed for Filipino college students aged 18 to 25, especially those in their first two years who are forming habits they will carry into work and public life. It assumes no prior coursework in gender studies. It is mobile-first, readable at 320 pixels, usable with a keyboard, and free of required personal information.
How the website applies Gender and Society lessons
The concept guide separates sex from gender, identity from expression, and orientation from both. It then connects those distinctions to roles, stereotypes, patriarchy, intersectionality, SOGIESC, empowerment, and LGBTQIA+ inclusion. Each entry includes a Philippine example and a reflection question, so the concept has to be applied rather than only defined.
The decision cases put the concepts under pressure. A group-chat scenario tests online harassment and bystander responsibility; a group-work scenario tests task allocation and stereotype; a student-organization scenario tests inclusion and policy; a street scenario tests bystander intervention; a comment thread tests victim-blaming; and a leadership scenario tests the gap between representation and power. After each choice, the site explains the consequence, the concept, and the law that may apply.
The law chapter adds the formal layer. It summarizes six statutes, identifies who each one protects, and distinguishes the remedy from the myth. The “Which Law Applies?” activity makes clear that one situation can involve more than one law and that an educational answer is not a legal conclusion.
Contribution to gender equality, women's empowerment, and LGBTQIA+ inclusion
The site treats equality as a design problem, not a slogan. It shows why identical treatment can preserve an unequal starting line, and it names the measures — childcare, accessible venues, transparent criteria, shared care work — that make participation possible. Women's empowerment is presented as a shift in power and resources, not as confidence training. LGBTQIA+ inclusion is presented through concrete rules: names and pronouns, benefits, reporting channels, and policies that name SOGIESC. The site is also candid that Philippine protection is incomplete without a national SOGIE anti-discrimination law.
What we learned
We learned that accuracy is slower than writing. Checking a law meant reading the official text, not a summary of a summary. We also learned that the hardest part was not the code but the restraint: not every situation needs a villain, not every answer should be obvious, and a citation is not a substitute for an explanation.
Finally, we learned to design for access. Keyboard focus, reduced motion, contrast, a 320-pixel layout, and text that does not rely on colour are not finishing touches; they decide who can use the project at all. GenderLens is not a substitute for a lawyer or a counselor. It is a place to practise the first response, and if a visitor leaves with one changed reflex, the project has done its work.
References
- Crenshaw, K. (1989). Demarginalizing the intersection of race and sex: A Black feminist critique of antidiscrimination doctrine, feminist theory and antiracist politics. University of Chicago Legal Forum, 1989(1), 139–167.
- Eagly, A. H., & Karau, S. J. (2002). Role congruity theory of prejudice toward female leaders. Psychological Review, 109(3), 573–598.
- Philippine Commission on Women. (n.d.). Philippine Commission on Women. https://pcw.gov.ph/
- Republic Act No. 11313. (2019). Safe Spaces Act. Official Gazette of the Republic of the Philippines. https://www.officialgazette.gov.ph/2019/04/17/republic-act-no-11313/
- UNESCO. (2017). Cracking the code: Girls' and women's education in science, technology, engineering and mathematics (STEM). https://unesdoc.unesco.org/ark:/48223/pf0000253479