We began the project by meeting with HASCS representatives and project managers to gain a clear understanding of their values, goals and target audience. These early conversations were essential in shaping both the structure and tone of the website, ensuring that every design and content decision aligned with their ethos.

To keep the process focused and collaborative, we started with a dedicated design phase that concentrated solely on the homepage. This allowed us to establish the visual direction, user experience and tone of voice before moving into the wider site. Accessibility was a key consideration throughout, with design concepts built around clear navigation, movement through subtle shapes and transitions and features to support visually impaired users.

The visual identity combined calming blues with warm orange accents, supported by fluid shapes inspired by HASCS’s community‑focused approach. The designs also incorporated space for video content, dynamic elements such as sliders and a structure that could grow with the business. Once the homepage design was reviewed and approved, we moved on to designing the agreed inner pages, ensuring consistency and clarity across the entire site.

At the same time, we collaborated with HASCS on website content. To make this process as smooth as possible, we created clear content templates that guided the client on structure.