Il primo sito ufficiale di LS Giardini Snc: la nuova vetrina online per giardini, biolaghi, piscine naturali, antizanzara e manutenzione tra Prevalle, Padenghe sul Garda e tutta la provincia di Brescia.

Sito Web lsgiardini.it

Realizziamo anche il tuo sito

4.9

237 recensioni Google

Da zero a vetrina online in otto settimane

Cosa abbiamo trovato (un'azienda con 500 cantieri alle spalle e zero presenza digitale) e come abbiamo trasformato dieci anni di lavoro in 5 progetti vetrina che valgono come cinquecento.

La sfida

In dieci anni LS Giardini Snc ha progettato 500 cantieri tra Prevalle, Padenghe sul Garda e tutta la provincia di Brescia: 50.000 metri quadri di giardini, biolaghi, piscine naturali e antizanzara, 400 clienti soddisfatti (al 99%, secondo i numeri di LS Giardini). Tutto questo, su Google, non esisteva. Niente sito, niente vetrina, niente schede progetto. Ogni richiesta passava dal passaparola e ogni cliente nuovo arrivava chiedendo “ma fate anche le piscine?” — perché online non c'era modo di scoprirlo.

Le sei pagine che convertono i curiosi in clienti

Dalla scheda Villa Moniga sul Garda al form preventivo: ogni schermata di lsgiardini.it è progettata per accompagnare la decisione, non interromperla con form invadenti o sezioni autocelebrative.

Homepage - Versione Mobile

Hero fotografico full-bleed di un biolago reale, accesso al portfolio in un tap, CTA preventivo sempre visibile. Il visitatore non cerca: il lavoro è la prima cosa che vede.

Contatti - Versione Mobile

Form con upload foto da smartphone: il cliente scatta tre foto, riceve email automatica di conferma e LS ottiene la notifica con il contesto visivo già pronto. Niente più “potresti mandarci una foto?”: il primo scambio è già visivo, il preventivo parte più mirato.

Chi Siamo - Versione Mobile

I dieci anni di lavoro, i 50.000 m² realizzati, i partner storici (Stihl, Honda, Tercomposti). La fiducia che fino a ieri si trasmetteva solo a voce, ora leggibile a pollice.

Homepage - Versione Desktop

Gallery a tutta larghezza che mette al centro il giardino, non il logo. Navigazione per tipologia (giardini, biolaghi, piscine naturali, antizanzara) e CTA preventivo sempre a portata di scroll.

Scheda Progetto Reale - Versione Desktop

La case history di Villa Moniga sul Garda raccontata come dossier di cantiere: 2000 mq, 2 mesi, progettazione giardini. La scheda copre sopralluogo, analisi cliente, planimetria, render 3D, realizzazione, distinta botanica di 35+ essenze e impianti scelti (irrigazione, illuminazione, antizanzare, terrazzamenti larice, lamiere corten). Slider drag-and-drop prima/dopo per la trasformazione finale.

Pagina progetto Villa Moniga sul Garda LS Giardini - desktop

Servizio Antizanzara - Versione Desktop

Sopralluogo, progettazione, installazione e manutenzione spiegati per fasi, casi reali a Padenghe sul Garda, indicazioni chiare di tempistiche. Il cliente arriva al form sapendo già cosa aspettarsi.

I numeri tecnici dietro un portfolio fotografico

Foto in 4K, slider drag-and-drop prima/dopo, schede progetto con essenze botaniche e planimetrie: ecco i quattro indicatori Lighthouse che dimostrano che bellezza visiva e velocità non sono in conflitto.

Approccio Mobile-First nativo

Dallo smartphone il cliente fa ciò che prima richiedeva una telefonata: fotografa il proprio giardino e allega gli scatti al form preventivo. Il biolago in apertura, il portfolio raggiungibile in un tap e la CTA sempre in vista completano il percorso.

Prestazioni ai massimi livelli

Gallery pesanti e velocità possono convivere, e i numeri di lsgiardini.it lo confermano: 92 su 100 nelle prestazioni desktop, 90 per l'accessibilità del portfolio fotografico e SEO tecnica a 100, con Schema.org Service per ogni tipologia di intervento.

Prestazioni

Accessibilità

100

SEO

Codice 100% Custom

Le schede progetto sono componenti scritti per LS: superficie, durata, fasi di cantiere, distinta botanica e uno slider prima/dopo da trascinare. Con Tailwind e TypeScript ogni nuova scheda eredita la palette terra-foglia-acqua e la stessa struttura, senza errori da copia-incolla.

page.tsx

globals.css

import { cn } from "@/lib/utils";
import clsx from  "clsx";
import { PropsWithChildren } from "react";

type NoteProps = PropsWithChildren & {
 title?: string;
 type?: "note" | "danger" | "warning" | "success";
 className?: string;
 };

export default function Note({
 children,
 title = "Note",
 type = "note",
 className,
 }: NoteProps ) {
 const noteClassNames = clsx({
 "dark:bg-stone-950/25 bg-stone-50": type == "note",
 "dark:bg-red-950 bg-red-100 border-red-200 dark:border-red-900":
 type === "danger",
 "dark:bg-orange-950 bg-orange-100 border-orange-200 dark:border-orange-900":
 type === "warning",
 "dark:bg-green-950 bg-green-100 border-green-200 dark:border-green-900":
 type === "success",
  });

@import "tailwindcss";

@plugin "tailwindcss-animate";

@import "../styles/syntax.css" layer(utilities);
@import "../styles/theme.css" layer(utilities);

@custom-variant dark (&:where(.dark, .dark *));

@theme inline {
 --color-brand: var(--brand);
 --color-brand-foreground: var(--brand-foreground);
 --color-light: var(--light);
 --color-light-foreground: var(--light-foreground);
 --color-background: var(--background);
 --color-foreground: var(--foreground);
 --color-sidebar-ring: var(--sidebar-ring);

Performance di alto livello

Astro non invia JavaScript se non serve: così il primo contenuto arriva entro 1,5 secondi nonostante centinaia di foto in alta risoluzione, e la CDN di Cloudflare consegna le gallery 4K a chi sceglie il giardino dallo smartphone.

Collaborazione Interattiva

Prima del codice, due sopralluoghi: Villa Moniga sul Garda e una villa a Lonato. Da lì, ogni venerdì, un prototipo aggiornato su cui il team LS segnalava le schede che non rendevano giustizia al cantiere: quattro cicli di feedback, con le cinque schede compilate insieme.

Potete modificare questo testo prima di andare online?

Cliente

Assolutamente si, aggiorniamo subito il prototipo!

Fatto!

Enterprise Srl

Stack tecnologico moderno

Astro come base, con Tailwind CSS e TypeScript, pubblicato su Vercel dietro la CDN Cloudflare, dominio Aruba. UseBasin riceve il form con le foto e CookieHub il consenso. GA4 dice quali categorie portano richieste, Clarity dove ci si ferma nelle gallery; Ahrefs e Search Console seguono le keyword.

Lo stack scelto per un sito che è prima un atlante visivo

Undici tecnologie selezionate per reggere foto in alta risoluzione, slider prima/dopo e 5 schede progetto vetrina con dossier di cantiere — senza che il sito invecchi insieme alle stagioni.

Otto settimane, quattro fasi, due sopralluoghi sul campo

Come abbiamo costruito il primo sito ufficiale di LS Giardini partendo dai cantieri reali (Villa Moniga sul Garda e villa a Lonato), non dal wireframe.

01. Sopralluoghi in cantiere e selezione dei 5 progetti vetrina2 settimane

Due sopralluoghi con il team LS: Villa Moniga sul Garda (2000 mq) e una villa a Lonato. Volevamo vedere come l'occhio del giardiniere legge il lavoro prima di tradurlo in pixel — dalla conversazione sono nati i 5 progetti vetrina scelti tra 500 cantieri.

Vantaggio: Cinque progetti scelti per profondità, non quantità

02. Design system natura e materia2 settimane

Una palette terra-foglia-acqua che richiama il lavoro reale, tipografia sobria da catalogo botanico, iconografia personalizzata per le cinque tipologie di servizio. Griglia ottimizzata per foto full-bleed: prima un atlante visivo, poi un sito.

Vantaggio: Identità visiva all'altezza del lavoro fatto

design system

100%

design personalizzato

03. Sviluppo a prototipi commentabili3 settimane

Costruzione su Vercel con link condiviso aggiornato ogni venerdì. Il team annotava dove la scheda Villa Moniga non rendeva giustizia alle 2000 mq, dove la distinta botanica era troppo tecnica. Quattro cicli di feedback, le 5 schede progetto compilate insieme al team LS per stessa profondità su ognuna.

Vantaggio: Cinque schede di pari qualità, niente progetto trascurato

Accessibilità Integrata

Design Responsivo Nativo

Supporto Light/Dark Mode

Architettura Scalabile

Performance Assolute

Struttura SEO Tecnica

Gestione Multi-lingua

Integrazione Dati

04. Pubblicazione, integrazioni e presa in carico dei lead1 settimana

Test finali Lighthouse, integrazione Google Business Profile, GA4, Clarity, CookieHub. Form gestito da UseBasin con Google reCAPTCHA v3 e doppia risposta automatica: conferma al cliente con riepilogo foto + notifica al team LS già strutturata. Le 5 schede vetrina pubblicate come case history selezionate: una nuova si aggiunge solo quando il cantiere ne vale davvero la pena.

Vantaggio: Portfolio sempre allineato col cantiere

Servizio collegato

I tuoi giardini sono belli dal vivo ma su Google non si trovano?

LS Giardini non aveva alcun sito: oggi cinque progetti vetrina con distinta botanica e slider prima/dopo mostrano a che livello lavora, e il form arriva già con le foto del giardino. Questo progetto fa parte del nostro servizio di Siti Web. Scopri il processo, i tempi e cosa è incluso.

Vedi il servizio Siti Web Richiedi un progetto simile

Vedi anche:Siti web per artigianiWeb agency a Brescia

Visibilità che converte

Design responsive su misura
SEO tecnica e Core Web Vitals
Booking engine e form intelligenti

Visibilità e Reputazione

Il tuo portfolio può vendere mentre sei in cantiere

Scegliamo insieme i lavori che ti rappresentano meglio, come abbiamo fatto con LS Giardini tra 500 cantieri, e li raccontiamo con foto, fasi e prima/dopo.

4.9

237 recensioni Google

Il sito che lavora per te, anche quando dormi

Immagina clienti che ti scrivono ogni giorno, senza che tu debba fare nulla. Un sito veloce, bello e che si trova subito su Google. Tutto incluso, senza sorprese.