Skip to content
WorkServicesProcessPricingAboutFAQBook a call
All work

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
Basroc key visual

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.

  1. 01Fire ratings and certificates are dense and easy to skip.
  2. 02Builders, managers and certifiers want different proof.
  3. 03The silica ban of 1 July 2024 made safety the first question.

The approach

Bold type, teal accent, proof up front.

  1. 01Bebas Neue headings and teal feel strong and on-site.
  2. 02A stripe under every hero repeats: Patented Design, 100% Silica Free, Fire Rated, Lightweight (10kg).
  3. 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.

Basroc, The home page hero
  1. 1
    Call in one tap

    The phone number, as a teal button.

  2. 2
    System label

    The Basroc System in teal.

  3. 3
    A headline for builders

    Safer Cladding for Australian Builders. Proven. Certified.

  4. 4
    Six proof points

    Fire rated, patented, silica free, water repellent, acoustic, lightweight.

  5. 5
    One action

    Experience the Basroc Difference leads to the system page.

  6. 6
    Fact 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.

Basroc, From proof to a phone call
  1. 1
    Hero and fact stripe

    The promise, proof points and core claims.

  2. 2
    Basroc is the future of cladding

    A video with TV builder Dan Reilly.

  3. 3
    Why Basroc

    The Future of Cladding is Here, with 1300+ projects completed.

  4. 4
    Our product

    Why professionals are switching.

  5. 5
    Our quality

    Backed by Industry Leaders, plus five feature cards.

  6. 6
    FAQs

    Your Basroc questions, answered.

  7. 7
    Let's Talk!

    Ready to Upgrade Your Cladding System?

  8. 8
    Footer

    Navigation, address, phone, Get in touch.

Compliance

Proof, laid out plainly.

Certificates and warranty become two calm blocks.

Basroc, Proof, laid out plainly
  1. 1
    The mark itself

    The CodeMark Australia logo in a soft card.

  2. 2
    Teal eyebrow

    Comprehensively Tested, in teal.

  3. 3
    Claim as headline

    CodeMark Certified and NCC 2022 Tested, in Bebas Neue.

  4. 4
    The detail underneath

    Building types, volumes and approval in Australia and New Zealand.

  5. 5
    Warranty, stated simply

    Up to 10 Years of Protection with Correct Installation and Finish.

  6. 6
    A 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.

Basroc inner pages
Basroc inner pages

Mobile

Built for a phone on site.

Every page at 375 px, with a full screen menu.

Basroc mobile
Basroc mobile
Basroc mobile
Basroc mobile

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 specimen

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.

Nafees ZulfiqarUsually replies within an hour 5.0 from 33 Upwork reviewsTop Rated
OpenTaking new projects for NovemberBook a call