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

Bensons Wealth

/ Melbourne, Australia
Refined design for a purposeful future.
  • UX & UI Design
  • Digital Strategy
  • Modular Content
  • Intuitive Content Management

Project overview

We partnered with Eden and the Bensons Wealth team to create a custom digital presence that mirrors their commitment to financial clarity. The goal was to build a site that feels as refined and intentional as the advice they provide, moving away from the cold, clinical feel of traditional finance.
It’s a digital space where professionalism meets a calm, human touch.

The challenge

The main obstacle was translating complex financial services into a user experience that felt approachable rather than overwhelming. We had to balance a high-end, aspirational aesthetic with a layout that remained clear and easy to navigate across all devices.
The difficulty lay in making a data-heavy industry feel spacious, calm, and simple to understand.

What we did
(and what we avoided)

  • Bespoke "wealth-first" design

  • Calm UX transitions

  • Client-centered content flow

  • Fully responsive architecture

  • Clean, spacious layouts

  • Rigid, "stock" finance templates
  • Visual noise
  • Jarring interactions
  • Dense walls of text
  • Unoptimised mobile layouts

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

  • Custom Frontend Development
    Building a high-end site with fluid, organic movements.
  • UX Strategy & Mapping
    Designing a navigation path that follows the client’s decision process.
  • Performance Optimisation
    Ensuring the site loads instantly while maintaining rich visual quality.
  • Responsive Styling
    Fine-tuning every element to ensure the "refined" look holds up on mobile.
  • Strategic Content Alignment
    Placing tailored messaging exactly where it has the most impact.
The process was smooth and efficient from start to finish. David guided us through the creative direction with clarity and professionalism, helping us shape a website that truly reflects our brand. We're very pleased with the result.
Eden / Director at Bensons Wealth

Keep exploring