• Custom Website Design: A bespoke design that aligned to Collaborative Construction Solutions stylistic preferences and enhances user experience.
• Website Strategy Workshop: In house comprehensive strategy workshop to unify all stakeholders and define clear goals as well as provide professional guidance for the project.
• Customised WordPress CMS (Content Management System): A user-friendly CMS tailored to the marketing teams requirements. This ensures projects, team members, blogs and content can be easily uploaded to the website.
• Image Optimisation: We compressed and optimised the high resolution photography to WebP format. This drastically reduced the file size of the images, while maintaining visual clarity. This optimisation of images ensures that the website loads fast and complies with Google best practices.
• Professionally written content: our team created professionally written content for each project case study. This involved interviewing the team to extract key information about each project. From there we wrote case studies in a tone of voice that aligned to Collaboratives Constructions Solutions brand.

Collaborative Construction Solutions approached our team after a failed attempt to rebuild their website with another web design agency. The previous project was abandoned midway due to creative differences between the agency and the team. Additionally, the existing website failed to reflect their brand, showcase completed projects, or meet internal functional requirements.

The main challenges were:

• Meeting Project Timelines: The website needed to be launched before May 2024 (approximately three months).
• Design: Balancing functionality with simplicity to create standout UX/UI without making it overly complex.
• Functionality Requirements: Developing functionality to ensure the company profile, projects, team, and careers sections could be easily managed internally.
• Brand Alignment: Ensuring the new website design aligned with the existing brand for consistency across marketing channels.
• Content Creation and Strategy: Finalising and creating a compelling content strategy that resonated with the target audience and effectively outlined project details.
• Differentiation from Competitors: The website needed to create a strong point of difference to stand out in the competitive marketplace.

Our approach was collaborative and time-efficient to meet the strict deadline and ensure project success.

Research and Preparation:

• Our designer, Jemma, conducted in-depth research into the latest web design and UX trends within the construction industry.
• We reviewed the existing website and performed a competitor analysis to identify opportunities for differentiation.

Design Workshop:

• We hosted a workshop with key stakeholders, including the Managing Director, Social Media staff, and Admin staff responsible for managing website content.
• During the workshop, we presented research findings, aligned on project goals, and identified content management requirements.

Design Phase:

• Initial concept designs for key pages (Home, Projects, About, Team, and Contact) were created based on workshop findings.
• These designs were sent to the team for feedback to refine stylistic preferences.
• Our team stayed focused on achieving the project’s commercial and stylistic goals, ensuring consistency throughout the design process.

Development Phase:

• Development ran in parallel with the design phase to meet deadlines.
• The site was built on a development server, integrating initial designs into live pages.
• We customised the WordPress CMS to meet content management needs and implemented best practices for speed, security, and performance. On-page SEO optimisation was also performed at this stage.

Final Revision, QA, and Launch:

• We presented a fully functional version of the website for client feedback, incorporating adjustments based on their input.
• Our QA process included testing links, functionality, page speed, and responsiveness across various devices and browsers.
• The go-live process occurred during off-peak hours to minimise disruption.

The new website was well-received by the Collaborative Construction Solutions team. Key outcomes included:

• A modern, professional online presence that aligned seamlessly with the company’s branding.
• An easy-to-use CMS, enabling the team to manage content independently and significantly reducing reliance on external support.
• Improved load times, achieving an 85% performance score on Google PageSpeed Test for desktop—well above industry standards.
• Positive feedback from the Managing Director and team regarding the professionalism and quality of the website.
• A seamless launch with minimal downtime during migration.

The success of this project was attributed to the collaborative approach between the agency and the client. By aligning all parties to the same goal, the project stayed on track and achieved its objectives.