Inspiration: 9 examples of Divi sports sites

Published on 22/01/2020 | 0 comments

Sport is a very varied theme that covers a lot of needs and specificities. It therefore opens up to unique and very interesting designs. With these examples of Divi sports sites, you'll see what Divi can achieve in this area.

Among the sites you are going to see, some talk about a specific sport, others are dedicated to a team, training methods, coaching... If you are interested in the theme of coaching, you will find many others examples of coaching sites in this article.

The Divi sports sites analyzed here can of course be used as inspiration to create your own. It should be noted in passing that they are not presented in any particular order.

Advertisement: This article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.

1 - Maxime Chabloz: an original Divi sports site

site de sport Divi

Let's start this overview of the Divi sport sites with the one of Maxime Chabloz, Junior World Champion in kitesurfing.

This beautiful one page site offers a full width photo as a welcome, with an original separation in the shape of small foamy pieces and a scrolling parallax. We continue with:

  • A portrait photo with overlayed social network buttons.
  • A text where Maxime addresses the visitor directly.
  • A quotation followed by his track record.
  • His Instagram gallery (made with the Instagram Feed Pro plugin).
  • The list of his sponsors.
  • His YouTube videos.
  • And we end with a contact form (plugin used: Contact Form 7).

Scum splatter separation is found in several areas of the site. She brings a very appreciable personal touch in connection with Maxime's discipline.

Another interesting point is the dynamic appearance of the elements (photos, parameters, etc.) when scrolling. It brings a lot of "pep" to the site and it also reminds us of the energy that this athlete and his discipline can give off.

Notable plugins used :

  • WP Rocket
  • Contact Form 7
  • Instagram Feed Pro

2 - Cen Cal Sports: a rather institutional site

CEN CAL Sports

Cen Cal is an American sports center for young people aiming to organize courses, trainings and competitions. The objective is above all educational: to train young people physically but also morally. Several disciplines are offered, in particular basketball - golf and chess are also played.

This Divi sports site presents some interesting aspects. First of all, it is an "institutional" site and, as such, it has a more serious image and is less close to the visitor than the sites of private individuals or companies.

This image is counterbalanced by a reassuringly professional side: you will entrust your children to a solid and well-organized institute. This is reflected in the choice of fonts and colours. Here, no pastels or neon lights. The fonts are without MS and quite angular.

At the top of each page, a full-width photo is overlapped by a transparent overlay blue with a bold headline and a punchline.

The About page is in the same spirit. You have a sidebar that introduces the director and scrolling blocks for each member of the management team.

The gallery page is not very original but two things can be noted: the dynamic display of thumbnails and the possibility to filter the photos very easily.

Notable plugins used :

  • Magnificent Popup
  • Simple Calendar
  • Yoast

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

3 - Oz Tennis Leagues : a colorful site

site de sport Divi : tennis

The idea of Oz Tennis Leagues is a simple one, you just had to think about it!

This Australian site allows you to register and schedule matches with other competitors to move up in the rankings. This eliminates the need for rigid and complex structures to compete. You play when you want, where you want, with whom you want.

The home page opens with a full-page image with a call to action.

Note the design with its bold colors, basic shapes and basic fonts. From the outset, we were imbued with the idea of simplicity and originality.

The sticky menu (with scrolling reduction effect) focuses on connection features. Indeed, we are here first and foremost in a members' site. The links to the About, Contact, etc. pages are therefore at the bottom of the page.

The welcome continues with two sections in several columns that are sufficient to introduce the concept. This is followed by a variety of dynamic content, including a testimonial slider.

The site as a whole is rich in varied content: galleries, honour roll, tips, FAQ, sections for each local league... and this, just for the non-member part. The payment of membership fees is made with Stripe.

Notable plugins used :

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

4 - Mayhem in the Mountains

site de sport Divi : Mayhem

Mayhem in the Mountain is a site dedicated to lacrosse competitions (team sport of Amerindian origin).

This Divi sports site is essentially a one-page site.

It starts quite classically with a full-page image and a CTA. As you scroll, you will notice the play of colours that alternates according to the sections: brown elements on a white background and white elements on a brown background. It is this alternation that gives Mayhem in the Mountain a lot of character.

The colour layers are transparent and reveal barely visible background photos of each section. This effect is also very pleasing to the eye, while remaining rather discreet.

A contact form is available at the bottom of the main page and a link to a separate page allows you to register online for the competition.

plus de ressources pour Divi

5 - Jason Joseph : another sports site made with Divi...

site de sport Jason Joseph

After Maxime Chabloz, here is another Swiss athlete: Jason Joseph.

Jason is a sprinter specializing in the 110 meter hurdles. His site exudes a very professional and inspiring image that many sportsmen and women would like to be able to release.

