Vote for Pets

Vote for Pets

Vote for Pets is an awareness campaign that used the media attention of the 2014 South African elections to bring awareness about the rehabilitated animals in Barking Mads care. This project asked people to install a browser extension that would replace images of South African politicians with the cute puppies from the Barking Mad center. I was tasked with building the browser extension and also contributed to the building of the image service needed to server the replacement images. I also developed the website used to promote the browser extension

This project serves to illustrate my skills in design and development. All intellectual property belong to Weekday Heroes and their clients respectively.

Extension

I used a compiler to expedite the process of creating multiple extensions for different browsers. The extensions code at a very basic level, parsed the loaded page’s DOM and identified if the page had something to do with the South African elections. Images, image title, captions, alt attributes and even file names were checked against a list of popular political figure names and parties. If content was identified then the image was replaced with a cute puppy.

Because this extension was aimed to work on a number of sites, chiefly news site, all who have very different structures and mostly non human readable naming structures, I extended the functionality to also check the link referers of an images parent anchor tag. This allowed more content to be caught as valid as news sites have to practice good SEO as well. I further found that many news sites linked articles by numeric IDs, so I build functionality that would parse up along the DOM tree and also match header tags. This approach yielded the best results on a the most popular news websites as well as Facebook.

Vote for Pets Example Image

Vote for Pets Example Image
Vote for Pets Example Image

Website

The websites purpose is education. So a simple one page design was chosen and read like a sales pitch. It positioned the product, provided an example of its function and then asked the user to download it from the official browser store. A section to the companies and charity involved was included.

Vote for Pets Website Header
Vote for Pets Website Detail