P3 Paisley Charity Website

share on


the project

Towards the later part of 2016, P3 Paisley required a revamped website to help push community support for the Charity – which provides a variety of support for vulnerable individuals in Paisley. It was agreed that the website needed to now be responsive to be easily accessible and attractive on modern devices and screen sizes.

We worked with P3 to establish the goals and aspirations for the site – ensuring to include important pieces of functionality. This would ensure a high level of conversion and engagement with the charity, and therefore helping the charity reach out to more individuals in need of help.

Image of mouse clicking to illustrate the technical tools we used when creating this animation

technical tools

After establishing the project specification, we dived right in with designing the site in illustrator. As the project was a fairly small scale blog site with various integrated forms we felt the need to conduct detailed wireframes unnecessary.

We presented these designs using invision, an interactive mockup application which allows users to easily click through and view the site prior to any coding or development work being carried out. This allowed us to easily iron out a couple of small layout amendments with the P3 team to develop the best possible end solution for the site.

Once signed off, the development team at dab hand digital then begun to bring the mockups to life, bringing these into a bespoke responsive and attractive wordpress theme.

Lastly, Dab Hand Digital integrated google analytics to track any user engagement on the site which would allow us to easily make future improvements to the site.

Image of flashing lightbulb with exclamation mark to visually show the process we took when creating the animation

website building process

From initial concept to final delivery, Dab Hand Digital focused on the P3 Paisley Charity project for around three weeks. Initially, time was spent reviewing the original site and analysing ways in which this could be improved upon. The lack of a proper grant application was a major drawback on the original site – meaning that people couldn’t easily get in fill out forms with relevant criteria to actually seek help for themselves or on behalf of others.

After analysis on improvements and drawing together what was feasible to produce and manage going forward, we decided to produce an attractive blog website using WordPress as the easy to manage content management system. We presented our designs using invision, which we were able to physically showcase to the client by clicking through each of the screens and explaining the functionality on each and how it would eventually work. There were minor layout improvements made prior to the site being signed off for development. Shortly after, the development work was completed.

Image of two champagne classes clinking together to show celebration on the outcome of the animation project


With a minimal lead time, we delivered a responsive wordpress site which our client can easily manage. Like all our web projects, included with the site handover was a short explainer video on managing the site, emails and various other associated elements that the P3 Paisley team might wish to use in future.

You can view the final output of the p3 website here:

This is a live example of our web design and development skills

our work

say hello!


Attach File (Optional)