<div class="blur-container">
  <div class="blur-layer layer1"></div>
  <div class="blur-layer layer2"></div>
  <div class="blur-layer layer3"></div>
  <div class="blur-layer layer4"></div>
</div>

.blur-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  pointer-events: none;
  z-index: 4;
  overflow: hidden;
}

.blur-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.blur-layer.layer1 {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
}

.blur-layer.layer2 {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  mask-image: linear-gradient(to bottom, transparent 10%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black 100%);
}

.blur-layer.layer3 {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 20%, black 100%);
}

.blur-layer.layer4 {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  mask-image: linear-gradient(to bottom, transparent 30%, black 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 30%, black 100%);
}

Ballantyne Law

/ Gold Coast, Australia
A sustainable website for a sustainable product.
  • UX & UI Design
  • Modular Content
  • Custom Development

Project overview

Established over 30 years ago, ASH has grown to become one of the largest hardwood mills in Australia; and Australia’s largest hardwood manufacturer. After working with them for the last 6 years, we were excited at the opportunity to look at a complete overhaul of the way they approached their digital presence.
This involved a complete audit of their current website UX & UI as well as the opportunity to take them on as an SEO and SEM client.

The challenge

Established over 30 years ago, ASH has grown to become one of the largest hardwood mills in Australia; and Australia’s largest hardwood manufacturer. After working with them for the last 6 years, we were excited at the opportunity to look at a complete overhaul of the way they approached their digital presence.
This involved a complete audit of their current website UX & UI as well as the opportunity to take them on as an SEO and SEM client.

Our focus lies in delivering tangible bottom line outcomes that make a real impact.

  • Digital transformation

    Complete overhaul of ASH’s digital offering.

  • Customised website development

    Complete overhaul of ASH’s digital offering.

  • User experience enhancement

    Initial user UX workshop conducted to understand ASH’s customer.

  • Expanded services

    SEO and SEM campaigns, offering monthly reporting and conversion tracking.

Awards

  • Innovation Excellence

    CSSDA / March 2025

  • UI Design

    CSSDA / March 2025

  • UX Design

    CSSDA / March 2025

  • Innovation Excellence

    CSSDA / March 2025

  • UI Design

    CSSDA / March 2025

  • UX Design

    CSSDA / March 2025

    • James

    / Managing Director of Ballantyne Law

    Studio Quatro made the entire process remarkably smooth and efficient. From the initial discussions through to the final delivery. The website presents our firm in a professional, modern light and has already begun to add value to our business.

    Keep exploring