Website
Basroc
A website that shows builders why this cladding is safer.
- Client
- Basroc
- Product
- External wall cladding system
- Market
- Australia and New Zealand
- Pages
- 7 pages, desktop and mobile

Overview
A safer cladding system, clearly explained.
Basroc is a patented wall cladding for Australian builders. It is 100% silica free, fire rated, 10 kg light and CodeMark certified.
I designed seven pages for desktop and mobile: Home, The Basroc System, About Us, Compliance & Documentation, Blog, FAQs and Contact Us. The file shows Version 1 and Version 2.
The challenge
Technical proof that reads in seconds.
- 01Fire ratings and certificates are dense and easy to skip.
- 02Builders, managers and certifiers want different proof.
- 03The silica ban of 1 July 2024 made safety the first question.
The approach
Bold type, teal accent, proof up front.
- 01Bebas Neue headings and teal feel strong and on-site.
- 02A stripe under every hero repeats: Patented Design, 100% Silica Free, Fire Rated, Lightweight (10kg).
- 03Compliance, warranty and documents get one page.
Structure
Seven pages, one safety story.
Taken from the main menu and page designs.
Home
- The Basroc SystemSystem componentsBuilt for flexibilityEasy installationSafe Work AustraliaNo silica
- About UsOur storyOur valuesMeet the team
- Compliance & DocumentationComplianceWarrantyDocumentationMaintenanceCertification
- BlogArticles
- FAQsQuestions and answers
- Contact UsContact form
Key screen
The home page hero.
A clear promise, six proof points and one action.

- 1Call in one tap
The phone number, as a teal button.
- 2System label
The Basroc System in teal.
- 3A headline for builders
Safer Cladding for Australian Builders. Proven. Certified.
- 4Six proof points
Fire rated, patented, silica free, water repellent, acoustic, lightweight.
- 5One action
Experience the Basroc Difference leads to the system page.
- 6Fact stripe
Key claims repeat under every hero.
Page flow
From proof to a phone call.
Light and dark bands lead from promise to final call to action.

- 1Hero and fact stripe
The promise, proof points and core claims.
- 2Basroc is the future of cladding
A video with TV builder Dan Reilly.
- 3Why Basroc
The Future of Cladding is Here, with 1300+ projects completed.
- 4Our product
Why professionals are switching.
- 5Our quality
Backed by Industry Leaders, plus five feature cards.
- 6FAQs
Your Basroc questions, answered.
- 7Let's Talk!
Ready to Upgrade Your Cladding System?
- 8Footer
Navigation, address, phone, Get in touch.
Compliance
Proof, laid out plainly.
Certificates and warranty become two calm blocks.

- 1The mark itself
The CodeMark Australia logo in a soft card.
- 2Teal eyebrow
Comprehensively Tested, in teal.
- 3Claim as headline
CodeMark Certified and NCC 2022 Tested, in Bebas Neue.
- 4The detail underneath
Building types, volumes and approval in Australia and New Zealand.
- 5Warranty, stated simply
Up to 10 Years of Protection with Correct Installation and Finish.
- 6A number you remember
A large 10 Year Warranty graphic.
Inner pages
The same system on every page.
The System and About Us pages reuse the hero, stripe and teal labels.


Mobile
Built for a phone on site.
Every page at 375 px, with a full screen menu.




Visual language
Charcoal, white and cool teal.
Teal marks labels and buttons. Charcoal is for dark bands and text.
- Teal
#6BC7B6 - Charcoal
#1D1D1B - Black
#0B0B0B - Grey
#989898 - Graphite
#656565 - Silver
#EAEAEA - White
#FFFFFF
Typography
Display typeface
SAFER CLADDING
Bebas Neue
Headlines, labels and the fact stripe, set in capitals.
- Regular
- Bold
Body typeface

Proxima Nova
Body copy, lists, buttons and navigation details.
- Regular
- Semibold
- Bold
Deliverables
What I delivered.
- Home
- The Basroc System
- About Us
- Compliance & Documentation
- Blog
- FAQs
- Contact Us
- Mobile layouts, 375
- Mobile side menu
- Comparison table
- Version 1 and Version 2
Want this kind of clarity for your website?
Book a free 30 minute call. You leave with 3 written fixes, even if we don’t work together.
