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

Pole Divas

/ Melbourne, Australia
A powerful backend for a high-energy brand.
  • UX & UI Design
  • Modular Content
  • Custom Development
  • Intuitive Content Management

Project overview

Working with Lorien was all about streamlining complexity. Pole & Aerial Divas is a massive brand that needed to move away from fragmented tools and into a unified system.
We didn't just refresh the design; we built a digital engine that powers multiple studios, mobile apps, and a private member community—all from one single dashboard.

The challenge

Managing multiple studios, instructors, and hundreds of students across different platforms was creating a massive administrative bottleneck.
The brand was outgrowing its tech, requiring a unified system that could handle high-level operations.

What we did
(and what we avoided)

  • Multi-studio backend architecture

  • Private member video portal

  • Modular CMS components

  • Seamless booking integration

  • Cluttered, heavy interfaces
  • Manual data entry
  • Generic, rigid templates
  • Fragmented user experiences

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

  • Custom Ecosystem Design
    We designed a high-energy, premium UI that reflects the brand’s vibrance while ensuring a smooth UX for class bookings.
  • The "Divas Hub" Portal
    Developed a secure, login-only area for students to access a manageable database of video tutorials and training content.
  • Modular CMS Development
    Built a flexible system using Custom Post Types (CPT) to manage teachers, competitions, and promotions across all locations easily.
So thrilled with David at Studio Quatro. Our new website is everything we wanted and more. He was so incredibly responsive and patient and provided such great advice and design ideas. 100% would recommend!
Lorien Stark / Marketing at Pole and Aerial Divas

Keep exploring