Let's see the keys to this feat:

  • Solid fonts and colours. The marriage of the fonts without MS (headings and paragraphs) and MS (subheading) is impeccable.
  • The alternation of red and white with grey-blue is perfectly mastered.
  • The photos are classy. We can see that they were made by a professional who knows how to highlight his subject. Jason appears serious, focused, determined. They are rather dark, which responds to the grey-blue of the site and brings out the white and red.
  • The Divi separators are very aesthetic (double, curved with transparency effect).
  • The integration of video and photo content into the design of the site is perfectly mastered.

Also note the right mix of dynamic elements. Among them, the sticky menu with the logo who changes colour as it scrolls. I also really appreciate the dynamic appearance of the video in the About! section.

In short, a very beautiful site that is definitely worth a look.

Noteworthy plugin: Autoptimize.

6 - London Fight Factory

London Fight Factory

Here is one of the most successful Divi sports sites of this selection! London Fighting Factory is a hall dedicated to martial arts and fighting sports.

First originality: its logo! It is animated and centered at the top of the page. On either side of it, you will find two buttons. The first leads to the section that will answer the question most visitors ask themselves, the rates. The second, on the right, is a CTA that offers a free trial.

These two buttons immediately define the site and orange. Punchy!

It follows the menuwhich is very personalized. The classic Contact, Blog and Location (location) pages are linked to more specific pages such as Courses, Schedule, Instructors (team), "why I train" (testimonials)...

The content is therefore not so original, but its presentation and wording makes it stand out.

London Fighting Factory's other major highlight is its site footer ! A thumbnail gallery with dynamic display points to different parts of the site.

Then we find a newsletter registration formThe site has a lot of features, contact information and social network buttons, all of course with the site's colors.

Notable plugins used :

  • Gravity Forms
  • DuracellTomi
  • Yoast
  • Magnificent Popup

Need more inspiration? Discover all the official Divi Showcases.

7 - How to Beast

how two beast

How to Beast is a site about physical training, mental conditioning and nutrition. It is therefore aimed at men who want to gain weight by going to the gym and become more confident...

With its sleek design and bold characters, How to Beast screams masculinity!

He hits hard right from the front desk with a double CTA with full-page badass pictograms.

You have the choice between "getting muscular" and "getting confident". Between the two images, you are warned: "Choose wisely".

The "Start here" page serves as both an intro and an apropos. It presents the concept of the site, motivational sentences, a selection of links to the best articles to get you started, and a presentation by David, the entrepreneur behind How to Beast.

The blog takes on a professional tone with its square social networking sidebar buttons, small thumbnails and sleek design.

How to Beast is also and above all David's big YouTube channel (more than 715,000 subscribers at the time I'm writing this) and a more than correct insta account (more than 100,000 followers). It should be remembered that YT has a rather male audience - over 60%, unlike Instagram where the proportion is reversed.

The YouTube channel is also entitled to a full page on the site with a video gallery.

Original, efficient and punchy, How to Beast definitely deserves its place in this selection of the best Divi sports sites!

8 - Future 500 id Camp

site de sport Divi : Future

Adidas sets up and sponsors these summer camps in the US to promote soccer (football). These camps are of a fairly high standard and the stated aim is to enable students to obtain a scholarship at one of the many partner universities.

So we are on a very professional site, with a real ambition and quite big means. This is why the site does not go in all directions: rather static presentation, neatly framed elements, high quality photos and videos.

This is a good example of a professional site that is aimed at a demanding clientele. Parents who send their children to summer camp are investing in their children's future. They need a serious image that inspires confidence.

Notable plugins :

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

Don't delay any longer! Discover the Divi theme here !

9 - Mijn Personal Trainer

This is the website of Ayhan Tac, coach and personal trainer in fitness. This one page site is a good example of a simple, streamlined and effective online presence.

The home page opens with a header hero which gives way to a sticky menu on scroll. Next:

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?

I hope this selection of Divi sports sites will have inspired you! You see what you can get in terms of variety of tones and actors, from one-page for athletes or personal coaches to large institutional or private sites.

Divi really makes everything possible!

So, which of these sites did you prefer? I have a big weakness for How to Beast (with its very stylish double CTA as a welcome) and for the Maxime Chabloz site (with its foam splash separators).

Now you know everything! Feel free to give your opinion as a comment. Also, if you have a sports site made with Divi to submit, go ahead, you may be part of a future selection or update 😉.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE"

Sites de sport Divi
site de sport fait avec Divi

This article was written by David Albert, a freelance writer who helps entrepreneurs publish quality content. More information on his website.

Sport Website made with Divi

1,993 words


You should like it too:

Vidéo mise en avant dans les articles Divi avec ACF

Video highlighted in Divi articles with ACF

This step-by-step tutorial shows you how to create a new custom field in your Divi Articles to add highlighted YouTube videos. You can do this easily with the Theme Builder and ACF.

0 commentaires

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Share This