Monatliches Vorlagen-Kit #2: Erstellen Sie eine schöne Fitness-Website

Letzten Monat haben wir das erste unserer monatlichen Reihe von Elementor-Vorlagen-Kits veröffentlicht. Die Resonanz unserer Community war erstaunlich. Viele Benutzer wurden mit der Veröffentlichung super-verstärkt und wollten mehr:

Diesen Monat haben wir uns entschlossen, in Form zu kommen und ein komplettes Website-Kit herauszubringen, das einem professionellen Fitnessstudio gewidmet ist. Schnappen Sie sich Ihren Proteinshake, beugen Sie Ihren Bizeps und pumpen Sie das Eisen! Dieses Kit wird Sie garantiert aufpolieren.

Dieses Kit ist für alle Benutzer von Elementor Pro 100 % KOSTENLOS und beinhaltet:

Wie bei unserem vorherigen Bausatz haben wir bei der Perfektionierung dieses Vorlagenbausatzes keine Abstriche gemacht. Es ist für viel mehr als nur ein Augenschmaus gebaut. Hier sind die Vorteile, die die Kits von Elementor aus dem Meer der Vorlagen herausstechen:

• Professionelles Design – Jede Seite, jeder Abschnitt und jedes Widget wurde unter Berücksichtigung der Best Practices verwendet und bearbeitet.
• Eine reiche Auswahl an Elementen – Das Kit wird mit einer Vielzahl von Elementor-Funktionen geliefert. Dazu gehören Popups, Mischmodi, Parallax-Scrolling, Navigator und mehr.
• Bildoptimierung – Alle Bildgrößen wurden optimiert.
• Benannte Abschnitte – Wir haben jede Ebene im Navigator benannt, damit Sie jedes Element auf der Seite leicht lokalisieren und auswählen können und wissen, was was tut.
• 100 % mobil ansprechend – Alle Assets wurden mit Blick auf die mobile Reaktionsfähigkeit entwickelt.

Mit unseren monatlichen Template-Kits möchten wir sicherstellen, dass wir unseren Nutzern ein breites Spektrum an Designs bieten. Aus diesem Grund haben wir uns für die Veröffentlichung eines Gym-Vorlagen-Kits entschieden, das sich stark vom vorherigen Digital Agency-Kit unterscheidet.

Der vorherige Bausatz war minimalistisch und schlicht, während dieser mutig ist und lebendige Farben und markante Elemente enthält. Da es sich um Training und Sport handelt, haben wir in viele Elemente der Vorlagen Bewegung integriert. Wir haben auch viele Bilder eingefügt, da Sport und Freizeit unter die visuelle Kategorie fallen.

Die leuchtend blauen und gelben Neonfarben tragen zum kühnen Design bei. Sie entsprechen auch den Farben, die Sportler oft in Fitnessstudios auf der ganzen Welt tragen.
Auch die Typografie passt zu unserem Design und trägt „Racing Sans One“.
Das kühne, lebendige Design des Kits macht es möglicherweise schwierig, es für andere Bereiche anzupassen. Es kann jedoch hervorragend zu Themen wie Coaching, Yoga und anderen aktivitätsbezogenen Bereichen passen.

Lassen Sie uns die Assets durchgehen und sehen, was darin enthalten ist.

Sie müssen den ersten Heldenabschnitt lieben, den Sie auf der Homepage sehen. Das Bild des hemdlosen und gebufften Sportbegeisterten ist nicht zu übersehen und erregt sofort die Aufmerksamkeit des Besuchers. Die Botschaft passt zu derselben Idee, mit motivierenden Kraftsätzen wie "Sei der Beste, der du sein kannst".

Beim Scrollen bewegt sich das Bild so, dass die tatsächliche Bewegung des Trainingsgeräts simuliert wird.

Es gibt viele bemerkenswerte Elemente im ganzen Rest der Seite, wie die Verwendung von subtilen Animationen, die das Bewegungsthema fortsetzen; die kartenartigen Bilder, die voreinander positioniert sind und die Trennlinien, die die verschiedenen Bereiche auf der Seite aufteilen.

Auf der About-Seite des Fitnessstudios finden Sie viel mehr visuelles. Die Seite erzählt die Geschichte unseres Fitnessstudios mit wenigen Worten und vielen Bildern, verteilt auf Widgets und Hintergründe.

Jedes richtige Fitnessstudio sollte seinen wertvollsten Besitz hervorheben – den Trainer. In dieser Vorlage haben wir Maria Morales, unsere TRX-Trainerin, hervorgehoben. Die Seite zeigt Marias Fähigkeiten anhand eines Fortschrittsbalkens und enthält unten eine weitere Call-to-Action-Alternative.

Bist du ein Bodybuilder oder eher eine CrossFit-Person? Auf dieser Seite finden Sie ein schönes Layout, das für Klassen, Listen oder sogar Beiträge verwendet werden kann. Das Testimonial-Karussell am unteren Rand dient als sozialer Beweis für die Effektivität unseres Fitnessstudios.

Obwohl diese Seite für einen Fitnesskurs gedacht ist, kann sie als großartiges Beispiel dafür dienen, wie man eine inhaltsreiche Seite auf eine für den Besucher leicht verdauliche und lesbare Weise erstellt. Die klare Trennung der einzelnen Abschnitte durch eine andere Hintergrundfarbe sowie die clevere Verwendung von Symbollisten, Fortschrittsbalken, Akkordeons und Spalteninhalten tragen dazu bei, dass diese Seite großartig aussieht. Die Seite enthält auch eine klebrige Seitenleiste, die den Besuchern beim Scrollen folgt und sie dazu verleitet, sich anzumelden.

Auf dieser Seite haben wir die Übereinstimmung zwischen der Übung und dem Scroll-Effekt wiederholt. Dies hilft, den Gewichthebeeffekt zu erzeugen. Für die Sportfans, die täglich eine Dosis Fitness-Updates erhalten müssen, haben wir eine Nachrichtenseite erstellt, die aktuelle Artikel rund um Fitness visuell anzeigt.

Kein Fitnessstudio kann ohne einen ständigen Strom neuer Abonnenten überleben. Aus diesem Grund finden Sie auf unserer Kontaktseite Öffnungszeiten, ein Kontaktformular, die Anschrift und weitere Kontaktdaten.

Bevor du dich um deinen Körper kümmerst, kümmere dich um das, was drin ist (sorry für das schlechte Wortspiel).

Diese Seite bietet eine kreative Verwendung unseres Bildkarussells, das kreativ zwischen der '4' und '4' platziert wurde, aus denen die 404-Seite besteht.

Der Header des Gyms ist klebrig und folgt dem gleichen Design des gesamten Kits. Für den Footer haben wir uns für ein verlängertes Design entschieden, das einen USP, Kontaktdaten, ein Kontaktformular und Social Media Links beinhaltet.

Wenn Sie in der Kopfzeile auf den Link Join Us klicken, wird das Popup angezeigt. Für dieses Kit sind wir aus dem normalerweise verpackten Popup herausgetreten und haben ein interessanteres Layout für den speziellen Sommerverkauf des Fitnessstudios erstellt.

Welche Vorlagen möchten Sie als nächstes sehen? Lass es uns in den Kommentaren unten wissen.