Case study: realizacja strony www opartej o system WordPress dla pasjonatki zdrowego stylu życia i Pilatesu

W niniejszym wpisie chciałabym Ci przybliżyć realizację strony www, którą miałam przyjemność zaprojektować i wykonać dla mojej Klientki Kasi Rozwalki, prowadzącej markę osobistą Kasia Fit Pilates, która zgłosiła się do mnie na początku marca 2024.

Kasia jest niesamowitą kobietą, taka prawdziwa kobieta-rakieta! Początek roku to był dla niej duży wzrost liczby obserwujących jej profil na Instagramie, w związku z tym zdecydowała się na spełnienie swojego marzenia i dzielenie się swoją pasją w treningach online, które chciała sprzedawać w swoim sklepie.

KROK 1: Brief/spotkanie organizacyjne

Na pierwszym spotkaniu zadałam Kasi wiele pytań o jej wizję strony, niezbędne funkcjonalności oraz grupę docelową. Kasia nie miała jeszcze swojego logo ani określonej identyfikacji wizualnej (kolory, fonty), więc przekazałam jej kontakt do Kamili z @kreatyvniej, aby była zaopiekowana w tym obszarze.

Kasia miała już domenę, więc musiałyśmy wybrać hosting. Poleciłam jej lh.pl – polską firmę z atrakcyjnymi cenami i świetną obsługą klienta. Dodatkowo mogłam podzielić się kodem rabatowym, obniżającym cenę zakupu pierwszego hostingu, jak i jego kontynuacji aż o 20% – jeśli również chcesz skorzystać z tej możliwości, wpisz w koszyku kod: LH-20-287567.

Musiałyśmy również ustalić kwestię techniczne związane ze sprzedażą i udostępnianiem materiałów treningowych dla kursantów. Podpowiedziałam Kasi dwa hostingi wideo: Vimeo oraz Adillo.

KROK 2: Kolorystyka

Zaczęłyśmy od wyboru palety. Kasia od razu wskazała na łososiowy i szary, bo te kolory dominują w jej strojach treningowych. Wybrałam kolory korzystając z narzędzia Coolors i czekałam na aprobatę Klientki. Wszystko zostało zaakceptowane od razu i mogłam przystąpić do następnych kroków.

KROK 3: Struktura strony www opartej o system WordPress

Zdecydowałyśmy się na sześć zakładek:

STRONA GŁÓWNA - krótkie przedstawienie oferty oraz przekierowania do pozostałych podstron
OFERTA - osobna podstrona z pełną informacją o platformie treningowej
SKLEP - czyli miejsce, gdzie można zakupić treningi online
O MNIE — czyli strona, na której możesz poznać Kasię bliżej
BLOG - od samego początku chciałyśmy zadbać o odpowiednie pozycjonowanie strony w wyszukiwarce Google, dlatego zdecydowałyśmy się na umieszczenie od razu pierwszego artykułu na temat treningu Pilates
KONTAKT – osobna podstrona z formularzem kontaktowym oraz innymi miejscami w sieci, gdzie możesz spotkać Kasię
FAQ - podstrona z najczęściej zadawanymi pytaniami i odpowiedziami na nie, adres do tej podstrony umieściłyśmy w mailu po zakupie treningów
MOJE KONTO - łatwy dostęp do platformy treningowej i zakupionych produktów bezpośrednio z menu

Dodatkowo w dolnym pasku znajduje się zakładka Polityka prywatności oraz plików Cookies oraz Regulamin sklepu – nie możesz zapomnieć o tych dwóch elementach, ponieważ bez nich nie zostanie aktywowana obsługa szybkich płatności, które są niezbędne w sklepie online.

KROK 4: CMS, motyw i page bulider

Strona powstała w WordPress – bezpłatnej platformie do tworzenia witryn internetowych typu open source. Na bardziej technicznym poziomie WordPress to system zarządzania treścią (CMS) napisany w języku PHP, który wykorzystuje bazę danych MySQL. WordPress to stosunkowo proste w użyciu narzędzie do tworzenia blogów i witryn internetowych.

Użyłam motywu Astra – i muszę przyznać, że obecnie jest to mój ulubiony motyw. Pozwala stworzyć niemal każdy rodzaj strony, jest kompatybilny z WooCommerce (bezpłatna wtyczka do utworzeniu sklepu wewnątrz strony www), a strony na nim zbudowane wyglądają profesjonalnie i estetycznie. Motyw jest szybki i responsywny (czyli wygląda dobrze również na telefonie), co jest szczególnie istotne, ponieważ większość ruchu na stronach internetowych obecnie odbywa się przez te urządzenia.

Motyw potrzebuje również page buildera, czyli edytora blokowego do budowania kolejnych sekcji. Ja zdecydowałam się na Elementora, ponieważ bardzo przyjemnie mi się na nim pracuje, jest kompatybilny z większością dostępnych motywów oraz ma sporo dodatków, dzięki którym możemy poszerzyć funkcjonalność.

