Building a website to exhibit the empowering work Shannon Trust does in prisons and the community, raising awareness about their vision
01 Where it all started
The team at Shannon Trust came to us with a proposal to revamp their website in order to focus better on increasing user understanding of the organisation’s purpose. Demonstrating the work and stories from those involved was a high priority. Another key goal the client wanted to achieve was improving conversion rates. The way a website presents donation and fundraising has an impact on how many people get involved so this was important to explore. Shannon Trust also works with volunteers and they wanted to improve recruitment and management of that side of the organisation too.
02 Where we came in
As well as working on a digitisation of their turning pages reading manuals, Shannon Trust enlisted us to improve their website. We outlined a 12 week period to work on discovery and definition, competitive landscape, and prototyping before the website build.
No items found.
03 What we delivered
1.0 UX Phase
The user experience phase, to kick of the project, began by identifying key user types in order to define goals for each group. This allows us to outline specific user personas which puts us in the minds of their potential users.
We then formulated the user stories to build out the flow of the website. Site mapping is important to create a skeleton structure which can be used as a guide for each team to use as reference for fleshing out the website.
Shannon Trust came to us with a very thorough brand designs and assets. To make sure we aligned with their vision, we did a brand review session to discuss typography, logos, colour, imagery and more. In places, we also worked with them to tweak assets (e.g. the primary colours and adding a grey colour scheme to their vibrant primary colours) to ensure everything fit high web standards and accessibility. We also found a large suite of icons that fit their brand and used throughout to keep the visual look and feel consistent.
We also took inspiration from various imagery/poster design Shannon Trust provider and their design language, with regular feedback along the way
2.0 Design Phase
Once the ideas had been defined and the structure confirmed by the team, the design team embarked on protoyping the wireframes based on the brand review session conducted weeks prior, and the conversations about competitive landscaping.
After conferring with the team about the creative elements and making changes accordingly, the wireframe was handed over to the UX team to conduct the usability testing. In these sessions we explored what worked for users and made adjustments based on the user feedback.
3.0 Development Phase
The most challenging part of development was is to make the volunteer form. It required a lot of custom code to show or hide some sections dependent on the user's selections on specific fields. The orders page involved reshaping the submitted data to be hooked into Salesforce integration.
An interesting aspect was the building of common components to give the ability for the client to use themselves. We provided a notion document with a step by step guide for them to use so they could edit and even create new pages without the need of a development team.