Canestri & Co

Explore
Canestri & Co hero carousel image

Project Overview

A minimal single-page landing site for Canestri & Co, a real estate advisory firm committed to maximizing value for clients and investors. The goal was an elegant first impression built around full-screen photography, with a direct path to getting in touch.

Key Features

  1. Full-Screen Image Carousel: A fading hero carousel with a slow zoom effect that showcases the firm's work.
  2. Fast Loading: Compressed background images, lazy loading for every slide after the first and a preloaded opening image.
  3. Animated Scroll Cue: A bouncing arrow that scrolls smoothly to the contact section.
  4. Contact Form: A responsive inquiry form powered by Formcarry.
  5. Mobile-First Design: Built mobile-first with smooth transitions and a refined logo hierarchy on small screens.

Technologies Used

  • HTML5 & CSS3: Clean, semantic markup with responsive media queries and keyframe animations.
  • Vanilla JavaScript: A lightweight script for the carousel and lazy loading, with no framework or build step.
  • Inline SVG: A crisp, scalable logotype.
  • Formcarry: Form handling without a backend.

Results

A lightweight, dependency-free landing page that loads quickly and gives the firm a polished online presence, with search metadata that reflects its real estate advisory positioning.