Case Study

Colorbond Consumer Website.

Project
A consumer-focused platform designed to inspire homeowners through architecture, design ideas, and colour exploration.
Role
Art Direction
UX/UI Design Oversight
Content Strategy
Stakeholder Engagement
Platform
Web Platform
Desktop & Mobile
Deliverables
Visual Concepts
Design Direction
Content Strategy
Colorbond Screens

Challenge

Colorbond's key products, particularly roofing and fencing, were often overlooked during the early stages of buying or building a home because customers were focused on larger decisions and did not know when to consider them.

Key Insight

The challenge wasn't simply helping people choose a product — it was introducing Colorbond at the right moment in the home-buying journey, before roofing and fencing decisions became an afterthought.

Design Response

I created an inspiration-led digital experience that allowed customers to explore colours, save ideas and build mood boards, while also extending the experience into display-home villages through kiosk screens that introduced Colorbond during the early consideration stage.

Outcome

The redesigned experience brought Colorbond into the customer journey earlier, helping homeowners make more considered roofing and fencing choices while strengthening the brand's role in the overall home-design process.

UX Workshops & Discovery

The discovery phase explored how homeowners approached early design decisions, focusing on the role of colour, materials, and inspiration, as well as the channels and content influencing those choices.

User Research & Personas

Research surfaced a rich picture of the homeowner mindset across exploration, consideration, and decision phases.

Colorbond User Personas
Drag to explore

Content Strategy & IA

The IA was structured to encourage progressive discovery — connecting editorial content, colour tools, and product pages naturally.

Brand DNA & Visual Direction

Before a single page was designed, the Colorbond brand DNA was mapped and translated into a web-specific visual language — aligning colour, typography, and photography into a cohesive brand expression.

Brand Direction 01
Brand Direction 02
Brand Direction 03
Brand Direction 04

Platform Design Final UI

The final platform delivered a visually engaging experience across all devices, enhanced through integration with partner home-building companies.

Final Platform UI

Curated architectural projects, colour guidance, and editorial storytelling worked together to move homeowners from inspiration through to product consideration.

Colorbond Platform Detail

The Impact

↑ Session Duration
Inspiration-Led Engagement
An editorially driven experience, combined with integrated colour-matching tools, encouraged deeper engagement and longer user sessions.
↑ Improved
Product Education
Integrated editorial content helped homeowners understand the full breadth of the Colorbond range.
↑ Enabled
Partner Integration
Drove sales leads at the point of consideration and built ongoing partnerships with home-building companies.
↑ Elevated
Brand Repositioning
Established a new benchmark for how building material brands engage homeowners digitally — moving beyond specification into lifestyle and design culture.
Next Project
Budweiser Campaign Microsite