Kit de modèles mensuel n° 2 : créez un site Web de remise en forme magnifique

Publié: 2019-09-03

Le mois dernier, nous avons publié le premier de notre série mensuelle de kits de modèles Elementor. La réponse de notre communauté a été incroyable. De nombreux utilisateurs se sont emballés avec la sortie et en voulaient plus :

Introducing-Elementor

Ce mois-ci, nous avons décidé de nous remettre en forme et de sortir un kit complet de site internet dédié à une salle de sport professionnelle. Prenez votre shake protéiné, fléchissez vos biceps et pompez ce fer ! Ce kit est sûr de vous faire briller.

Ce kit est 100% GRATUIT pour tous les utilisateurs d'Elementor Pro et comprend :

  • 7 pages de contenu
  • Modèles d'en-tête et de pied de page
  • Un modèle Popup
  • Un modèle 404
  • Modèles uniques et d'archives
  • ~ 60 images CC0 gratuites
  • 9 icônes originales
  • 2 formulaires de contact bien conçus
  • Une large gamme d'effets d'animation et de mouvement

Pourquoi utiliser ce kit

Why-Use-This-Kit

Comme pour notre kit précédent, nous n'avons fait aucun effort pour perfectionner ce kit de modèles. Il est conçu pour bien plus qu'être un régal pour les yeux. Voici les avantages qui font que les kits d'Elementor se démarquent dans la mer de modèles :

  • Conception professionnelle – Chaque page, section et widget ont été utilisés et modifiés en tenant compte des meilleures pratiques.
  • Une riche gamme d'éléments - Le kit est fourni avec une large gamme de fonctionnalités Elementor. Ceux-ci incluent les fenêtres contextuelles, les modes de fusion, le défilement de parallaxe, le navigateur, etc.
  • Optimisation de l'image – Toutes les tailles d'image ont été optimisées.
  • Sections nommées – Nous avons nommé chaque couche dans le navigateur, afin que vous puissiez facilement localiser et sélectionner chaque élément de la page, et savoir ce qui fait quoi.
  • 100% mobile responsive - Tous les actifs ont été construits avec la réactivité mobile à l'esprit.

Le kit de modèles de salle de sport : un design audacieux et dynamique

Avec nos kits de modèles mensuels, nous voulons nous assurer que nous offrons à nos utilisateurs un large éventail de conceptions. C'est pourquoi nous avons décidé de sortir un kit de modèles Gym, qui est assez différent du précédent kit Digital Agency.

Le kit précédent était minimaliste et simple, tandis que celui-ci est audacieux et comprend des couleurs vives et des éléments saisissants. Puisque nous parlons d'exercice et de sport, nous avons incorporé le mouvement dans de nombreux éléments des modèles. Nous avons également inclus de nombreuses images, car les sports et les loisirs relèvent de la catégorie visuelle.

Les couleurs néon bleu vif et jaune contribuent au design audacieux. Ils correspondent également aux couleurs que l'on voit souvent porter les athlètes dans les gymnases du monde entier.
La typographie est également appropriée à notre conception et comporte « Racing Sans One ».
La conception audacieuse et vive du kit peut rendre difficile sa personnalisation pour d'autres domaines. Cependant, cela peut être un excellent choix pour des sujets tels que le coaching, le yoga et d'autres domaines liés aux activités.

Passons en revue les actifs et voyons ce qu'il comprend.

Le modèle de page d'accueil du gymnase : effet de parallaxe cool

Home-page

Vous devez aimer la première section de héros que vous voyez sur la page d'accueil. L'image de l'amateur d'exercice torse nu et poli ne peut être ignorée, et elle attire immédiatement l'attention du visiteur. Le message correspond à la même idée, avec des phrases motivantes comme « Soyez le meilleur possible ».

Lorsque vous faites défiler, l'image se déplace d'une manière qui simule le mouvement réel de la machine d'exercice.

