Wstęp
HopeFoundation to organizacja non-profit zajmująca się świadczeniem usług edukacyjnych i zdrowotnych społecznościom znajdującym się w niekorzystnej sytuacji. Chociaż mieli stronę internetową, była ona przestarzała, trudna w nawigacji i pozbawiona funkcji zachęcających do zaangażowania i datków. Dostrzegając potrzebę silniejszej obecności w Internecie, HopeFoundation zdecydowała się zainwestować w przeprojektowanie strony internetowej.
Cele
-
Zwiększ zaangażowanie użytkowników i czas spędzony na stronie
-
Usprawnij proces przekazywania darowizn, aby zachęcić do większej liczby datków
-
Spraw, aby witryna była responsywna na urządzeniach mobilnych
-
Skutecznie prezentuj historie sukcesu i projekty
-
Ulepsz SEO, aby uzyskać lepszą widoczność i ruch organiczny
Przegląd projektu
Zakres
-
Projektowanie doświadczeń użytkownika (UX) i interfejsu użytkownika (UI).
-
Strategia i rozwój treści
-
Optymalizacja SEO
-
Integracja systemu darowizn
-
System zapisów wolontariuszy
-
Sekcja bloga i aktualności
Narzędzia i technologie
-
Projekt: Figma, Adobe Photoshop
-
Front-end: HTML, CSS, JavaScript (React)
-
Zaplecze: Python (Django)
-
SEO: Google Analytics, wtyczka Yoast SEO
-
Inne: WordPress dla CMS, Stripe do płatności darowizn
Metodologia
Potrzebne oszacowanie
-
Przeprowadzono ankiety wśród obecnych darczyńców i wolontariuszy, aby zidentyfikować luki w obecnej witrynie internetowej.
-
W celu określenia celów organizacji przeprowadzono wywiady z interesariuszami organizacji.
Planowanie i modelowanie szkieletowe
-
Ustalono harmonogram projektu.
-
Dla kluczowych stron internetowych stworzono szkielety.
Projektowanie i rozwój
-
Iteracyjny proces projektowania z informacją zwrotną od interesariuszy na każdym etapie
-
Równocześnie rozwijany frontend i backend
-
Zintegrowany Stripe do przetwarzania darowizn i system CRM do zarządzania wolontariuszami
Testowanie
-
Przeprowadzono testy jednostkowe i testy integracyjne.
-
Testy A/B dla różnych przycisków wezwania do działania (CTA).
-
Testy akceptacyjne użytkownika (UAT) w celu zebrania opinii ze świata rzeczywistego
Analiza uruchomienia i po uruchomieniu
-
Strona internetowa została wdrożona przy użyciu hostingu w chmurze.
-
Google Analytics został skonfigurowany do śledzenia wydajności.
Wyniki
-
25% wzrost ruchu na stronie w ciągu pierwszych dwóch miesięcy po uruchomieniu
-
W pierwszym kwartale darowizny wzrosły o 40%.
-
Zaangażowanie mobilne wzrosło o 50%
-
Znaczący spadek współczynnika odrzuceń o 15%
-
Poprawiony ranking wybranych słów kluczowych w wyszukiwarkach
Zdobyta wiedza
-
Informacje zwrotne od zainteresowanych stron i użytkowników należy uwzględnić na każdym etapie projektowania i rozwoju.
-
Testy A/B okazały się nieocenione w zrozumieniu zachowań użytkowników.
-
Ciągła optymalizacja SEO ma kluczowe znaczenie dla utrzymania widoczności.
Wniosek
Przeprojektowanie witryny internetowej znacznie zwiększyło obecność HopeFoundation w Internecie, stając się potężnym narzędziem do angażowania się, datków i rekrutacji wolontariuszy. Dzięki projektowi zorientowanemu na użytkownika i ulepszonym funkcjonalnościom witryna internetowa jest teraz zgodna z misją i celami organizacji.
Zalecenia dotyczące przyszłych projektów
-
Wdrożenie integracji z mediami społecznościowymi w celu dzielenia się historiami sukcesu i aktualizacjami wiadomości.
-
Rozważ utworzenie funkcji darowizn cyklicznych, aby zachęcić do stałego dawania.
-
Wprowadź funkcję interaktywnej mapy, aby zaprezentować projekty globalne.
Podziękowanie
Chcielibyśmy wyrazić naszą wdzięczność zespołowi HopeFoundation za współpracę, wolontariuszom, którzy przekazali bezcenne uwagi, oraz naszemu zespołowi programistów za ich poświęcenie i ciężką pracę.
To studium przypadku służy jako przykład dla organizacji non-profit, które chcą przekształcić swój ślad cyfrowy. Dzięki strategicznemu planowaniu i wdrażaniu dobrze zaprojektowana strona internetowa może znacząco wpłynąć na efektywność i zasięg organizacji.
