<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%);
}

Oceans Harmony

/
A sustainable website for a sustainable product.

    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

    • /

    Keep exploring