Tackling hate crime in sports through digital solutions
Final Whistle is an anti-hate crime organization dedicated to promoting inclusivity and challenging hate within the sports community. Their mission is to empower athletes, fans, and community members to take a stand against hate crime by providing accessible tools for reporting incidents and accessing support.
Deliverables: Product Design, High-Fidelity Prototype
Project Type: UX/UI Design, Web Development
Team: Product Designer (me)
Timescale: 2 weeks
Project Type: UX/UI Design, Web Development
Team: Product Designer (me)
Timescale: 2 weeks
Business Goal
Final Whistle, an anti-hate crime organization in sports, wanted to create a digital platform that empowers athletes, fans, and community members to report hate crimes within the sports environment. The goal was to provide a secure, user-friendly mobile app and website where individuals could submit reports, access support resources, and stay informed about anti-hate initiatives. The platform needed to balance accessibility, ease of use, and data security to accommodate diverse users, including those less familiar with technology.
User Impact Goal
The aim was to make reporting hate crime incidents within sports simple and confidential while fostering a sense of community support and awareness.
mobile app wireframes
mobile app ux/ui design
mobile app ux/ui design
Design Process
01/ Wireframing & Prototyping
Developed wireframes in Balsamiq to outline the mobile app's structure and user flow, emphasizing intuitive navigation and streamlined reporting. Created a high-fidelity prototype in Adobe XD, integrating feedback to enhance usability and accessibility.
02/ Website Design & Development
Built a responsive website using Bootstrap HTML in Adobe Dreamweaver, focusing on a consistent, modern design that aligns with the mobile app. Ensured cross-device compatibility and smooth navigation for a cohesive user experience.
03/ Stakeholder Collaboration
Presented the final designs and prototypes to stakeholders, discussing key improvements and ensuring alignment with the organization’s vision.
website wireframes
bootstrap website development
bootstrap website development
Next Steps
Future updates could include enhanced reporting features, multilingual support, and real-time community interaction.
Round-Up
Final Whistle now has a digital presence that empowers users to take a stand against hate crime in sports. The mobile app and responsive website reflect the organization’s mission with a clean, accessible, and user-friendly design, making a positive impact through thoughtful digital solutions.
