Mayors Fund For Londonwww.mayorsfundforlondon.org.uk/
Overthrow Digital collaborated with Mayor’s Fund – a charity the company strongly believes in- on a voluntary project. The Mayor’s Fund for London’s exists to give young Londoners the skills and opportunities to get a decent job, escape the threat of poverty and play a full part in London’s future as the greatest city on Earth.
MFL has a basic functioning website with some copy and images but are looking for an improved design to better present their charitable work as well as the programmes and services they offer. The website should increase user engagement and communicate to multiple key stakeholders.
Our client requested that the new website sets out clearly and concisely what they do as a charity, how they do it, why they do it, how they are funded and how people can get involved. Additionally, not only should the website communicate all of this, but also to encourage people to engage meaningfully with us on all levels, from signing up to the newsletter to making donations and taking part in campaigns.
After review, we came up with multiple solutions in which we believed should be developed in a better and more efficient way. We aimed to create a website that is responsive across multiple devices and browsers, looked inviting for users to increase interaction and be an effective marketing toolkit to spread the word about the work the Fund is doing.
We noticed that their website didn’t utilize the space in a modern and efficient way, such as the vertical space and the side space. As a solution we suggested a full screen website as the best approach for a modern touch in the design. The overall layout was cluttered and the messages and calls to action would get lost as a result. Overall, the website needed to be dynamic, colourful and contain high-resolution images to be able to encourage various opportunities for the user to interact.
The donate button which should be one of the main objectives of this web site gets lost in the header because it is surrounded by too many call to actions and because of the colours chosen. We sought to have the donate button always visible as a sticky header so that it remains visible whenever the user scrolls up and down each page.
A fully responsive and attractive looking website which can be viewed across multiple devices and browsers. We have utilised the Mayor’s Fund for London colours across the website in a way that not only looks good to the eye, but also encourages user interaction through buttons and functions that did not stand out before. Also, we have created a colourful and interactive click through map.We have created a still header which follows the user whenever they scroll up or down a page with the donate button, social medias and newsletter sign up included.
We have integrated their Salesforce and Mailchimp account with the website so that they could easily store new contacts in their database for newsletters and also send their newsletters out with ease so that they could update their stakeholders on any news and events. They can also now sign up and/or register for events. We have also enabled online donation for users of the website to successfully donate.
We also made use of their extensive library of images and videos and utilized them to best represent the charity as a whole, and also to add into the website’s very own gallery page.
Lastly, to make the website an effective marketing toolkit, we have included a live twitter feed in the homepage. We have also created a blog area for the staff at Mayor’s Fund for London to utilise and update but also for users to read.