Kindness Calendar

Design and build of a website that encourages and showcases poignant acts of kindness.

Franking marks

The franking marks were designed to replicate those found on mail, passports or legally binding documents – all places where the symbol indicates journeys, commitments or gifts. Strong functional typefaces were used to maintain the plain-spoken format and also help legibility at small sizes. As with traditional date stamping, a monospaced font was used for the punch of the date stamp on the franking mark. Angling the date stamp helped give an authenticity that people would immediately recognise.

 

Breaking convention

Breaking away from standard chronological listing, I designed a page format that displays the stories in different way: each story is represented as a simple dot on a grid, encouraging users to explore randomly, rather than by title or image. As the calendar fills up with submissions, there is also the possibility for correlations to appear on the page, as patterns emerge between times of the year (the location on the grid) and types of story (the colours of the dots).

A simple submission process

As with any platform that is built on user-submitted content, a frictionless submission process was the top priority. It was vital the form did not intimidate users either in its length or format. With this in mind, I split the form into two separate stages, maintaining the design style of the rest of the website, using graphically led radio buttons, custom checkboxes and upload fields.

To help People United with future campaigns and monitoring engagement, the form gives users the choice to opt into various mailing lists, integrating with Mailchimps API and adding details to a variety of different People United mailing lists.