HTML5 Interactive Ad
We built the City of Melville a WCAG 2.0 accessible HTML5 playable ad that teaches visitors to sort household waste into the right bin.
- Client
- City of Melville
- Duration
- Not specified
- Engine
- Construct 2
- Platforms
- Web / HTML5
The Brief
The City of Melville, a local government area in Perth, wanted a playable ad it could run directly on its own website to teach residents how to sort household waste, and because the audience was the general public rather than a niche user base, the ad needed to work for everyone, including residents using assistive technology.
Our Approach
We built it in Construct 2 with JavaScript and SVG, so the game loads quickly and stays sharp on any screen size, from a desktop monitor down to a phone, without the blurring a raster-based ad would show at different resolutions. Serving a local government audience meant accessibility wasn't optional: we built it to meet WCAG 2.0 standards from the start rather than retrofitting compliance afterward. In the game itself, players drag household items into the correct bin, general waste or recycling, while a dog character reacts to each choice, keeping the interaction light and immediate rather than quiz-like.
The Outcome
The ad runs as a standalone activity directly on the City of Melville's site, no app download required, giving the council a fast-loading, accessible way to teach residents correct waste sorting through play rather than a static instructional page.
Related Services
Playable public-education content like this sits between our interactive HTML5 content and game development services, especially when accessibility and council audiences are part of the brief.