Miesięczny zestaw szablonów nr 2: Zbuduj piękną witrynę fitness

Opublikowany: 2019-09-03

W zeszłym miesiącu wydaliśmy pierwszy z naszej comiesięcznej serii zestawów szablonów Elementor. Reakcja naszej społeczności była niesamowita. Wielu użytkowników było bardzo podekscytowanych wydaniem i chciało więcej:

Introducing-Elementor

W tym miesiącu postanowiliśmy zadbać o formę i opublikować cały zestaw internetowy poświęcony profesjonalnej siłowni. Chwyć koktajl proteinowy, napnij bicepsy i pompuj żelazko! Ten zestaw z pewnością cię wzmocni.

Ten zestaw jest w 100% BEZPŁATNY dla wszystkich użytkowników Elementor Pro i zawiera:

  • 7 stron z treścią
  • Szablony nagłówków i stopek
  • Szablon wyskakujący
  • Szablon 404
  • Szablony pojedyncze i archiwalne
  • ~60 darmowych obrazów CC0
  • 9 oryginalnych ikon
  • 2 dobrze zaprojektowane formularze kontaktowe
  • Szeroka gama efektów animacji i ruchu

Dlaczego warto korzystać z tego zestawu

Why-Use-This-Kit

Podobnie jak w przypadku naszego poprzedniego zestawu, nie poszliśmy na skróty w procesie doskonalenia tego zestawu szablonów. Został stworzony z myślą o znacznie więcej niż tylko urodzie. Oto zalety, które sprawiają, że zestawy Elementora wyróżniają się w morzu szablonów:

  • Profesjonalny projekt – Każda strona, sekcja i widżet zostały wykorzystane i edytowane z myślą o najlepszych praktykach.
  • Bogata gama elementów — zestaw zawiera szeroką gamę funkcji Elementora. Należą do nich wyskakujące okienka, tryby mieszania, przewijanie paralaksy, nawigator i inne.
  • Optymalizacja obrazu – Wszystkie rozmiary obrazów zostały zoptymalizowane.
  • Nazwane sekcje — nazwaliśmy każdą warstwę w Nawigatorze, dzięki czemu możesz łatwo wskazać i wybrać każdy element na stronie i wiedzieć, co robi.
  • 100% responsywność na urządzeniach mobilnych — wszystkie zasoby zostały zbudowane z myślą o responsywności na urządzeniach mobilnych.

Zestaw szablonów siłowni: odważny i żywy design

Dzięki naszym comiesięcznym zestawom szablonów chcemy mieć pewność, że oferujemy naszym użytkownikom szerokie spektrum wzorów. Dlatego zdecydowaliśmy się na wydanie zestawu szablonów Gym, który różni się znacznie od poprzedniego zestawu Digital Agency.

Poprzedni zestaw był minimalistyczny i prosty, podczas gdy ten jest odważny i zawiera żywe kolory i uderzające elementy. Ponieważ mówimy o ćwiczeniach i sporcie, uwzględniliśmy ruch w wielu elementach szablonów. Zamieściliśmy również wiele obrazów, ponieważ sport i rekreacja należą do kategorii wizualnej.

Jaskrawy niebieski i żółty neonowy kolor przyczyniają się do odważnego projektu. Odpowiadają również kolorom, które sportowcy często noszą na siłowniach na całym świecie.
Typografia również pasuje do naszego projektu i zawiera „Racing Sans One”.
Odważny, żywy design zestawu może utrudnić dostosowanie go do innych dziedzin. Może jednak doskonale pasować do tematów takich jak coaching, joga i inne obszary związane z aktywnością.

Przyjrzyjmy się zasobom i zobaczmy, co zawiera.

Szablon strony głównej siłowni: fajny efekt paralaksy

Home-page

Musisz pokochać pierwszą sekcję bohaterów, którą zobaczysz na stronie głównej. Nie można zignorować wizerunku entuzjasty bez koszuli i wysportowanych ćwiczeń, który od razu przykuwa uwagę zwiedzającego. Komunikat pasuje do tego samego pomysłu, z motywującymi zdaniami, takimi jak „Bądź najlepszy, jakim możesz być”.

