Inspiration: 9 examples of Divi sports sites

The sport is a very varied theme which covers a great deal of needs and specificities. It therefore opens up to unique and very interesting designs. With these examples of Divi sports venues, you will see what Divi allows to achieve in this field.

Parmi les sites que vous allez voir, certains parlent d'un sport précis, d'autres sont consacrés à une équipe, à des méthodes d'entrainement, à du coaching... Si vous êtes intéressé par la thématique du coaching, vous trouverez de nombreux autres examples of coaching sites in this article.

The Divi sports sites analysés ici pourront bien sûr vous servir d'inspiration pour créer le vôtre. Précisons en passant qu'ils ne sont pas présentés dans un ordre particulier.

1 - Maxime Chabloz : un site de sport Divi original

Commençons ce tour d'horizon des Divi sports sites with that of Maxime Chabloz, junior kitesurf world champion.

This beautiful one page site propose une photo pleine largeur en guise d'accueil, avec une séparation originale en forme de petits éclats d'écume et un scrolling parallelax effect. We continue with:

• A portrait photo with social media buttons in superposition.
• Un texte où Maxime s'adresse directement au visiteur.
• A quote followed by his charts.
• Its Instagram gallery (realized by the plugin Instagram Feed Pro).
• The list of its sponsors.
• His YouTube videos.
• And we finish with a contact form (plugin used: Contact Form 7).

La séparation en forme d'éclaboussures d'écume se retrouve à plusieurs endroits du site. Elle apporte une touche personnalisée très appréciable en lien avec la discipline de Maxime.

Autre point intéressant, l'apparition dynamique des éléments (photos, paramètres, etc.) lors du défilement. Cela amène beaucoup de "peps" au site et cela rappelle également l'énergie que peut dégager cet athlète et sa discipline.

Notable Plugins Used:

• WP Rocket
• Contact Form 7
• Instagram Feed Pro

2 - Cen Cal Sports : un site plutôt institutionnel

Cen Cal est un centre sportif américain pour les jeunes visant à organiser des stages, entraînements et compétitions. L'objectif est avant tout éducatif : former les jeunes physiquement mais aussi moralement. Plusieurs disciplines sont proposées, en particulier le basketball - on y pratique aussi le golf et les échecs.

This Divi sports site présente quelques aspects intéressants. Tout d'abord, c'est un site "institutionnel" et à ce titre, il dégage une image plus sérieuse et moins proche du visiteur que les sites de particuliers ou d'entreprises.

This image is counterbalanced by a pro side that reassures: you will entrust your children to a solid and well organized institute. This is reflected in the choice of fonts and colors. Here, no pastel or fluo. The fonts are without MS and quite angular.

En haut de chaque page, une photo pleine largeur est chevauchée d'un transparent overlay blue with a bold title and a punchline.

Page About relève du même esprit. Vous avez un encadré qui présente le directeur et des blocs déroulants pour chaque membre de l'équipe d'encadrement.

La page galerie n'est pas très originale mais on peut relever deux choses : l'affichage dynamique des vignettes et la possibilité de filtrer très facilement les photos.

Notable plugins used:

• Magnific Popup
• Simple Calendar
• Yoast

Need more resources for Divi? Discover the other articles in this section!

3 - Oz Tennis Leagues : un site coloré

L'idée de Oz Tennis Leagues It's simple, you had to think about it!

Ce site australien vous permet de vous inscrire et de planifier des matchs avec d'autres compétiteurs pour monter dans un classement. Ainsi, plus besoin de structures rigides et complexes pour faire de la compétition. Vous jouez quand vous voulez, où vous voulez, avec qui vous voulez.

L'accueil s'ouvre sur une image pleine page avec un appel à l'action.

Notez le design avec ses couleurs franches, ses formes basiques et ses polices élémentaires. Dès le départ, on baigne dans l'idée de simplicité et d'originalité.