Elementor działa na zasadzie Drag&Drop – przeciągnij i upuść. Moim zdaniem jest to najlepsza wtyczka do tworzenia stron internetowych, która jest bardzo szybkim oraz nieskomplikowanym narzędziem. Plugin ten posiada funkcję Live Preview, czyli pogląd strony w trakcie tworzenia. Równie chętnie korzystam również z dodatku Elementor Header/Footer, aby stworzyć menu i stopkę (dodatkowo mam tam możliwość utworzyć dla konkretnej strony inną stopkę lub menu, co jest cenne w przypadku sklepu online, aby unikać zbędnych rozpraszaczy.

KROK 5: Wtyczki i inne funkcjonalności

Zdecydowanie jestem zwolenniczką prostoty i minimalizmu, bez zbędnych bajerów, dlatego doskonale znalazłyśmy z Kasią wspólny język i miałam nadzieję, że projekt jej się spodoba.

Podczas tworzenia strony dla Kasi, kluczowe było dobranie odpowiednich narzędzi, które zapewnią funkcjonalność, łatwość obsługi i optymalizację pod kątem SEO. Poniżej przedstawiam wtyczki, które zastosowałam w projekcie, aby strona była nie tylko estetyczna, ale także wydajna, bezpieczna i łatwa w zarządzaniu. Każda z tych wtyczek została starannie wybrana, aby spełnić konkretne potrzeby i oczekiwania.

All in One SEO - kompleksowa wtyczka do optymalizacji SEO, pomagająca poprawić widoczność strony w wyszukiwarkach.
Checkout Field Editor for WooCommerce - umożliwia dostosowywanie pól w formularzu zamówienia WooCommerce, co pozwala na edycję, dodawanie i usuwanie pól.
CookieYes | GDPR Cookie Consent - wtyczka do zarządzania zgodami na pliki cookie zgodnie z przepisami RODO, umożliwiająca łatwe wyświetlanie banerów z informacjami o cookies.
Loco Translate - narzędzie do tłumaczenia wtyczek i motywów bezpośrednio w panelu WordPress, wspierające lokalizację strony.
Omnibus - pokaż najniższą cenę - pozwala wyświetlać najniższą cenę produktu w ciągu ostatnich 30 dni, co jest wymagane w sklepie e-commerce, zgodne z unijną dyrektywą Omnibus.
Sequential Order Numbers for WooCommerce - zachowuje kolejność numerów zamówień w WooCommerce.
Sierotki - automatycznie zapobiega pozostawianiu sierotek w tekstach na stronie, poprawiając estetykę wyświetlania.
Smash Balloon Instagram Feed - wtyczka do łatwego osadzania i dostosowywania feedów z Instagrama na stronie WordPress.
UpdraftPlus - Kopia/przywracanie - popularna wtyczka do tworzenia kopii zapasowych i przywracania danych strony WordPress.
WP Mail SMTP - rozwiązuje problemy z dostarczaniem maili z WordPressa, konfigurując poprawne ustawienia SMTP.
WPForms Lite - prosta w użyciu wtyczka do tworzenia formularzy kontaktowych na stronach WordPress.

KROK 6: Platforma kursowa

Jednym z ważniejszych założeń Kasi odnośnie jej przyszłej strony była sprzedaż programów treningowych online, które planowała nagrywać. Dlatego też zdecydowałam się na wykorzystanie wtyczki Tutor LMS.

Co prawda wtyczka ta najczęściej jest wykorzystywana do typowych kursów online, ale w przypadku treningów (czyli materiału wideo) również była świetnym rozwiązaniem. Tutor LMS (nawet w wersji bezpłatnej!) umożliwia nadawanie dostępów do konkretnych materiałów kursowych (w tym przypadku osadzone na stronie wideo) bezpośrednio po zakupie wybranego produktu, a także umożliwia łatwe zarządzanie kursami online, co oszczędza czas i ułatwia organizację.

Potrzebujesz własnej platformy kursowej lub rozważasz rozbudowanie strony www o moduł zakupowy? Lepiej trafić nie mogłaś/eś! Zapraszam Cię serdecznie na konsultację wstępną, podczas której lepiej poznam Twoje potrzeby i będę mogła zaproponować rozwiązania skrojone na miarę Twojego biznesu.

KROK 7: Analityka

Na stronie zaimplementowałam Pixel Facebooka za pomocą wtyczki Pixel Your Site, co pozwala na śledzenie i analizowanie ruchu użytkowników, a także lepiej targetować reklamy. Dodatkowo, dzięki tej samej wtyczce została podłączona analityka Google Analytics, żeby jeszcze dokładniej monitorować statystyki odwiedzin i zrozumieć, jak użytkownicy korzystają ze strony. Dzięki tym narzędziom można skuteczniej dostosować treści i kampanie reklamowe do potrzeb odbiorców.

PODSUMOWANIE

Poznaj słowa Kasi, gdy zobaczyła stronę po raz pierwszy:

Po kilku miesiącach od uruchomienia strony, zgodnie z Klientką możemy stwierdzić, że zastosowane rozwiązania były znakomitym wyborem, strona jest szybka, responsywna, estetyczna i spełnia swoje wszystkie początkowe założenia. Na stronie nie pojawiły się żadne awarie czy usterki, a treningi spotkały się z ogromnym zainteresowaniem ze strony kursantów do tego stopnia, że ilość zamówień wynosi już ponad 1300!

Kasia jest bardzo zadowolona i zdecydowała się kontynuować ze mną współpracę, z czego niezmiernie się cieszę. Obecnie pomagam Kasi w opiece nad stroną (regularne aktualizacje), dodawaniu nowych materiałów dla kursantów, a także zadbałam o uruchomienie jej newslettera od zera.

Serdecznie zapraszam Cię do Kasi na jej profil na Instagramie oraz na platformę treningową, gdzie każdy znajdzie coś dla siebie!

Jeśli potrzebujesz nowej strony www, przebudowy istniejącej strony, zachwycającego landing page lub kompleksowej pomocy przy założeniu newslettera czy sklepu online, ale nie wiesz, jak się za to zabrać – skontaktuj się ze mną.

Doradzę w kwestii wyboru dostępnych rozwiązań i po poznaniu Twoich potrzeb zaproponuję rozwiązanie idealnie dopasowane do Twojego biznesu.

Umów bezpłatną konsultację, w trakcie której odpowiem na Twoje pytania i ustalimy, jak mogę pomóc. Skorzystaj z kalendarza lub formularza kontaktowego.