Podczas przewijania obraz porusza się w sposób, który symuluje rzeczywisty ruch maszyny do ćwiczeń.

W pozostałej części strony znajduje się wiele godnych uwagi elementów, takich jak użycie subtelnych animacji, które kontynuują motyw ruchu; obrazy przypominające karty umieszczone jeden przed drugim oraz linie podziału, które dzielą różne obszary na stronie.

Strony z informacjami i trenerami: Rzut oka na załogę siłowni

gym-about-trainer

Możesz uzyskać znacznie więcej informacji wizualnych na stronie z informacjami o siłowni. Strona opowiada historię naszej siłowni za pomocą kilku słów i całej masy obrazów, rozsianych po widgetach i tłach.

Każda porządna siłownia powinna podkreślać swoje najcenniejsze posiadanie — trenera. W tym szablonie wyróżniliśmy Marię Morales, naszą trenerkę TRX. Strona przedstawia umiejętności Marii za pomocą paska postępu i zawiera inną alternatywę wezwania do działania na dole.

Strony dotyczące zajęć i sprawności: kreatywne sposoby wyświetlania informacji

Classes

Jesteś kulturystą lub bardziej crossfitowym? Na tej stronie znajdziesz fajny układ, który można wykorzystać do zajęć, list, a nawet postów. Karuzela z referencjami na dole służy jako społeczny dowód skuteczności naszej siłowni.

Mimo że ta strona jest przeznaczona na zajęcia fitness, może służyć jako doskonały przykład tego, jak zbudować bogatą w treść stronę w sposób, który będzie łatwo przyswajalny i czytelny dla odwiedzającego. Wyraźne oddzielenie każdej sekcji przy użyciu innego koloru tła, a także sprytne wykorzystanie list ikon, pasków postępu, akordeonów i zawartości kolumnowej sprawiają, że ta strona wygląda świetnie. Strona zawiera również przyklejony pasek boczny, który śledzi odwiedzających podczas przewijania i zachęca ich do zarejestrowania się.

Ceny, wiadomości i strony kontaktowe: uzupełnianie stron zestawu

Blog+Post+contact+pricing

Na tej stronie powtórzyliśmy dopasowanie ćwiczenia do efektu przewijania. Pomaga to stworzyć efekt podnoszenia ciężarów. Dla fanatyków sportu, którzy muszą otrzymywać codzienną dawkę aktualizacji z siłowni, stworzyliśmy stronę z wiadomościami, która wizualnie wyświetla najnowsze artykuły o wszystkim, co dotyczy fitnessu.

Żadna siłownia nie przetrwa bez ciągłego napływu nowych subskrybentów. Dlatego nasza strona kontaktowa zawiera godziny otwarcia, formularz kontaktowy, adres i inne dane kontaktowe.

Zanim zadbasz o swoje ciało, zadbaj o to, co jest w środku (przepraszam za złą grę słów).

Strona 404: Obrazy służą jako „0”

Ta strona zawiera kreatywne wykorzystanie naszej karuzeli obrazów, która została twórczo umieszczona między cyframi „4” i „4”, które tworzą stronę 404.

Nagłówek i stopka: nie możesz przegapić tych neonowych kolorów

Header+Footer

Nagłówek siłowni jest lepki i ma ten sam projekt, co cały zestaw. W stopce wybraliśmy rozbudowany projekt, który zawiera USP, dane kontaktowe, formularz kontaktowy oraz linki do mediów społecznościowych.

Popup: fajne animowane pudełka

Jeśli klikniesz łącze Dołącz do nas w nagłówku, pojawi się wyskakujące okienko. W przypadku tego zestawu wyszliśmy poza zwykle pudełkowe okienko i stworzyliśmy ciekawszy układ na specjalną letnią wyprzedaż siłowni.

Jak zdobyć zestaw

Dobrze zaprojektowana strona inspiruje dobrze zaprojektowane ciało! Jeśli masz Elementor Pro, wszystko, co musisz zrobić, aby cieszyć się tym najnowocześniejszym zestawem, to wejść do Elementora, otworzyć bibliotekę szablonów i wyszukać „Siłownia”.

Jakie szablony chciałbyś zobaczyć dalej? Daj nam znać w komentarzach poniżej.