Il y a beaucoup d'éléments notables tout au long du reste de la page comme l'utilisation d'animations subtiles qui continuent le thème du mouvement ; les images en forme de cartes placées les unes devant les autres et les lignes de séparation qui séparent les différentes zones de la page.

Pages À propos et Entraîneurs : Pleins feux sur l'équipe de gym

gym-about-trainer

Vous pouvez obtenir beaucoup plus de visuels dans la page à propos de la salle de sport. La page raconte l'histoire de notre salle de sport en utilisant peu de mots et beaucoup d'images, réparties sur des widgets et des arrière-plans.

Chaque salle de gym appropriée devrait mettre en évidence son bien le plus précieux - l'entraîneur. Dans ce modèle, nous avons mis en évidence Maria Morales, notre formatrice TRX. La page décrit les compétences de Maria à l'aide d'une barre de progression et comprend une autre alternative d'appel à l'action en bas.

Pages de cours et de remise en forme : des façons créatives d'afficher des informations

Classes

Êtes-vous un bodybuilder ou plutôt un CrossFit ? Sur cette page, vous trouverez une belle mise en page qui pourrait être utilisée pour les cours, les listes ou même les publications. Le carrousel de témoignages en bas sert de preuve sociale de l'efficacité de notre salle de sport.

Même si cette page est destinée à un cours de fitness, elle peut être un excellent exemple de la façon de créer une page riche en contenu d'une manière qui soit facilement digestible et lisible pour le visiteur. La séparation claire de chaque section, en utilisant une couleur d'arrière-plan différente, ainsi que les utilisations intelligentes des listes d'icônes, des barres de progression, des accordéons et du contenu en colonnes contribuent à donner à cette page une belle apparence. La page comprend également une barre latérale collante qui suit les visiteurs pendant qu'ils défilent et les incite à s'inscrire.

Pages de prix, d'actualités et de contact : remplir les pages du kit

Blog+Post+contact+pricing

Dans cette page, nous avons répété la correspondance entre l'exercice et l'effet de défilement. Cela aide à créer l'effet de levage de poids. Pour les fanatiques de sport qui doivent recevoir une dose quotidienne de mises à jour de gym, nous avons créé une page d'actualités qui affiche visuellement des articles récents sur tout ce qui concerne le fitness.

Aucune salle de sport ne peut survivre sans un flux constant de nouveaux abonnés. C'est pourquoi notre page de contact comprend les heures d'ouverture, un formulaire de contact, l'adresse et d'autres coordonnées.

Avant de prendre soin de votre corps, prenez soin de ce qu'il y a à l'intérieur (désolé pour le mauvais jeu de mots).

Page 404 : Les images servent de « 0 »

Cette page présente une utilisation créative de notre carrousel d'images, qui a été placé de manière créative entre le « 4 » et le « 4 » qui composent la page 404.

En-tête et pied de page : vous ne pouvez pas manquer ces couleurs néon

Header+Footer

L'en-tête du Gym est collant et suit le même design que l'ensemble du kit. Pour le pied de page, nous avons opté pour une conception prolongée, qui comprend un USP, des coordonnées, un formulaire de contact et des liens vers les réseaux sociaux.

Popup : Boîtes animées sympas

Si vous cliquez sur le lien Rejoignez-nous dans l'en-tête, la fenêtre contextuelle apparaîtra. Pour ce kit, nous sommes sortis de la fenêtre contextuelle habituelle et avons créé une mise en page plus intéressante pour les soldes d'été spéciales du gymnase.

Comment obtenir le kit

Un site bien conçu inspire un corps bien conçu ! Si vous avez Elementor Pro, tout ce que vous avez à faire pour profiter de ce kit de pointe est d'aller dans Elementor, d'ouvrir la bibliothèque de modèles et de rechercher "Gym".

Quels modèles aimeriez-vous voir ensuite ? Faites-nous savoir dans les commentaires ci-dessous.