12 przykładów stron internetowych z osobistym coachingiem Divi

Coaching osobisty to popularna branża zarówno w sieci, jak i poza nią. Osoby świadczące usługi coachingu osobistego potrzebują dobrze zaprojektowanych stron internetowych, aby informować potencjalnych klientów o ich usługach i produktach. Na szczęście istnieje wiele osobistych witryn coachingowych stworzonych za pomocą Divi, które pomogą pobudzić Twoją wyobraźnię. W tym artykule przyjrzymy się 12 przykładom witryn z osobistym coachingiem Divi.

Coaching osobisty obejmuje wiele tematów, w tym styl życia, zdrowie, finanse, relacje, kariery i wiele innych. Potrzeby trenera osobistego różnią się w zależności od trenera ze względu na szeroki zakres usług. Większość z nich obejmuje formularze rejestracyjne, informacje o rezerwacji, produkty, dane kontaktowe, blogi i nie tylko. Niektórzy oferują swoje usługi za pośrednictwem swoich stron internetowych, podczas gdy inni używają swoich stron internetowych do prezentacji swoich produktów.

Te 12 stron internetowych nie jest uporządkowanych w określonej kolejności. Na koniec mamy nawet bonus – stronę z osobistym coachingiem zrobioną z Extra. Spójrzmy…

1. Bursztynowy Chalus

Amber Chalus używa pełnoekranowego obrazu ze stylizowanym formularzem rejestracji e-mail po prawej stronie ekranu. Poniżej znajduje się sekcja o czcionkach stylizowanych na markowe kolory. Dalej znajduje się sekcja o pełnej szerokości z obrazami, które prowadzą do stron, sekcja bloga, sekcja o pełnej szerokości z cytatem przy użyciu eleganckiej białej czcionki na niebieskim tle oraz sekcja dotycząca właściciela witryny z obrazem, tekstem i ikony mediów, w których została wyróżniona. Nawigacja jest prosta, bez rozwijanych menu. Układ wygląda dobrze, a strona używa delikatnego błękitu i eleganckich czcionek.

2. Cortney McDermott

Cortney McDermott zawiera pełnoekranowy obraz z hasłem, po którym następuje pełnowymiarowa sekcja ikon multimediów i formularz rejestracji e-mail. Sekcja informacyjna wykorzystuje moduł tekstowy z kolorem tła i elegancką czcionką jako wiadomość Czytaj więcej. Trzy wezwania do działania (wezwania do działania) ustawiają się poziomo, a następnie pełnoekranowy obraz jako referencja. Sekcja bloga wykorzystuje trzy klikalne obrazy. Dalej znajduje się książka CTA, linki do mediów i stopka z formularzem rejestracji. Witryna świetnie wykorzystuje obrazy i czcionki.

3. Heidi Róża

Heidi Rose wyświetla pełnoekranowy obraz z logo, sloganem i stylizowanym przyciskiem. Kliknięcie przycisku przeniesie Cię do ekranu głównego, odsłaniając obraz pełnoekranowy i górną nawigację. Przewijanie wyświetla kilka sekcji z motywującymi wiadomościami, wezwaniem do działania i menu stopki. Blog wyświetla trzy obrazy na całej szerokości nad tytułem posta. Same posty są wyśrodkowane w jednej kolumnie bez paska bocznego, tworząc elegancki wygląd. Strona Pracuj ze mną wykorzystuje stylowy układ z naprzemiennymi obrazami z tekstem w paralaksie. Sklep jest zasilany przez WooCommerce. Witryna doskonale wykorzystuje układy, czcionki i obrazy.

4. Zaloty a randki

Zaloty vs randki używają suwaka o pełnej szerokości z CTA i formularzem biuletynu. Przewijanie ujawnia CTA dla książki z obrazem i opisem oraz listę książek z linkami do sklepu Kindle. Trzykolumnowa sekcja informacyjna wykorzystuje tekst i ikony. Sekcja wydarzeń wyświetla obraz z linkiem do strony wydarzeń. Poniżej znajduje się sekcja z referencjami, sekcja bloga i stopka z markowymi kolorami. Witryna dobrze wykorzystuje markowy kolor.

5. Coaching wglądu

Insight Coaching wykorzystuje duży nagłówek z logo i sloganem nad menu. Obraz o pełnej szerokości zawiera slogan z dodatkowymi informacjami. Przewijanie ujawnia sekcję z trzema kolumnami z notatkami z ikonami i linkami dotyczącymi usług. Sekcja Informacje umieszcza tekst w bloku stylizowanym. Sekcja informacyjna zawiera informacje w punktach. Sekcja referencje wykorzystuje lustrzaną wersję obrazu nagłówka jako tło. Strona jest prosta i dobrze wykorzystuje kolory i czcionki dla docelowych odbiorców.

6. Michelle Luft

Michelle Luft używa obrazu o pełnej szerokości z CTA i systemem czatu obsługiwanym przez Tawk.To. Zawiera slogan umieszczony na obrazie tła w paralaksie. Obrazy w kółkach zawierają linki do usług. Animowana sekcja informacji wyświetla pokaz slajdów nad formularzem kontaktowym. Sekcja bloga wyświetla posty w postaci suwaka. Referencje są umieszczane na tym samym tle paralaksy co slogan. Stopka zawiera osadzony link do Facebooka. Kalendarz wydarzeń jest zasilany przez WP Event Plus. Układ jest przejrzysty i wykorzystuje kolorowe obrazy tła, aby dopasować się do tematu.

7. We2Me

