Brisbane South PHN Website Refresh

Overview

Brisbane South PHN (BSPHN) needed a website refresh after feedback from practices and staff that content was hard to find, the site was difficult to navigate and the design was outdated.

As BSPHN's exclusive web development partner, we design, develop and maintain their website. For this refresh we worked with Malu Creative, a 100% Indigenous-owned and operated web designer, on a new mega menu, home page, header and footer, plus news and events pages with advanced filtering. The site moved from WordPress to Statamic and was designed for both desktop and mobile, with a focus on the growing number of mobile visitors.

Challenges

1. Finding Content: Practices and staff struggled to find content. WordPress search, even with extra plugins, didn't return good results.

2. Navigation: The menu and sitemap made it hard to get to the right page.

3. Outdated Design: The design needed updating, and it had to be built around a new sitemap and rewritten content.

4. Mobile Traffic: Mobile traffic had grown significantly and the old site didn't work well on phones.

Solution

1. Discovery & Strategy: We worked with BSPHN's stakeholders to agree on the project goals and design direction.

2. Content & Sitemap: We rebuilt the information hierarchy from the ground up, with a new sitemap and a 150-page content document written from scratch. News and events became central to the site, and the website was built around the new structure.

3. Wireframes & Design: We created wireframes from the page structure, then Malu Creative designed the new look. Both were formally signed off before development.

4. Mega Menu & Page Templates: A new mega menu, home page, header and footer.

5. Search & Filtering: Statamic's built-in search replaced WordPress search, with the option to move to Algolia later. News and events pages have advanced filtering.

6. Statamic Development: We built the site in Statamic from the signed-off design, with technical SEO and 301 redirects from the old URLs.

7. Testing & Launch: Cross-browser, cross-device and responsive testing, then launch with no downtime.

Key Features Implemented:

• Mega menu navigation
• Site search
• News and events filtering
• Responsive design for desktop and mobile
• Technical SEO
• 301 redirects from the previous URLs

Results

1. Easier To Find Content: The new sitemap, mega menu, search and filtering address the problems raised by practices and staff.

2. Mobile-Friendly: The site works well on phones for the growing number of mobile visitors.

3. No-Downtime Launch: The new site launched without downtime, with 301 redirects from the previous URLs.

4. Culturally Sensitive Design: Working with Malu Creative from discovery onwards gave BSPHN a culturally sensitive design that fits their goals.

Project Services Breakdown

• Discovery & Strategy
• Information Architecture & Sitemap
• Wireframes & UI Design (with Malu Creative)
• WordPress to Statamic Migration
• Statamic Development
• Technical SEO & 301 Redirects
• Cross-Browser & Device Testing
• Ongoing Website Maintenance

Technology Stack: Statamic, Laravel

Services provided

Website

Visit the website