Community Centre Front End Development

UX design App design App development Front end development Figma Prototyping

Project

App and website design and development for a corporate wellbeing client.

For confidentialty some project details have been anonymised.

Brief

Front end development of a community centre website for a charity. The goal was to bring the provided designs to life with a responsive, accessible, and performant front end.


The problem

The organisation’s previous website was outdated, difficult to navigate, and not mobile friendly. Key issues included:

  • Users struggled to find information about events, classes, and services.
  • The website did not reflect the charity’s welcoming and community focused brand.
  • Content updates were difficult to implement, limiting the organisation’s ability to communicate effectively.

Process

1

Planning and Setup

Reviewed the provided designs and established a development plan. Set up the project structure, front end frameworks, and component library for consistent implementation.

2

Front End Development

Built responsive pages using HTML & SCSS and Bootstrap 5, implementing the designs accurately and ensuring a smooth user experience across devices. Integrated the front end with Umbraco CMS to allow the client to easily update content.

3

Integration and Optimisation

Conducted cross browser and responsive testing. Verified functionality, design fidelity, and CMS integration before delivering the live site.

4

Testing and Launch

Tested the application thoroughly, including component level testing, integration checks, and responsive layout validation. Iterated code to fix issues and ensure a reliable, polished platform for clients and therapists to manage bookings efficiently.

[email protected]|+44(0)7535 413548

[email protected] +44(0)7535 413548

© 2025 Matt Winning