The sticky menu (with a reduction effect during scrolling) gives a good share of the connection features. Indeed, we are here primarily in a membership site. Links to Pages About, Contact, etc. Therefore, they are at the foot of the page.

L'accueil se poursuit par deux sections en plusieurs colonnes qui suffisent à présenter le concept. Suivent divers contenus dynamiques, dont un slider de témoignages.

Le site dans son ensemble est riche en contenu varié : galeries, tableaux d'honneurs, conseils, FAQ, des sections pour chaque ligue locale... et ce, rien que pour la partie non-membres. Le paiement des cotisations est réalisé avec Stripe.

Notable plugins used:

• Magnific Popup
• Contact Form 7
• Testimonial Rotator
• Stripe

4 - Mayhem in the Mountains

Mayhem in the Mountain est un site dédié aux compétitions de crosse (sport d'équipe d'origine amérindienne).

This Divi sports site est pour l'essentiel un one-page.

Il commence assez classiquement par une image pleine page et un CTA. En défilant, vous constaterez le jeu des couleurs qui alterne selon les sections : éléments bruns sur fond blanc et éléments blancs sur fond brun. C'est cette alternance qui donne beaucoup de caractère à Mayhem in the Mountain.

Les couches de couleurs sont transparentes et laissent deviner des photos en fond de chaque section, à peine visibles. Cet effet est également très agréable à l'œil, tout en restant plutôt discret.

Un formulaire de contact est disponible en bas de la page principale et un lien vers une page indépendante permet de s'inscrire en ligne à la compétition.

5 - Jason Joseph : un autre site de sport fait avec Divi...

After Maxime ChablozHere's another Swiss athlete: Jason Joseph.

Jason is a sprinter specializing in 110 meters hedges. Its site has a very pro and inspiring image, such as many athletes would like to be able to see.

Let's see the keys to this feat:

• Solid fonts and colors. The marriage of fonts without MS (titles and paragraphs) and MS (subtitle) is impeccable.
• L'alternance du rouge et du blanc avec le gris-bleu est parfaitement maîtrisée.
• Les photos sont classieuses. On voit qu'elles ont été réalisées par un professionnel qui sait mettre en valeur son sujet. Jason y apparaît sérieux, concentré, déterminé. Elles sont plutôt sombres, ce qui répond au gris-bleu du site et fait ressortir le blanc et le rouge.
• The Divi separators are very aesthetic (double, curved with transparency effect).
• L'intégration des contenus vidéo et photo dans le design du site est parfaitement maîtrisé.

Note also the good dosage of dynamic elements. Among them, the sticky menu with logo who change color at scrolling. J'apprécie aussi beaucoup l'apparition dynamique de la vidéo dans la section About !

En bref, un très beau site qui vaut définitivement le coup d'oeil.

Notable plugin : Autoptimize.

6 - London Fight Factory

Voici l'un des Divi sports sites the most successful of this selection! London Fighting Factory is a room dedicated to martial arts and combat sports.

Première originalité : son logo ! Il est animé et centré en haut de la page. De part et d'autre de ce dernier, vous trouverez deux boutons. Le premier mène à la section qui va répondre la question que se posent la plupart des visiteurs, les tarifs. Le second, celui de droite, est un CTA qui propose un essai gratuit.

Ces deux boutons définissent d'emblée les site colorsred and orange. Punchy!

S'ensuit menu, which is very personalized. The classic pages Contact, Blog and Location (rent) alongside links to more specific pages like Courses, Time use, Teachers (team), "pourquoi je m'entraîne" (témoignages)...

Le contenu n'est donc pas si original, mais sa présentation et son wording le démarque.

Another big strong point of London Fighting Factory, sound footer Hey! A thumbnail gallery with dynamic display points to different parts of the site.

Then we find a formulaire d'inscription à la newsletter, contact info and social media buttons, all of course in the colors of the site.

Notable plugins used:

• Gravity Forms
• DuracellTomi
• Yoast
• Magnific Popup

