top of page

Charity Web App Design and Development



  • A bespoke designed and developed solution that exactly met the client's requirement.

  • A fully digitalised solution that replaced a manual and paper-based process

  • Secure for sensitive and private information about children with additional needs

  • Fast and easy timesheet and payroll processing

  • Easy and intuitive for befrienders and families to register, apply and find a match.


The Partner

Ruils is a charity based in London who support disabled children and adults. They help by providing support with long term health & mental health conditions to live independently. They provide information, advice, befriending and activities to their clients and their families.



One of Ruils' support services involved finding support for families with SEND children (children with special educational needs and disabilities)

with befrienders; paid individuals who are experienced in providing supporting. When Ruils approached us, the matching process for befrienders and families was entirely manual. Families looking for support would telephone or email Ruils and undergo an application process where they would fill in paper forms, and post them back. Befrienders would be recruited via events and similarly would apply for positions, completing a written application form.

The process of matching would involve manually reading through family requirements and reading through a catalogue of befrienders that they had on file. It was paper based and it took considerable resources ensuring matching was performed to the highest standard and that the information stayed organised and up to date.

Ruils wanted to digitalise the service - they wanted the entire appliation and matching process to happen online.



We worked closely with the client to develop wireframes to sketch out how the digitalised version of the service would work. Within this process service users along with managers were involved to ensure the site would behave in the right way. Following the wireframes our designer worked alongside the client to create a design that was targetted exactly for the intended users.

At this point, Ruils decided that the name of the new service would be called FriendBee. Along with the wireframes we were involved with designing a logo for the FriendBee service.

Umbraco CMS was used which would provide functionality for user and content management. The client found beta users who would provide early feedback about the functionality as it was developed. In particular, one of the aims was to make the registration and approval process for onboarding families and befrienders as straight forward as possible. There was a lot of information and steps involved in approving family and befriender acocunt due to the sensitive nature of the data involved; information about children with additional needs would be accessible from the website and the site needed to be secure to protect this data.

The solution included functionality that:

  • An intuitive and easy to use application form with a function to upload identification documentation.

  • Search functionality that provided a way to for families and befrienders to search for each other.

  • A timesheet and payroll tool that allowed befrienders to submit timesheets and for the family to approve or query. Coordinators would then run payroll.

  • Co-ordinators can review and approve applications.

  • Profile management for families and befrienders including updating images.

  • Co-ordinator functionality to maintain the matches between befrienders and families.

  • Messaging functionality between befrienders and families with administration user oversight to check on messages.

  • SMS integration to alert befrienders and families when they have been contacted.

  • Co-ordinator functionality to set announcements to the site or segmented by befriender or family.

  • Maintain training sessions that befrienders could enrol on.

  • FAQ management allowed co-ordinators to set up common questions and answers and categorise them for befrienders and families to read.

  • Export Befriender and Family profiles to PDF.


Technology Used

  • Wireframing and Website Design

  • Logo Design

  • Bootstrap Frontend Development

  • Umbraco 8 Development

  • PDF Integration

  • SMS Integration

  • Azure DevOps

bottom of page