ForThe50
Overview
For the 50 is a platform dedicated to shedding light on modern slavery, which affects an estimated 50 million people worldwide—1 in every 150 individuals. While awareness is growing, much more needs to be done. This initiative aims to amplify the voices of those impacted, educate the public, and provide actionable resources. Beyond raising awareness, For the 50 equips users with the knowledge to recognize modern slavery, offers guidance on reporting, and connects individuals with essential support services. Together, we can take a stand and work toward a future free from exploitation.
Project Goal
This project aims to educate users on Modern Slavery and Human Trafficking, provide key contacts for reporting and support, and outline signs to recognize potential victims. It is designed for individuals seeking information, those looking for help or advice, and users who want to report suspected cases. The platform raises awareness with data-driven insights and survivor stories, provides key resources and reporting contacts, and empowers users with the knowledge to identify and address potential cases. It also ensures accessibility through responsive design and language options, making the information more inclusive and widely available.
Key Features
- Informative Home Page – Provides an overview of modern slavery and human trafficking, explaining its different forms, global impact, and the importance of awareness.
- Survivor Stories – Shares real-life experiences from survivors, giving a human perspective to the issue and fostering empathy.
- Knowledge Center – Offers educational resources to help users identify signs of modern slavery and understand how they can help.
- Statistics Page – Displays data-driven insights using visually appealing graphs based on official reports from the UK and Ireland.
- Report a Crime – Dedicated reporting page with a form that allows users to report suspected cases directly to relevant authorities.
- Chatbot Support – An interactive chatbot that provides support to users.
- Multi-Language Support – Provides language options to make the platform accessible to a wider audience.
- Contact and Help Resources – Lists key contacts, including helplines and organizations that offer support for victims and those seeking advice.
- Responsive and Accessible Design – Optimized for all devices and includes accessibility features to ensure inclusivity.
Color Scheme
The color palette for ForThe50 was carefully chosen to ensure clarity, accessibility, and impact. Inspired by similar awareness-focused platforms, the colors create a clean and structured design that allows users to absorb critical information without unnecessary distractions.
White represents purity and neutrality, allowing the focus to remain on the important information, with a sense of openness and clarity.
Yellow symbolizes hope, attention, and urgency, encouraging users to act and raise awareness about modern slavery and human trafficking.
Red represents danger, emergency, and the urgency of addressing the issue, highlighting the immediate need for action.
Dark red conveys the serious, intense nature of modern slavery, reinforcing the gravity of the subject matter.
Burgundy symbolizes depth, strength, and resilience, evoking a sense of determination in the fight against modern slavery.
Light gray adds a subtle, neutral tone, helping to balance the intensity of other colors while maintaining a clean and simple design.
Dark gray conveys seriousness, trust, and professionalism, grounding the design and giving users a sense of stability.
Black represents the stark reality of modern slavery, creating contrast and drawing attention to the critical information.
My Contribution
I played a key role in shaping For the 50 by designing and developing the Statistics page, which presents impactful data through visually engaging charts created with Chart.js. I also contributed to the project's UI/UX, color scheme and font selection, ensuring accessibility and a cohesive visual identity. Additionally, I helped team members navigate version control, resolving merge conflicts and improving their understanding of collaborative development workflows.
Tech Stack
Python
Django
Bootstrap
JavaScript
ChartJS