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

Lovestone Cottages

/ Sunshine Coast, Australia
A premium website for a premium escape.
  • UX & UI Design
  • Animation and Interaction
  • Modular Content
  • Intuitive Content Management

Project overview

Working closely with Jon and Tam, we moved away from a basic informational site to a high-performance, automated booking machine. From directing the new photography style to building a custom management backend and syncing data with their marketing team.
We ensured that every digital touchpoint feels as premium as the cottages themselves.

The challenge

Jon and Tam offer an incredible luxury experience, but their digital presence didn’t reflect the exclusivity of their cottages. The previous site was outdated and made it difficult to manage updates, while the booking process was completely disconnected from their marketing efforts.
We built a modular system where high-end aesthetics meet robust backend intelligence.

What we did
(and what we avoided)

  • High-end visual storytelling

  • Modular backend management system

  • Photography art direction

  • Zapier automation workflow

  • Low-quality stock imagery
  • Disconnected booking journeys
  • Manual marketing data entry
  • Rigid, unmanageable page layouts

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

  • Creative Art Direction
    We worked side-by-side with their photographer, defining the visual style and specific shots required to ensure every image integrated perfectly with the new website.
  • Modular Backend Architecture
    Developed a custom dashboard that allows Jon and Tam to independently manage their website without touching a single line of code.
  • Automated Marketing Sync
    Zapier integrations to automatically push booking data to their marketing specialist, eliminating manual reporting.

Awards

  • Best Innovation
    CSSDA / April 2026
  • Best UX Design
    CSSDA / April 2026
  • Best UI Design
    CSSDA / April 2026
  • Innovation Excellence

    CSSDA / March 2025

  • UI Design

    CSSDA / March 2025

  • UX Design

    CSSDA / March 2025