SELECTED CASE / 02SRL · THREEL / BUILDING MATERIALS

SRL↗

MATERIALS. SPACES. POSSIBILITIES.

From a material
to a place.

A building-materials website · Structure & visual design

SRL / THREEL · Architectural homepage heroView detail +

PRODUCT SELECTION / SPATIAL APPLICATIONS / CUSTOMISATIONExplore the case ↓

01 / PROJECT CONTEXT

Show the material.
Reveal its possibilities.

The website presents WPC decking, cladding and fencing alongside architectural references, customisation options and support resources. Its content connects products, spaces and conversations.

Products

Categories, ranges, models and specifications.

Spaces

Architectural projects, inspiration and applications.

Customisation

Colours, textures, dimensions and specific needs.

MY CONTRIBUTION

Site structure · Page composition
Visual direction · Image preparation

COLLABORATION

Working with engineers, who handled website development and technical implementation.

02 / CONTENT ARCHITECTURESRL — TWO WAYS TO EXPLORE

Start with a product.
Or start with a space.

Customers with a material in mind can explore products and specifications. Those looking for inspiration can start with architectural projects and customisation. Both routes lead to a conversation.

PRODUCT SELECTION

Product selection

Find the right material for a defined need.

01Categories
02Models & specifications
03Enquiry

Explore product design

SPATIAL DISCOVERY

Spatial discovery

Explore possibilities through architectural spaces.

01Inspiration & projects
02Customisation
03Contact

Explore spaces & customisation

Six sections support both journeys.

WEBSITE NAVIGATION

Home

Brand & product overview

Products

Categories & specifications

Architecture & cases

Inspiration & projects

Brand & company

Processes & credentials

Support

Installation & care

Contact

Contact & enquiry form

Based on the existing pages. These are illustrative journeys; each section can also be accessed independently.

03 / HOMEPAGE & VISUAL DIRECTION

Architecture sets the scene.
Materials take the lead.

Architectural imagery opens the website, followed by consistently proportioned images that connect product categories. Scenes communicate spatial context while structured text and images introduce the brand.

Homepage categories · Fencing, cladding and deckingView detail +

Architectural scenes

Facades, floors and outdoor settings explain material applications.

Consistent proportions

Vertical images and consistent spacing establish a reading rhythm.

Clear entry points

Connect visual recognition with product categories.

BRAND INTRODUCTION

Give brand information
a clear hierarchy.

Text, graphic numerals and icon-based information form distinct areas for introducing the company after the hero.

Numbers shown belong to the original company content, not design performance metrics.

Homepage brand introduction · Original content excerptView detail +

04 / PRODUCT SELECTION

From an open category
to a precise specification.

Expandable categories retain visible routes to other product types. Product ranges lead to individual models, while detail pages collect form, description, specifications and enquiry entry points.

Product page · Expandable categories and rangesView detail +

01 / DISCOVER02 / COMPARE03 / ENQUIRE

Product detail · Categories, product and enquiry entryView detail +

05 / SPACES & CUSTOMISATION

From spatial references
to tangible choices.

Architectural projects, inspiration pages and showroom customisation offer application references, material details and options for expressing requirements.

01 / 03

Architectural projects

A consistent grid connects facades, floors and fencing with their material categories.

01 / 03

COLOURColour

TEXTURETexture

SIZESize

SCENARIOScenario

MATERIALMaterial

Architectural scale · Materials in contextView detail +

Material scale · Colours and texturesView detail +

06 / SUPPORT & CONVERSATION

Beyond discovery.
Support and conversation.

Installation, care, warranty and sample entry points support further exploration. Company content adds supplier context, and the contact form provides space to express requirements.