We2Me używa pełnoekranowego obrazu z logo w paralaksie. Przewijanie ujawnia deklarację misji jako cytat, po którym następują linki do różnych stron. Sekcje strony głównej są oddzielone pełnoekranowymi obrazami w paralaksie z tekstem wprowadzającym. Sekcje wykorzystują obrazy, tekst, wideo itp. Zawiera łącza do artykułów w prasie, osadzone audio, formularz kontaktowy i czterokolumnową sekcję z CTA. Subskrypcje są obsługiwane przez WooCommerce. Witryna wykorzystuje markowy kolor, aby przyciągnąć grupę docelową.

8. Oddychaj i rozkoszuj się

Oddychaj i Bliss używa pełnoekranowego obrazu tła z obracającym się komunikatem w paralaksie. Sekcja informacyjna wykorzystuje tekst nagłówka z widocznym obrazem tła. Blury dla usług są umieszczane na tle w paralaksie. Dwie kolumny dotyczące sekcji wyświetlają obraz z jednej strony i punktory z drugiej. CTA o pełnej szerokości wyświetla obrazy przedstawiające zajęcia i warsztaty. Zawiera również kanał Instagram o pełnej szerokości. Markowe kolory są używane do tworzenia nastroju.

9. Alchemik mojego serca

My Heart Alchemist wyświetla obraz o pełnej szerokości ze sloganem w nakładce, linku i CTA. Sekcja about opisująca problemy wykorzystuje tekst wyśrodkowany. Cytat osobisty jest umieszczany w sekcji tekstu o pełnej szerokości przy użyciu kolorowego tła. Kolaż obrazów o pełnej szerokości wykorzystuje oświadczenie w nakładce jako wezwanie do działania. Sekcja Informacje wyświetla korzyści, a następnie pełnowymiarową referencję i pełnowymiarowe wezwanie do działania z obrazem i tekstem, a cała sekcja jest linkiem. Rezerwacja jest obsługiwana za pomocą formularza LeadBox. Witryna świetnie wykorzystuje markowe kolory, obrazy i CTA.

10. Głębsze niż to

Deeper Than That wyświetla obraz o pełnej szerokości z wezwaniem do działania, po którym następuje slogan na obrazie o pełnej szerokości w paralaksie. Sekcja bloga wykorzystuje animację najechania. Sekcja Informacje umieszcza pole tekstowe z linkiem po jednej stronie obrazu pełnoekranowego. Osadzone filmy YouTube wyświetlają fragment filmu z linkami do oglądania filmów w YouTube. Sekcja Instagram wyświetla kanały Instagrama w siatce murowanej. Stopka zawiera formularz rejestracji e-mail, łącza do stron i informacje kontaktowe. Pobrane pliki to osadzone pliki z Dropbox. Strona tworzy nastrój za pomocą czerni i bieli.

11. Laurie Erdman

Laurie Erdman używa dwukolumnowej sekcji z dużym obrazem po jednej stronie i formularzem rejestracji po drugiej, który jest zasilany przez ActiveCampaign. Sekcja o pełnej szerokości wyświetla slogan na deseniu tła. Przewijanie ujawnia osadzony film z linkiem, aby usłyszeć więcej, obrazy z kategoriami bloga z animacją najechania, dwukolumnową sekcję z referencjami z jednej strony i linkami do multimediów z drugiej oraz stopkę z linkami i przyciskami śledzenia w mediach społecznościowych. Sklep jest zasilany przez WooCommerce. Witryna świetnie wykorzystuje kolory i obrazy.

12. Dzikie Święte

Wild Sacred wykorzystuje pudełkowy projekt z wyśrodkowanym logo, które zawiera kolorowy splash, który jest używany w całej witrynie jako wyróżnienie za tekstem nagłówka. Dzięki dwukolumnowemu projektowi strona zawiera obraz z jednej strony, z wiadomością powitalną i formularzem biuletynu z drugiej. Poniżej znajduje się seria obrazów z nakładką tekstową po jednej stronie jako CTA. Część tekstu jest umieszczona po jednej stronie obrazów o pełnej szerokości. Referencje są wyświetlane na suwaku o pełnej szerokości. Zakupy na kursy są obsługiwane przez WooCommerce. Strona doskonale wykorzystuje kolor i fotografię.

Bonus: Dodatkowy przykład – Nadzieja i centy

Hope and Cents zawiera obraz pełnoekranowy z hasłem i CTA w paralaksie. Strona główna zawiera układ jednokolumnowy z paskiem bocznym, który zawiera suwak postów, moduł postów z zakładkami ze wszystkimi kategoriami, wezwanie do newslettera oraz popularne i najnowsze posty w dwóch kolumnach. Pasek boczny wyświetla przyciski obserwowania społecznościowego, widżet dotyczący informacji, ikony multimediów, certyfikat nagrody i ostatnie tweety. Stopka wyświetla duże wyśrodkowane logo i menu. Strona Pracuj ze mną przechodzi przez każdą z usług, oddzielając je obrazami o pełnej szerokości w paralaksie. Ma przejrzysty układ i doskonale wykorzystuje kolory, i jest dobrym przykładem wykorzystania modułów magazynu Extra do stworzenia zwykłej strony internetowej.

Końcowe przemyślenia

Te 12 witryn Divi i 1 witryna Extra to świetne przykłady osobistych witryn coachingowych, niezależnie od tematu coachingu. Niezależnie od tego, czy potrzebujesz inspiracji dla układów, kolorów, czcionek, danych kontaktowych, formularzy rejestracyjnych, informacji o rezerwacji, produktów, blogów itp., na pewno znajdziesz tu coś, co pomoże Ci w następnym projekcie Divi dla osobistych trenerów.

Chcielibyśmy usłyszeć od Ciebie. Jakie są Twoje ulubione elementy projektu z tych przykładów witryn coachingu osobistego Divi? Daj nam znać, co myślisz w komentarzach poniżej.

Polecany obraz za pośrednictwem Vector Goddess / shutterstock.com