Building a platform that serves every stakeholder
With user journeys and information architecture approved, IE's design team set to work translating the vibrant StreetGames brand identity into an engaging digital experience. We created interactive visual design prototypes in Figma, showcasing key page templates, navigation patterns, and the full user journey from landing on the homepage through to making a donation or joining the network.
Visual design brought the refreshed brand to life with:
- Bold, energetic typography using the brand typefaces
- Vibrant colour palette with the distinctive powder blue as the primary colour
- Real photography of young people engaged in sport, showcasing diversity and authenticity
- Dynamic layouts with engaging storytelling modules
- Clear typographic hierarchy ensuring excellent readability and accessibility
Once designs were approved, IE's development team built the site in WordPress, chosen for its flexibility, robust plugin ecosystem, and ease of content management. The build included:
Custom post types and taxonomies for stories, case studies, resources, training materials, news, and events – all integrated with the global taxonomy system to enable sophisticated filtering and search across all content types.
Bilingual functionality with WPML integration, allowing StreetGames to publish content in both English and Welsh with seamless language switching and appropriate fallback options.
Donation integration with secure payment processing, supporting one-off and recurring donations with campaign-specific giving pages.
Resource hub allowing partners to access exclusive training materials, policy updates, and programme resources. The searchable library includes categorisation by programme area, content type, and topic.
Enhanced search and filtering allowing users to find content by audience, topic, programme area, and content type – making self-service intuitive for all user groups.
Mobile-first responsive design ensuring the site works beautifully on all devices, with particular attention to mobile experience given that many young people and community partners would access the site on their phones.
Full accessibility compliance with an integrated accessibility widget and adherence to WCAG 2.1 AA guidelines throughout, ensuring the site is inclusive for all users.
SEO optimisation with comprehensive metadata, schema markup, and content structure designed to improve search visibility and drive organic traffic to key pages.
Throughout the build phase, IE worked closely with the StreetGames team to ensure the website met their evolving needs. We conducted regular sprint reviews, gathering feedback and making iterative improvements based on real user testing.