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

IRSS

/ Gold Coast, Australia
Helping RTO owners sell their business.
  • UX & UI Design
  • Custom eCommerce
  • Custom Development
  • CMS Integration

Project overview

We completely rebuilt the IRSS online presence to match the high-value nature of the RTO market. The goal was "no fluff": a clean, professional aesthetic combined with heavy-duty automation.
We integrated a dynamic Stripe checkout that allows Travis to build custom deal structures and get paid automatically, making the transition from "consultation" to "client" seamless.

The challenge

The main hurdle was translating a complex, multi-step sales process into a simple, user-friendly experience. Travis needed a way to charge clients dynamically based on their specific needs without manual invoicing or constant back-and-forth.
This setup allows for a dynamic checkout flow where the system creates the package and processes the payment on the fly, freeing Travis to focus on his clients rather than his admin.

What we did
(and what we avoided)

  • Brand Identity Tune-up

  • Dynamic Stripe Integration

  • Automated Payment Flows

  • High-Impact Video Content

  • Friendly CMS Management

  • Unnecessary Design Fluff
  • Manual Invoicing Hurdles
  • Complex Backend Walls
  • Generic Stock Photography
  • Vague Service Messaging

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

  • Strategic Brand Refresh
    We refined the visual identity to project the authority and professionalism required for high-stakes business transactions.
  • Dynamic Checkout Engineering
    We built a custom bridge to Stripe that allows for automated, variable-price checkouts based on the user’s specific selection.
  • Visual Content Production
    We produced clean images and video that explain the "IRSS Way," humanising the brand while keeping it professional.
  • Intuitive CMS Deployment
    We handed over a management system that is easy to update, ensuring the team stays in control without needing a dev for every change.
David gets straight to the point: no fluff, just solid execution. The team hits every deadline with faultless quality. If you want a partner who delivers exactly what they promise without being chased, I highly recommend Studio Quatro.
Travis Latter / Managing Director at Infinity Business Brokers

Keep exploring