Enviropipes

Enviropipes supplies specialist pipe systems to demanding industrial and infrastructure projects, but their website hadn't kept pace. With an ageing CMS, a product catalogue too deep for the navigation to handle, and a mobile experience that barely functioned, the site was working against the business it represented.

Visit the website: enviropipes.com.au

Created at Egg Design

The Brief

The existing Joomla-based site had accumulated broken modules, outdated design, and a navigation that could only surface the first level of a catalogue spanning ten categories and close to eighty product pages. Key trust signals including Enviropipes' ISO 9001 certification and project history were buried or absent. The brief called for a full structural and visual overhaul, a vastly improved product browsing experience on desktop and mobile, search functionality, and a translation solution for their international client base.

The Solution

I led the project across UX, UI, and delivery, from initial site audit through to QA and launch. Acting as the bridge between the Enviropipes team and our wider internal team, I translated client requirements into design decisions and technical briefs, ensuring nothing got lost between the non-technical and technical sides of the project.

Getting the information architecture right came first. Working closely with Enviropipes' sales manager, whose deep knowledge of the product range was invaluable, I helped visualise the full catalogue hierarchy into a navigation structure that made sense on screen: ten categories, multiple sub-levels, around eighty pages in total. A collapsible side navigation was then designed to give users a persistent sense of location within the catalogue, collapsing cleanly on mobile without disrupting the content. The client, who previously struggled to find products on the old site, now actively uses the main nav to browse.

Product data tables were designed to side-scroll on mobile, with a clear visual affordance to signal hidden content, preserving data integrity without hurting readability. Search functionality let users cut straight to what they needed, while ISO 9001 certification and the project portfolio were given proper prominence for the international clients they're meant to reassure.

Rather than designing every page in full, I built out page templates and layout variations, then annotated each product page in Figma to map the content source: either referencing updated spreadsheets provided by the sales manager, or linking directly to the relevant page on the old site where existing data could migrate across. This kept the handover clear and unambiguous for our developer across a large volume of pages.

For translation, rather than a custom tool, a simple prompt in English, French, and Spanish directs users to their browser's built-in translation. Lightweight, and fit for purpose. The new CMS also means Enviropipes can manage their own product data going forward.

Scope of Work

Information Architecture Design

Wireframing & Prototyping

Content Collation & Mapping

Developer Handover & Annotation

Quality Assurance Testing