Kit di modelli mensili n. 2: Costruisci un bellissimo sito Web di fitness

Pubblicato: 2019-09-03

Il mese scorso abbiamo rilasciato il primo della nostra serie mensile di kit di modelli Elementor. La risposta della nostra community è stata sorprendente. Molti utenti sono stati super-amplificati con il rilascio e volevano di più:

Introducing-Elementor

Questo mese abbiamo deciso di rimetterci in forma e rilasciare un intero kit per il sito web dedicato a una palestra professionale. Prendi il tuo frullato proteico, fletti quei bicipiti e pompa quel ferro! Questo kit è sicuro di farti potenziare.

Questo kit è GRATUITO al 100% per tutti gli utenti di Elementor Pro e include:

  • 7 pagine di contenuto
  • Modelli di intestazione e piè di pagina
  • Un modello popup
  • Un modello 404
  • Modelli singoli e di archivio
  • ~60 immagini CC0 gratuite da usare
  • 9 icone originali
  • 2 moduli di contatto ben progettati
  • Una vasta gamma di animazioni ed effetti di movimento

Perché usare questo kit?

Why-Use-This-Kit

Come con il nostro kit precedente, non abbiamo risparmiato nel processo di perfezionamento di questo kit di modelli. È costruito per molto di più che essere solo un piacere per gli occhi. Ecco i vantaggi che fanno risaltare i kit di Elementor nel mare dei modelli:

  • Design professionale : ogni pagina, sezione e widget è stata utilizzata e modificata tenendo conto delle migliori pratiche.
  • Una ricca gamma di elementi : il kit viene fornito con un'ampia gamma di funzionalità di Elementor. Questi includono popup, modalità di fusione, scorrimento parallasse, navigatore e altro.
  • Ottimizzazione dell'immagine: tutte le dimensioni dell'immagine sono state ottimizzate.
  • Sezioni con nome : abbiamo nominato ogni livello nel Navigatore, in modo che tu possa facilmente individuare e selezionare ogni elemento della pagina e sapere cosa fa cosa.
  • 100% reattivo ai dispositivi mobili : tutte le risorse sono state create pensando alla reattività mobile.

Il kit di modelli da palestra: un design audace e vivace

Con i nostri kit di modelli mensili, vogliamo assicurarci di offrire ai nostri utenti un ampio spettro di design. Questo è il motivo per cui abbiamo deciso di rilasciare un kit di modelli per palestra, che è molto diverso dal precedente kit di Digital Agency.

Il kit precedente era minimalista e semplice, mentre questo è audace e include colori vivaci ed elementi sorprendenti. Dato che stiamo parlando di esercizio e sport, abbiamo incorporato il movimento in molti degli elementi dei modelli. Abbiamo anche incluso molte immagini poiché lo sport e il tempo libero rientrano nella categoria visiva.

I brillanti colori al neon blu e giallo contribuiscono al design audace. Corrispondono anche ai colori che gli atleti sono spesso visti indossare nelle palestre di tutto il mondo.
Anche la tipografia è appropriata al nostro design e presenta "Racing Sans One".
Il design audace e vivido del kit potrebbe rendere difficile la personalizzazione per altri campi. Tuttavia, potrebbe essere un'ottima soluzione per argomenti come il coaching, lo yoga e altre aree correlate alle attività.

Esaminiamo le risorse e vediamo cosa include.

Il modello di home page della palestra: fantastico effetto parallasse

Home-page

Devi amare la prima sezione degli eroi che vedi sulla homepage. L'immagine dell'appassionato di ginnastica a torso nudo non può essere ignorata e cattura subito l'attenzione del visitatore. Il messaggio si adatta alla stessa idea, con frasi di potere motivazionali come "Sii il meglio che puoi essere".

Quando si scorre, l'immagine si sposta in modo da simulare il movimento effettivo della macchina per esercizi.

Ci sono molti elementi degni di nota nel resto della pagina come l'uso di animazioni sottili che continuano il tema del movimento; le immagini a cartoncino poste l'una di fronte all'altra e le linee divisorie che interrompono le diverse aree della pagina.

Pagine Informazioni e formatori: Riflettori puntati sulla squadra della palestra

gym-about-trainer

Puoi ottenere molta più visuale nella pagina delle informazioni sulla palestra. La pagina racconta la storia della nostra palestra con poche parole e tante immagini, distribuite su widget e sfondi.

Ogni vera palestra dovrebbe evidenziare il suo bene più prezioso: l'allenatore. In questo modello, abbiamo evidenziato Maria Morales, la nostra trainer TRX. La pagina mostra le abilità di Maria utilizzando una barra di avanzamento e include un'altra alternativa di invito all'azione in basso.

Classi e pagine di fitness: modi creativi per mostrare informazioni

Classes

Sei un bodybuilder o più una persona CrossFit? In questa pagina troverai un bel layout che potrebbe essere utilizzato per classi, elenchi o persino post. Il carosello delle testimonianze in basso funge da riprova sociale dell'efficacia della nostra palestra.

Anche se questa pagina è per una lezione di fitness, può servire come un ottimo esempio di come costruire una pagina ricca di contenuti in un modo che sia facilmente digeribile e leggibile per il visitatore. La chiara separazione di ogni sezione, utilizzando un colore di sfondo diverso, nonché gli usi intelligenti di elenchi di icone, barre di avanzamento, fisarmoniche e contenuto a colonne aiutano a rendere questa pagina eccezionale. La pagina include anche una barra laterale adesiva che segue i visitatori mentre scorrono e li invita a registrarsi.

Prezzi, notizie e pagine di contatto: completamento delle pagine del kit

Blog+Post+contact+pricing

In questa pagina abbiamo ripetuto la corrispondenza tra l'esercizio e l'effetto di scorrimento. Questo aiuta a creare l'effetto di sollevamento pesi. Per i fanatici dello sport che devono ricevere una dose giornaliera di aggiornamenti in palestra, abbiamo creato una pagina di notizie che mostra visivamente gli articoli recenti su tutto ciò che riguarda il fitness.

Nessuna palestra può sopravvivere senza un flusso costante di nuovi iscritti. Questo è il motivo per cui la nostra pagina dei contatti include orari di apertura, un modulo di contatto, l'indirizzo e altri dettagli di contatto.

Prima di prenderti cura del tuo corpo, prenditi cura di cosa c'è dentro (scusa per il gioco di parole).

Pagina 404: Le immagini fungono da '0'

Questa pagina presenta un uso creativo del nostro carosello di immagini, che è stato posizionato in modo creativo tra il "4" e il "4" che compongono la pagina 404.

Intestazione e piè di pagina: non puoi perderti quei colori al neon

Header+Footer

L'intestazione della palestra è appiccicosa e segue lo stesso design dell'intero kit. Per il piè di pagina, abbiamo optato per un design prolungato, che include un USP, dettagli di contatto, un modulo di contatto e collegamenti ai social media.

Popup: fantastiche scatole animate

Se fai clic sul collegamento Unisciti a noi nell'intestazione, verrà visualizzato il popup. Per questo kit, siamo usciti dal solito popup in scatola e abbiamo creato un layout più interessante per i saldi estivi speciali della palestra.

Come ottenere il kit

Un sito ben progettato ispira un corpo ben progettato! Se hai Elementor Pro, tutto ciò che devi fare per goderti questo kit all'avanguardia è entrare in Elementor, aprire la libreria di modelli e cercare "Gym".

Quali modelli vorresti vedere dopo? Fateci sapere nei commenti qui sotto.