Wellness & Fitness
Aline Studio
Per Aline Studio, boutique studio di Pilates Reformer e PowerFormer in Corso Sempione 36 a Milano, abbiamo realizzato il sito ufficiale: una vetrina che racconta il concept dello studio (classi da 4-5 posti in cui il trainer segue quasi 1:1) e porta il visitatore fino alla prenotazione della prima lezione, con il calendario e il carrello del gestionale integrati nel sito.
VISITA IL SITO Design
Il design traduce in interfaccia la promessa del brand: non una palestra, ma un luogo da vivere. La palette è costruita su una base sabbia calda e verde salvia che riprende i materiali naturali dello studio, e la coppia tipografica (un serif in corsivo per i titoli, un sans essenziale per il testo) dà al sito un registro editoriale da spa più che da centro fitness. L'hero a schermo intero mostra la sala dei Reformer con il claim bilingue "A line to follow, a body to shape", e da lì la pagina scorre con animazioni misurate e uno scroll fluido che accompagna la lettura senza mai rubare la scena alla fotografia. Il percorso è costruito come un racconto: il concept, la differenza Aline con i numeri delle classi limitate, i due corsi, il team, le membership, le recensioni e le FAQ. L'impianto è mobile-first e completamente responsive, perché la prenotazione di una lezione nasce quasi sempre dal telefono.
Funzionalità
Il sito è insieme vetrina e canale di vendita. La prenotazione è integrata direttamente nelle pagine tramite i widget del gestionale Mindbody: calendario lezioni con scelta di giorno e orario, form di richiesta informazioni, acquisto dei pacchetti e area "Accedi" per i clienti già registrati, senza che l'utente debba mai percepire il salto a una piattaforma esterna. L'offerta è articolata su pagine dedicate. Lezione singola, pacchetti a crediti da 5, 10 e 20 lezioni, quattro membership mensili da Essential 4 a Elite 16 affiancate da una landing "Founder" per la campagna di lancio, con prezzo bloccato e disponibilità limitata ai primi 40 iscritti. Completano il percorso le schede corso per Reformer e PowerFormer, la pagina team, la gallery dello studio, un blocco FAQ che risponde alle obiezioni tipiche del primo cliente (certificato medico, gravidanza, cosa portare, disdette) e il contatto diretto via WhatsApp e telefono.
Stack Tecnologico
Il front-end è una single-page application in React compilata con Vite, con animazioni Framer Motion e scroll fluido gestito da Lenis. Le pagine sono pre-renderizzate in fase di build: ogni rotta viene servita come HTML già pronto con i propri metadati, così i motori di ricerca leggono contenuti reali e il primo schermo compare immediatamente. Il livello SEO locale è molto curato, come richiede un'attività di quartiere: dati strutturati Schema.org che descrivono lo studio come HealthClub con indirizzo, coordinate, orari di apertura e listino servizi, meta tag di geolocalizzazione su Milano, canonical, sitemap XML e Open Graph completi. Sul piano prestazionale abbiamo lavorato sui dettagli che contano. Preload dell'immagine hero per il LCP, preconnect ai font e dns-prefetch verso il gestionale, così che l'handshake dei widget di terze parti non pesi sul primo rendering. E servito tutta la fotografia in formato WebP.