Digital Design 9 of 10

Giving Day

Imperial College London


What

Imperial College London wanted to try out the idea of a Giving Day - a one day event at the university where students are encouraged to donate.

The site is no longer live.


What we did

The project is a one-pager to basically act as a progress indicator of how well the fundraising is going, with some information about where the money will go.

We built some totalisers to show some different pieces of information - not just how much has been raised, but a breakdown of who made the donations.


How

  • I received the branding guidelines and some excellent assets from the University, and I used them to design a page that fits the university's identity but also shows information in a more interesting way
  • The challenge was showing statistics in a more interesting way. I experimented with the idea of bar graphs which grow on load, and also colour-coding the different groups of people to make the graphs easier to digest. The overall totaliser is the university's landmark tower, which fills with colour as money is raised
  • I worked very closely with the customer throughout the design and build parts of the project, and helping out with questions and small changes where necessary
  • Once the design had been approved, I built the pages with custom HTML and CSS based on Bootstrap, and produced as much of the API-driven features as I could on my own, before passing on the more specific coding work to the developer

They said: Checkmate.

"Firstly just to say thank you for a great first draft, even after having passed it around a few key stakeholders, the response has been very positive with only a couple of suggestions from each person. Thanks so much Nicole, very chuffed with it."


Design

One-pager microsite

One-pager microsite
One-pager microsite