Besoin de plus d'inspiration ? Discover all the official Divi Showcases.

7 - How to Beast

How to Beast est un site sur l'entraînement physique, le conditionnement mental et la nutrition. Il s'adresse donc aux hommes qui veulent prendre de la masse en allant à la salle et devenir plus confiants...

With its clean design and bold characters, How to Beast Scream at masculinity!

Il frappe fort dès l'accueil avec un double CTA avec des pictos badass en pleine page.

Vous avez le choix entre "devenir musclé" et "devenir confiant". Entre les deux images, on vous avertit bien : "Choisissez judicieusement".

Page "Start here" sert à la fois d'intro et d'à propos. Elle présente le concept du site, des phrases motivantes, une sélection de liens vers les articles les mieux adaptés pour commencer et une présentation de David, l'entrepreneur à l'origine de How to Beast.

The blog adopts a professional tone with its square buttons of social networks in sidebar, small thumbnails and sleek design.

How to Beast c'est aussi et surtout la grosse chaîne YouTube de David (+ de 715 000 abos à l'heure où j'écris ceci) et un compte insta plus que correct (+ de 100 000 followers). Rappelons que YT rassemble un public plutôt masculin - à plus de 60%, à l'inverse d'Instagram où la proportion est inversée.

La chaîne YouTube a d'ailleurs droit à une page entière sur le site avec une galerie vidéo.

Original, effective and striking, How to Beast definitely deserves its place in this selection of best sports venues Divi !

8 - Future 500 id Camp

Adidas met en place et sponsorise ces camps d'été aux US pour promouvoir le soccer (football). Ces camps sont d'assez haut niveau et le but affiché est de permettre aux élèves de décrocher une bourse dans l'une des nombreuses universités partenaires.

So we're on a site very pro, avec une vraie ambition et d'assez gros moyens. C'est pourquoi le site ne part pas dans tous les sens : présentation assez statique, éléments encadrés proprement, photos et vidéos de haute qualité.

Voilà un bel exemple de site pro qui s'adresse à une clientèle exigeante. Les parents qui envoient leurs enfants au camp d'été investissent pour l'avenir de ces derniers. Il leur faut une image sérieuse, qui inspire confiance.

Notable plugins:

• Gravity Forms
• Bloom
• Yoast
• Optin monster
• Slider Revolution

Don't delay! Discover the theme Divi here !

9 - Mijn Personal Trainer

Here is the site d'Ayhan Tac, personal fitness coach and coach. This one page site is a good example of simple, clean and efficient online presence.

L'accueil ouvre sur un header hero which leaves room for a sticky menu with scroll. Following:

• an CTA,
• a presentation of the coach and his performances,
• a selection of testimonies,
• of the dynamic meters,
• the presentation of tariffs,
• and the site ends with the contact section.

Note the following plugins that are used for this site (among others):

• Ninja Forms
• Monarch Social Sharing
• Yoast SEO

In conclusion: which Divi sports site do you prefer?

J'espère que cette sélection de Divi sports sites aura su vous inspirer ! Vous voyez ce qu'on peut obtenir en termes de variété de tons et d'acteurs, du one-page pour athlète ou coach personnel au gros site institutionnel ou privé.

Divi really does everything!

Alors, lequel de ces sites avez-vous préféré ? J'avoue avoir un gros faible pour How to Beast (avec son double CTA très stylé en guise d'accueil) et pour le site de Maxime Chabloz (avec ses séparateurs en éclaboussures d'écume).

Voilà vous savez tout ! N'hésitez pas à donner votre avis en commentaire. De même, si vous avez un sports site made with Divi à soumettre, allez-y, vous ferez peut-être partie d'une prochaine sélection ou mise à jour 😉

Do you know you can test Divi for free? See you on this page and click on "TRY IT FOR FREE"

This article was written by David Albert, freelance editor who helps entrepreneurs publish quality content. Plus d'infos sur son site.