Skip to main content
Immersive Webflow Website & Booking System for ELENTI Catering

Immersive Webflow Website & Booking System for ELENTI Catering

Web Development by Preston Broad

Completed
February 2025
Location
Tauranga
Role
Web Developer

About this project

Project Background

The project involved creating a playful yet sophisticated website for ELENTI Catering, a luxury catering company that approaches food as an art form. Working with award-winning designer Becca O'Shea, we needed to translate their inventive, artistic approach to food into an equally creative digital experience.

Challenge

Without an automated booking system, ELENTI needed a website that would:

  • Break conventional design norms while maintaining usability

  • Create an immersive, interactive experience that reflected their brand personality

  • Streamline their booking process, moving from social media to an automated system

  • Allow easy menu updates and content management

  • Maintain complex animations and responsiveness across all devices

Solution

I developed an innovative website using Webflow that features:

  • A sophisticated multi-layer parallax system:

    • Foreground elements with pronounced movement for depth

    • Mid-layer content with moderate parallax effects

    • Background illustrations with subtle movement

    • Carefully calibrated scroll speeds for natural depth

  • Choreographed Lottie animations throughout:

    • Floating food elements that respond to scroll position

    • Animated hand-drawn flourishes and decorative elements

    • Interactive hover states on key UI elements

    • Seamless loading transitions between sections

  • Performance-optimised systems:

    • Strategic animation triggering based on viewport position

    • Managed animation complexity across different devices

    • Optimised for smooth scrolling with multiple concurrent animations

  • Custom booking automation:

    • Combined Webflow's form capabilities with custom JavaScript

    • Streamlined user input collection and processing

    • Webflow CMS-powered menu system for easy content updates

Results

The website successfully delivered:

  • An immersive digital experience that captures ELENTI's unique personality

  • Automated booking process replacing manual social media management

  • Easy-to-maintain content system for menu updates

  • Smooth performance despite complex animations

  • Perfect balance between artistic expression and practical functionality

Preston Broad

Preston Broad

Web Developer

Location
Tauranga