Agencja interaktywna + Agencja marketingowa = Two Colours

O projekcie

Academy of Natural Health wyróżnia się na tle innych akademii medycyny naturalnej swoim unikalnym podejściem przyczynowo-skutkowym, zamiast skupiania się wyłącznie na leczeniu objawów. Oferuje ona specjalistyczny program nauczania, który został opracowany przez twórcę tej metody.

Serdecznie zapraszamy do zapoznania się z procesem tworzenia strony internetowe dla akademii naturopatii.

Autorzy projektu
  • Mateusz
    Projektant UX
Prototyp

Prototyp — makieta strony internetowej

Na początku naszej współpracy z klientem skoncentrowaliśmy się na tworzeniu wstępnego projektu strony, czyli prototypu. Priorytetem było zaplanowanie ogólnej struktury strony www oraz wyznaczenie najważniejszych sekcji i elementów, co było fundamentem do dalszego, bardziej szczegółowego projektowania graficznego.

Narzędzia takie jak Figma i Miro pozwalają zarówno nam, jak i naszym klientom na bieżące śledzenie postępów prac oraz ocenę projektu już od wczesnych faz jego tworzenia. Taki sposób pracy sprzyja płynnej komunikacji i ułatwia wprowadzanie niezbędnych zmian.

Celem naszego zespołu było zaprojektowanie intuicyjnej strony internetowej, która przyciągałaby odwiedzających do odkrywania oferowanych szkoleń i zachęcała ich zapisywania się na nie. Zależało nam na tym, aby użytkownicy bez problemu odnajdywali informacje zarówno o kursach, jak i o marce oraz specjalistach, którzy ją reprezentują.

Istotną częścią naszej pracy jest utrzymywanie ciągłego kontaktu z klientem. Po stworzeniu wstępnego szkicu strony zorganizowaliśmy rozmowę online, aby zaprezentować nasze pomysły i omówić możliwości przekazywania przez klienta jego uwag i sugestii.

Etap tworzenia prototypu strony internetowej dla akademii naturopatii | Two Colours

Projekt graficzny strony internetowej

Nasz główny cel przy tworzeniu projektu graficznego strony dla Akademii Medycyny Naturalnej polegał na skutecznym podkreśleniu wszystkich zalet autorskiego programu nauczania oferowanego przez placówkę, a także na wyróżnieniu go spośród innych podobnych instytucji. W centralnym punkcie strony umieściliśmy przycisk call to action w wyrazistym, fioletowym kolorze. Jego zadaniem jest przyciąganie uwagi odwiedzających i zachęcanie ich do zapisu na kursy i szkolenia.

Sekcja hero strony internetowej dla akademii medycyny naturalnej
Etap projektowania graficznego strony internetowej dla akademii naturopatii | Two Colours

W całej kolorystyce strony dominują odcienie zieleni, co symbolicznie odzwierciedla związek akademii z naturą oraz podkreśla naturalny charakter praktykowanej w niej medycyny. Delikatne, pastelowe barwy przeplatają się z ciemniejszymi odcieniami zieleni, tworząc spójną i estetycznie przyjemną dla oka kompozycję. W celu dodatkowego wzbogacenia estetyki zaimplementowaliśmy różnorodne elementy graficzne, takie jak ikony i ramki, które dodają treściom atrakcyjności.

Oferta akademii, w tym informacje o rekrutacji na poszczególne semestry, przedstawiona jest w sposób zwięzły i przejrzysty. Taki układ ułatwia użytkownikom szybkie zapoznanie się z dostępnymi opcjami oraz efektywne nawigowanie po stronie.

Dodatkowo, aby budować zaufanie wśród potencjalnych studentów, na stronie znajdują się sekcje zawierające pozytywne opinie dotychczasowych uczniów. Zaprezentowaliśmy również kluczowe zalety akademii w łatwo przyswajalnej formie liczbowej, co pozwala na szybką ocenę wartości i skuteczności oferowanego programu nauczania.

Implementacja

Zakodowanie strony internetowej

Podczas tworzenia strony internetowej dla akademii naturopatii, istotnym etapem był proces jej zakodowania. W tym celu posłużyliśmy się Elementorem — popularnym narzędziem do budowy stron internetowych, którego główne zalety to intuicyjność użytkowania i wszechstronność. Elementor umożliwia nie tylko programistom efektywną pracę, ale także naszym klientom oferuje możliwość samodzielnej edycji treści na stronie. Jest to szczególnie ważne w kontekście szybkiego dostosowywania się do ewoluujących potrzeb rynkowych i preferencji użytkowników, ograniczając jednocześnie konieczność ciągłego kontaktu z naszą agencją.

W fazie kodowania zwróciliśmy szczególną uwagę na implementację wielu kluczowych funkcjonalności, które odgrywają znaczącą rolę w osiąganiu celów biznesowych strony. 

Moduł e-commerce

Na stronie zaimplementowaliśmy sklep internetowy oparty na platformie WooCommerce, zapewniając sprawną i bezpieczną obsługę zakupów online.

Moduł e-commerce na stronie internetowej akademii naturopatii

Platforma edukacyjna

Na stronie wdrożyliśmy platformę edukacyjną LearnDash, dzięki której użytkownicy mają dostęp do obszernego zestawu materiałów szkoleniowych i kursów online.

Logowanie do panelu studenta na platformie edukacyjnej

Wsparcie dla fundacji

Wsparcie dla fundacji umożliwia odwiedzającym przekazywanie darowizn, wspierając tym samym cele akademii. 

Formularz wsparcia dla fundacji na stronie internetowej akademii naturopatii

Formularz zapisu do newslettera

Zaimplementowaliśmy formularz do generowania leadów, który  dodatkowo przyciąga użytkowników powiadomieniami o nowych wpisach blogowych na stronie.

Formularz zapisu do newslettera na stronie internetowej akademii medycyny naturalnej

Formularz kontaktowy

Na stronie wdrożyliśmy prosty i intuicyjny formularz, który ułatwia kontakt z przedstawicielem firmy.

Formularz kontaktowy na stronie internetowej akademii medycyny naturalnej

Czy nasz projekt przyciągnął Twoją uwagę? Zachęcamy do odwiedzenia naszego profilu na Behance, by zobaczyć go w pełnej okazałości. Nie zapomnij, by również przejrzeć nasze pozostałe prace.

Marzysz o stworzeniu własnej, profesjonalnej witryny internetowej? Skorzystaj z okazji i umów się na bezpłatną konsultację! Podczas naszego spotkania będziemy mieli szansę dokładnie poznać Twoje oczekiwania i przedstawić Ci idealnie dopasowane rozwiązania.

    Porozmawiajmy i ustalmy plan działania!

    Krótki formularz Wypełnij pełny brief

    Hidden
    Hidden
    Twoje dane są bezpieczne Więcej o ochronie danych osobowych
    Jak Ci się to podoba?
    1/Liczba głosów: 1