Darowizny, członkostwo i ekskluzywne treści - jak wspierać rozwój organizacji non-profit, dzięki nowoczesnej stronie www?

Wizualizacja hero strony głównej

Śledź nas w mediach społecznościowych:

Gesher Galicia logo

Naszym celem było stworzenie strony, która nie tylko umożliwi przekazywanie darowizn, ale także zaoferuje wartościowe treści dla subskrybentów, skutecznie promując działania organizacji i przyciągając nowych członków.

Sprawdź online
Wordpress development - wizualizacja mobilnej wersji strony głównej

Główne założenia projektu

  • Użytkownicy mogą zarejestrować się na platformie i wybrać preferowany sposób płatności za swoje konto. Przygotowaliśmy rozbudowany formularz rejestracyjny pozwalający wybrać rodzaj subskrypcji oraz jej długość.
  • Członkowie mogą sprawdzić status swojej subskrypcji i uzyskać dostęp do ekskluzywnych treści bezpośrednio z poziomu własnego konta.
  • Zainteresowani użytkownicy mogą wesprzeć organizację dowolną kwotą, korzystając z płatności czekiem lub za pośrednictwem PayPal. W tprzypadku płatności przez Paypal, stworzyliśmy skrypt, który automatycznie oblicza wysokość prowizji i dolicza ją do kwoty darowizny.
  • Wszystkie treści z poprzedniej wersji strony zostały dostosowane do nowego projektu.
  • Strona została zintegrowana poprzez API z zewnętrznymi bazami danych, co umożliwia przeszukiwanie historycznych dokumentów.
  • Użytkownicy mogą przeglądać magazyn Galizianer w wersji elektronicznej.
    Rozwój stron internetowych - zdjęcie starej mapy

    Przed jakim wyzwaniem stanęliśmy?

    Gesher Galicia to amerykańska organizacja non-profit prowadząca prace historyczne i genealogiczne dot. społeczności żydowskiej na terenie dawnych Austro-Węgier. Zrzesza sympatyków oraz profesjonalistów zajmujących się regionem, dostarczając im wartościowe treści do badań i materiały edukacyjne.

     

    Poprzednia strona organizacji miała spore problemy techniczne, a niektóre jej funkcjonalności przestały działać. Ponieważ Gesher Galicia utrzymuje się z wpłat członków, te kwestie stanowiły poważny problem. Naszym celem było odświeżenie strony uwzględniając potrzeby specyficznej grupy docelowej oraz przywrócenie niezbędnych funkcjonalności, aby wspierać rozwój Gesher Galicii.

     

    Podczas prac blisko współpracowaliśmy z Pawłem, developerem i project managerem zaangażowanym ze strony klienta. Jego umiejętności i wiedza na temat działania stron internetowych znacznie ułatwiły współpracę.

    Co było dla nas ważne?

    • Czytelna nawigacja i klasyczny design

      Odbiorcami Gesher Galicia są entuzjaści tematu, historycy i genealodzy. Część z nich to osoby w średnim wieku. Korzystając z wiedzy na temat grupy docelowej, przygotowaliśmy klasyczny projekt graficzny oraz intuicyjną nawigację. W nagłówku strony wyeksponowaliśmy CTA umożliwiające logowanie i dokonywanie darowizn.
    • Member Portal

      Użytkownicy opłacający subskrypcję mają dostęp do Member Portalu z ekskluzywnymi treściami takimi jak: podcasty, mapy oraz magazyn organizacji. Materiały stanowią wartość dodaną i zachęcają użytkowników do zakładania kont w serwisie.
    • Skupienie na darowiznach

      Główne CTA w serwisie dotyczą darowizn. Użytkownicy mogą wybrać dowolną kwotę i przekazać ją na konto organizacji za pomocą PayPala lub czeku. Większość członków to Amerykanie, dlatego klient zdecydował się na wprowadzenie tych metod płatności.
    • Dostęp do archiwów

      W treści strony wyświetlane są archiwa z dokumentami i ikonografią Część materiałów jest do dyspozycji wszystkich użytkowników. Natomiast dostęp do innych treści przyznawany jest tylko subskrybentom. Jeśli osoba, która nie posiada konta trafi na stronę z ograniczoną widocznością zawartości strony, zobaczy CTA zachęcający do założenia konta.
    Projektowanie stron internetowych - mobilna wizualizacja nagłówka strony
    • Makieta strony internetowej
    • Wizualizacja strony logowania
    • Wizualizacja elementów interaktywnych na stronie www
    • Wizualizacja strony logowania w wersji deskopt
    • Wizualizacja sekcji FAQ na stronie internetowej
    • Wizualizacja nawigacji na stronie
    • Wizualizacja strony WWW
    • Wizualizacja hero strony głównej
    • Wizualizacja strony w wersji mobilnej i deskoptowej
    • Wizualizacja nagłówka strony WWW
    • Wizualizacja wpisu na stronie internetowej

    Jak wyglądały prace nad projektem?

    Administrowanie stronami internetowymi - programista kodujący witrynę

    Strona Gesher Galicii jest wizytówką organizacji, mającą na celu pozyskiwanie nowych członków oraz służącą jako kompendium wiedzy dla obecnych członków. Mają oni dostęp do ekskluzywnych treści, widocznych dopiero po utworzeniu konta i opłaceniu subskrypcji. Część zasobów archiwalnych jest zintegrowana z serwisem za pomocą API, co umożliwia prowadzenie badań historycznych i genealogicznych.

    Komunikacja z klientem była prowadzona w języku angielskim, a nasz zespół dostosował się do strefy czasowej klienta.

     

    W ramach prac przygotowaliśmy makiety low/fi oraz zaprojektowaliśmy ścieżki klienta. Pożądaną akcją w serwisie było założenie konta lub wpłata darowizny, dlatego stworzenie serwisu uwzględnienia te cele.

     

    Kolejnym krokiem było przygotowanie kilku wersji kolorystycznych strony głównej, a następnie podstron.

     

    Projekt został zakodowany z wykorzystaniem Advanced Custom Fields i flexible content (na wybranych stronach), co pozwala na elastyczne zarządzanie treścią i układem strony. Do zarządzania subskrypcjami wykorzystaliśmy plugin Paid Membership Subscription, a system darowizn i płatności został zbudowany z wykorzystaniem PayPala. Na stronie zaimplementowane zostały iframe’y, a część treści dostarczana jest do serwisu za pomocą API, z pominięciem zaplecza administracyjnego.

     

    Strona Gesher Galicia jest przykładem projektu, który pokazuje, że przemyślana i funkcjonalna strona organizacji pozarządowej pozwala na rozwój i realizację założonych celów.

    • Zrzut ekranu strony O nas
    • Zrzut ekranu strony internetowej z listą
    • Zrzut ekranu strony z nagłówkiem i stopką
    • Zrzut ekranu witryny z wyszukiwarką
    • Zrzut ekranu strony głównej
    • Zrzut ekranu strony z tekstem
    • Zrzut ekranu strony z przyciskami
    • Zrzut ekranu strony z wynikami wyszukiwania
    • Zrzut ekranu strony z obrazami
    • Zrzut ekranu strony informacyjnej
    • Zrzut ekranu strony z wyszukiwarką
    • Zrzut ekranu witryny z układem tekstu
    • Zrzut ekranu strony z pętlą
    • Zrzut ekranu z informacjami o witrynie
    • Zrzut ekranu strony internetowej z sekcją FAQ
    • Zrzut ekranu strony internetowej
    • Zrzut ekranu strony wyszukiwarki książek
    • Zrzut ekranu pojedynczej strony webinaru
    • Zrzut ekranu strony z błędem 404
    • Zrzut ekranu strony pojedynczego autora
    • Zrzut ekranu strony Kontaktowej
    • Zrzut ekranu strony logowania
    • Zrzut ekranu strony rejestracji
    • Zrzut ekranu strony z krokami rejestracji