Halifax Mutual Aid
Branding and low-carbon web design and development
Halifax Mutual Aid is a group of volunteer carpenters committed to taking action against houselessness in Halifax by building small crisis shelters. In their words, "We are aware that what we are doing is not a solution to the housing crisis in our city nor it is a solution to homelessness. That said we would rather build safe, secure shelters using our limited resources than leave fellow community members to die outside in the cold this winter. We do not see what we are doing as a long-term solution, but rather a short-term necessity given our circumstances."
Their mission is a compassionate reaction to a tragic failure by local government that will affect a staggering number of people in Halifax. They wanted to jump in as quick as possible to start accepting donations for materials to fund the builds. Their brand and low-carbon website was created over 3 days with the goal of quickly spreading awareness to acquire funding before it gets too cold. The launch sparked immediate interest across local news sources and social media. They've accumulated enough funds to build a handful of shelters. Additionally, the simple branding and web design decisions helped make Halifax Mutual Aid's average carbon emission per page 0.17g.
Please consider donating to Halifax Mutual Aid if you are able.
Visit halifaxmutualaid.com here
Visual Identity Design
Halifax Mutual Aid's brand needed to spark alarm to the issue at hand, but also demonstrate their altruism. The logo does this by depicting individuals lending a hand to those in need.
Their colours are high-spirited, yet friendly. The orange speaks to the energy and alarm behind the project, but is also trustworthy and subtle.
Their brand typefaces are Georgia and Helvetica. Georgia's classic softness keeps the voice of Halifax Mutual Aid's website thoughtful and sincere. The biggest bonus with using Georgia and Helvetica, is that they are system fonts, meaning when it's used on the website, it will remove the need to link any web fonts. This reduces the overall weight of the page.
Sustainable Web Design
Halifax Mutual Aid's carbon emissions per page are low from decisions made in the branding, design, and development.
The few images of the crisis shelters they've built were a massive success in reducing file sizes. The original images were between 200KB and 500KB. After converting the images to black and white, and dithering them (reducing the amount of colours in the image) to 4 colours, then using the brand's orange in replacement for greys, the images ranged between 50KB to 80KB. Even with this huge reduction in file size, and a reimagining of the image's aesthetic, the dithered images don't sacrifice any artistic qualities.
Original image, 188KB
Image after dithering, 82KB