Projects
GWMWater: Joomla to Umbraco Website Redesign
Webcoda researched, designed and built GWMWater's new website on Umbraco, replacing a Joomla site that had been in place since 2016. GWMWater is a vertically integrated water business serving around 72,000 people across 62,000 square kilometres, roughly a quarter of Victoria. We delivered the whole project: UX research, design system, UI design and build.
Designing One Website for Many Different Audiences
GWMWater's website serves a very mixed audience. A rural customer checking on their supply, a conveyancer chasing property information, a job seeker looking at careers and a developer planning new works all arrive with different jobs to do, and none of them think in terms of GWMWater's internal structure.
So we started with research, not a sitemap. We ran a content audit, a competitor review and Hotjar surveys and behaviour analysis, then validated the navigation with stakeholder card sorting. That research shaped the information architecture, the page templates and the navigation, including an audience selector that points each visitor to the content that matters to them.
A Design System Built to Scale
Every page is built from one consistent set of designed components, so the site feels like GWMWater from the homepage to the deepest document page. It also means new pages can be put together quickly and stay on brand as the site grows, without going back to a designer each time.
The look builds on GWMWater's refreshed brand: deep navy, an amber brushstroke and real photography of the people it serves, with accessibility designed in from the start rather than checked at the end.
Water Data Front and Centre
For a water business, the numbers matter. The design system includes a water levels chart and a storage water levels section, so reservoir and storage information can be shown clearly and consistently wherever it is needed instead of as one-off pages. Reservoir listing and detail templates give each storage its own home.
Maps, Outages and Reporting a Fault
When something goes wrong, customers want answers quickly and often from a phone. The site brings live GIS mapping together with an outages map and a Report a Fault form, so customers can see what is happening in their area and tell GWMWater about a problem without hunting for a phone number.
Why We Built It on Umbraco
Umbraco gave GWMWater a secure, scalable platform on Microsoft .NET, with far less reliance on third-party extensions than the old Joomla site. That means a smaller security footprint and a platform that is easier to keep up to date, in line with the OWASP Top 10 and Victorian Government digital standards.
Pages are assembled from a library of content modules designed for the project, such as banners, accordions, image grids, videos, forms and tabs, with role-based access for editors. GWMWater's team can create and update pages from on-brand blocks without a developer for everyday changes. Content was moved across from the old Joomla site, with 301 redirects to protect search rankings.
Frequently asked questions
Clear paths for each audience, such as residential, rural and business customers, developers, conveyancers and job seekers. Beyond that: outage and fault information, water storage data, maps, easy access to documents and forms, accessible design and a CMS the organisation's own staff can manage. GWMWater's new site was designed around the needs of each of these groups.
Research first. For GWMWater we ran a content audit, competitor review, surveys, behaviour analysis and card sorting, then defined the information architecture and wireframes before any visual design started. That kept the redesign tied to what users needed rather than to the old site structure.
Storybook documents every component, variant and state in one place, so designers, developers and content editors share one source of truth. For a large site it keeps new pages consistent and speeds up future changes. GWMWater's system includes 38 components and 14 page sections.