Jak Monterail przebudował mobilną platformę fundraisingową organizacji non-profit, zwiększając konwersję i pomagając przekazać ponad 800 mln USD

Strona GiveDirectly, stworzona kilka lat wcześniej, zanim organizacja rozwinęła działalność fundraisingową, była prosta i funkcjonalna, ale brakowało jej nowoczesnego wyglądu i charakteru.

Przestarzały projekt zaczął ciążyć firmie i hamował jej rozwój oraz zaufanie ze strony szanowanych instytucji i rządów. Pod względem technologii i wydajności strona nie dorównywała najnowszym rozwiązaniom, co podważało naszą wiarygodność w oczach partnerów GiveDirectly. 

Drugim celem projektu było zwiększenie współczynnika konwersji poprzez stworzenie prostego, intuicyjnego i przyjaznego dla urządzeń mobilnych doświadczenia dla darczyńców, którzy chcą przekazywać pieniądze bezpośrednio na konkretne cele. Musieliśmy zaprojektować płynne doświadczenie użytkownika, które ułatwi przekazywanie darowizn z dowolnego urządzenia, przy użyciu różnych metod płatności, w tym kart kredytowych, czeków i kryptowalut.

Kolejnym celem była poprawa dostępności. Platforma musiała być dostępna na urządzeniach mobilnych, tabletach i komputerach stacjonarnych, a także we wszystkich głównych przeglądarkach.

Aby szybko i skutecznie osiągnąć cele projektu, wybraliśmy Vue.js do tworzenia frontendu, ponieważ zespół inżynierski klienta znał już Vue.

Zaczęliśmy od kluczowego obszaru: przeprojektowania modułu płatności za darowizny „Donate”, aby usprawnić główną ścieżkę przekazywania darowizn w GiveDirectly. Aby zapewnić darczyńcom możliwie najszerszą dostępność, proces darowizny musiał działać bezproblemowo we wszystkich głównych przeglądarkach i na wszystkich urządzeniach, od telefonów komórkowych po komputery stacjonarne.

Aby poprawić doświadczenie użytkownika, zespół wdrożył szeroki zestaw funkcji dostępności, w tym zgodność z czytnikami ekranu, obsługę nawigacji klawiaturą i landmarki ARIA.

• Uprościliśmy i ułatwiliśmy przekazywanie darowizn, szczególnie na urządzeniach mobilnych.

• Usprawniliśmy proces zbierania danych.

• Uprościliśmy dodatkowe metody płatności, w tym czeki i akcje, dzięki czemu darczyńcy łatwiej zauważali tę opcję.

Współpraca zaowocowała intuicyjnym i przyjaznym dla urządzeń mobilnych interfejsem, który pozwala użytkownikom przekazać darowiznę na wybrany cel, korzystając z preferowanego urządzenia i metody płatności. Badania pokazują, że odbiorcy wykorzystują te środki w skuteczny i kreatywny sposób, aby poprawić swoją sytuację życiową.

Aplikacja jest w pełni funkcjonalna i przyjazna użytkownikowi. Utrzymuje wysoki współczynnik kontrastu, co poprawia czytelność, a także zapewnia precyzyjne wskaźniki fokusu dla elementów interaktywnych, dzięki czemu proces przekazywania darowizn jest dostępny dla użytkowników o różnych potrzebach i możliwościach.

Początkowy zakres prac nad funkcjami modułu darowizn szybko się rozszerzył, a klient otrzymał także narzędzie do tworzenia kampanii, przygotowane bezpośrednio w odpowiedzi na potrzeby darowizn związanych z COVID-19.

• Aplikacja daje darczyńcom prosty i bezpieczny sposób przekazywania środków potrzebującym za pośrednictwem kampanii GiveDirectly.

• Aplikacja jest zintegrowana z Salesforce, co usprawnia zbieranie danych i zarządzanie nimi.

• Jest przyjazna użytkownikowi, dostępna na różnych urządzeniach i oferuje wiele metod płatności.