Krótki przewodnik po przeprojektowaniu witryny organizacji non-profit [+najlepsze praktyki]

Trudno przecenić znaczenie posiadania wysokiej jakości witryny dla organizacji non-profit. Wszystkie działania, marketing i reklamy organizacji muszą skłaniać odbiorców do podejmowania działań, takich jak przekazywanie darowizn, poznawanie usług lub rejestrowanie się w celu uzyskania informacji.

Skuteczna strona internetowa umożliwia szybkie i bezproblemowe wykonywanie tych działań, dzięki czemu ścieżka do konwersji dla każdego z tych działań jest łatwa.

Z drugiej strony, słabsze witryny faktycznie odwracają uwagę odbiorców od celów, które mają osiągnąć, myląc odwiedzających nawigacją, która zasłania najistotniejsze informacje lub przeciążając ich zbyt wieloma wezwaniami do działania.

Jako eksperci od marketingu cyfrowego mamy podstawowy proces, którego używamy jako przewodnika, kiedy rozpoczynamy nowe projekty stron internetowych non-profit, zapewniając, że produkt końcowy jest przejrzysty, łatwy w użyciu i ostatecznie skuteczny.

Zanurzmy się.

6 etapów udanego projektu witryny non-profit

1. Odkrycie

W fazie odkrywania Twój zespół projektowy zdefiniuje swoje cele i zrozumie istniejące mocne strony, możliwości rozwoju i odbiorców.

Określ swoje cele

Pierwszym krokiem w budowaniu lepszej strony internetowej jest rozpoznanie, że jej potrzebujesz i określenie celów związanych z przeprojektowaniem. Czasami możesz spojrzeć na dane, aby określić, czy Twoja obecna witryna spełnia Twoje oczekiwania.

Zrozum odbiorców

Narzędzia takie jak Google Analytics mogą pomóc w określeniu, które działania lub treści są bardziej lub mniej przyciągane przez odbiorców, aby odpowiednio je zoptymalizować. Wdrożenie ankiet dotyczących odbiorców może również zapewnić wgląd w to, które części witryny mogą lepiej lub gorzej rezonować z kluczowymi grupami.

Oceń zawartość

Czasami problem może mieć związek z wizualną prezentacją elementów Twojej marki – Twoja witryna może po prostu wymagać ogólnego liftingu lub poprawy dostępności. Agencje marketingowe mogą pomóc w bardziej szczegółowym przeprowadzeniu audytu i weryfikacji bieżącej witryny, aby przedstawić konkretne zalecenia, które pomogą określić cele nowej witryny i ustalić ich priorytety.

Audyt strony

W przypadku pełnego przeprojektowania witryny może być konieczne przeprowadzenie badań jako pierwszego kroku w celu określenia strategii i projektu. Może to obejmować przeprowadzenie dogłębnego audytu wszystkich istniejących treści dla Twojej bieżącej witryny, a także badania i dokumentację dotyczącą wszelkich innych platform technicznych (takich jak systemy CRM lub platformy pozyskiwania funduszy w Twojej organizacji). Może to również wiązać się z przeprowadzeniem głębszych badań w grupach odbiorców i mapowaniem ich konkretnych potrzeb na różnych etapach ich podróży w interakcji z organizacją.

Audyt SEO

Audyt SEO jest ważnym krokiem w celu uzyskania informacji na temat przebudowy witryny, zapewniając, że odbiorcy mogą ją łatwo znaleźć za pomocą wyszukiwania. Audyt SEO polega na dogłębnej analizie wszystkich czynników wpływających na widoczność strony w wyszukiwarkach. Przeprowadzenie tego audytu daje pełny wgląd w witrynę, ogólny ruch i poszczególne strony pod względem kondycji witryny i ogólnego autorytetu domeny.

Oto kilka rzeczy do rozważenia podczas audytu SEO:

• Czy Twoja witryna obsługuje strukturę okruszków?
• Czy Twoja nawigacja ma sens?
• Czy użytkownicy mogą łatwo znaleźć ważne i trafne treści w Twojej witrynie?
• Czy treści docierają do odpowiednich odbiorców i są kierowane na ważne słowa kluczowe?
• Czy w witrynie są prawidłowe metadane? Tagi tytułów?
• Czy w Twojej witrynie występują błędy serwera?

Chociaż może się to wydawać prostymi i przyziemnymi zadaniami, są one kluczowymi krokami w zapewnieniu zwiększenia organicznej widoczności witryny i marki. Ogólnie rzecz biorąc, wykonanie tego zadania może zapewnić, że osiągasz swoje cele ruchu i możesz wprowadzić wszelkie niezbędne zmiany w przeprojektowaniu witryny.

2. Strategia

Po zakończeniu odkrycia możesz przejść do fazy strategii. Tutaj Ty i Twój zespół zagłębicie się w planowanie, w jaki sposób wszystkie Twoje treści, w tym kopie, obrazy, filmy i wszelkie inne zasoby, będą prezentowane w nowej witrynie.

Strategia treści

Gdy już zrozumiesz, kim są Twoi odbiorcy i jak chcesz, aby angażowali się w Twoje informacje, możesz zagłębić się w swoją strategię dotyczącą treści – lub sposób organizowania i opracowywania treści, z którymi użytkownicy mogą się kontaktować w Twojej witrynie . Może to obejmować zmianę mapy witryny (zwanej również listą stron w porządku hierarchicznym dla witryny) oraz nawigację, aby treści istotne dla określonych odbiorców były pogrupowane razem i w sposób ułatwiający im znaleźć odpowiednią treść we właściwym momencie swojej podróży.

Podczas analizowania strategii dotyczącej treści kluczowe znaczenie ma uwzględnienie wszystkich etapów podróży użytkownika. W jaki sposób ludzie nowi w Twojej witrynie angażują się i jak możesz ułatwić życie powracającym użytkownikom?

Jako organizacja non-profit będziesz chciał podzielić się różnymi fragmentami swojej historii z nowymi i istniejącymi zwolennikami — na przykład z nowymi użytkownikami możesz podzielić się doświadczeniem swojej organizacji non-profit, a istniejącym zwolennikom możesz pokazać im wpływ i wyniki Twoja organizacja non-profit, aby mogła zobaczyć, jak ważny jest ich wkład.

Architektura informacji

Po ustaleniu ogólnej strategii treści możesz zacząć umacniać rolę lub historię, którą będzie odgrywać każda pojedyncza strona. Przenoszenie najważniejszych komunikatów na górę i pozwalanie, aby mniej pilne fragmenty spływały kaskadowo po stronie, buduje swoją luźną architekturę informacji, która pomoże UXerom i projektantom ożywić Twoją historię.

3. UX i Design

Wchodząc w fazę doświadczenia użytkownika (UX) i projektowania, ożywisz wszystkie swoje odkrycia i strategię za pomocą wizualizacji. Utrzymując na tym etapie swoich odbiorców, będziesz w stanie zaspokoić ich potrzeby w najbardziej efektywny sposób.

Następnie pojawia się projektowanie doświadczeń użytkownika (UX), często w formie prototypów lub makiety, aby zapewnić wizualną strukturę każdej strony. Czasami te makiety zawierają również fikcyjną kopię, która jest krótkimi fragmentami tekstu wskazującymi takie rzeczy, jak „Tu jest nagłówek dotyczący naszego programu ofiarującego”. Może to być pomocne w późniejszych pracach związanych z copywritingiem do treści witryny.

Sprawy stają się ciekawsze i ciekawsze w miarę ustalania kierunku wizualnego i kreatywnego nowej witryny. Projektanci mogą polecić nowe podejście wizualne do elementów marki, kolorów, czcionek i innych elementów stylu. Po zatwierdzeniu to wizualne podejście jest stosowane do projektów stron i układów w celu uzyskania sfinalizowanych projektów stron.

4. Wdrożenie

W fazie implementacji zauważysz, że procesy rozwoju różnią się nieco w zależności od platformy. Gdy Ty i Twój zespół będziecie pracować nad wdrażaniem swojej pracy, podejmiecie pewne decyzje, które wpłyną na łatwość utrzymania witryny (poprzez platformy bez kodu lub z niską zawartością kodu w porównaniu z produktami opartymi na kodzie).

Projekty, wymagania, specyfikacje i kopie idą w parze z wysiłkami programistycznymi, aby ożywić nową witrynę internetową. Obecnie organizacje mają wiele świetnych opcji do rozważenia: platformy bez kodu, takie jak Squarespace czy Wix, mogą tak uprościć wiele części procesu rozwoju, że programiści nie są potrzebni, a koszty utrzymania są znacznie zmniejszone, kosztem pewnej elastyczności o tym, z jakimi typami integracji technicznych mogą dobrze współpracować i jak wiele można dostosować.

Niektóre rozwiązania, takie jak CMS Hubspot, są dostosowane do narzędzi CRM HubSpot i oferują gotowe rozwiązanie dla organizacji, które potrzebują wydajnego, ale łatwego w użyciu interfejsu. HubSpot oferuje ponad dwa tuziny motywów dla organizacji non-profit do wyboru, dzięki czemu dostosowywanie i elegancki wygląd oraz wrażenia użytkownika są dostępne w ciągu kilku minut.

Platformy bardziej intensywnie rozwijające, takie jak WordPress, wiążą się z wyższymi inwestycjami potrzebnymi w procesie tworzenia i długoterminowymi kosztami utrzymania takich rzeczy, jak wtyczki i hosting, ale oferują nieskończone możliwości realizacji niestandardowej wizji witryny.

5. Testy zapewnienia jakości

Gdy ostateczna treść zostanie wprowadzona lub przeniesiona do nowej witryny, a podejście do postów na blogu i kwestie SEO zostaną rozwiązane, może nastąpić testowanie jakości (QA).

Testy QA mogą sprawdzić, czy witryna dobrze prezentuje się na wszystkich urządzeniach, spełnia standardy dostępności, jest zoptymalizowana pod kątem szybkości i działa zgodnie z wymaganiami.

6. Dostępność

Tworzenie strony internetowej, która jest nie tylko funkcjonalna i dobrze zorganizowana, ale także dostępna dla wszystkich, staje się standardem. Jako organizacje non-profit jeszcze ważniejsze jest, aby zaspokajać potrzeby wszystkich odbiorców, zwłaszcza tych, którym możesz służyć.

Pamiętaj, że dostępność oznacza przystosowanie się do wszystkich niepełnosprawności, a nie tylko tych, które są łatwo widoczne. Ponad 13% populacji USA ma wadę wzroku. Uważna zmiana w celu zapewnienia dostępności witryny polega na wprowadzeniu drobnych zmian, takich jak użycie odpowiednich kolorów, tagowanie H1/H2 dla czytników ekranu oraz dodanie tekstu alternatywnego do wszystkich obrazów i grafik. Zaznaczenie tych pól znacznie ułatwia wszystkim pozytywne wrażenia z Twojej witryny.

Po zakończeniu testów kontroli jakości, w tym kontroli dostępności, możesz wprowadzać zmiany i znajdować rozwiązania, a następnie witryna jest gotowa do ostatecznego zatwierdzenia do wydania.

Niezależnie od platformy, jest kilka szczegółów (o których często się zapomina), o których zawsze należy pamiętać.

Oto kilka przykładów świetnych witryn non-profit bez kodu i z niskim kodem.

Przykłady witryn non-profit bez kodu

1. 50 stanów, 50 grantów

Jest coraz lepiej: 50 stanów. 50 dotacji. Kampania 5000 głosów została zbudowana z wykorzystaniem webflow. Chociaż zbudowana na szablonie, witryna nadal ma świetny ruch i zaangażowanie oraz przedstawia bardziej niestandardową witrynę.

Obszar wydania: LGBTQIA+

Platforma internetowa: Webflow

Strona internetowa: https://www.50states50grants.com/

2. Stypendium marketingowe RiseUP

RiseUP Marketing Fellowship to ukierunkowane na cel stypendium marketingowe, które działa na rzecz zwiększenia różnorodności, dostępu i namacalnego wpływu społecznego w branży marketingowej i reklamowej.

Obszar wydania: Zatrudnienie

Platforma internetowa: Squarespace

Strona internetowa: https://www.riseupfellows.com/

Przykłady witryn non-profit opartych na kodzie

1. OPS

OPS inspiruje, wzmacnia i łączy globalną społeczność za pomocą filmów o dużej sile oddziaływania i wizualnej opowieści, aby ujawnić najważniejsze problemy, przed którymi stoi nasza planeta.

Obszar problemu: Środowisko

Platforma internetowa: WordPress

Strona internetowa: https://www.opsociety.org/

2. Zewnętrzne Stany Zjednoczone

Outward Bound USA jest wiodącym dostawcą programów edukacyjnych na świeżym powietrzu, które pozwalają młodym ludziom odkrywać swój osobisty potencjał od 1962 roku.

Obszar problemu: Edukacja

Platforma internetowa: WordPress

Strona internetowa: https://www.outwardbound.org/

3. Misja Gersona

Misja Instytutu Gersona jest zakotwiczona w edukacji żywności jako leku, zmniejszeniu narażenia na toksyny i tworzeniu zdrowszego świata, w którym Terapia Gersona jest nie tylko realną opcją, ale filarem leczenia chorób przewlekłych.

Obszar problemu: zdrowie

Platforma internetowa: WordPress

Strona internetowa: https://gerson.org/

Typowe pułapki witryn non-profit

1. Śledzenie i konwersje

Zbyt często organizacje zapominają o przeniesieniu i/lub skonfigurowaniu śledzenia na nowej stronie internetowej. Przynajmniej upewnij się, że Twój Menedżer tagów Google i Google Analytics zostaną opublikowane, gdy witryna zostanie opublikowana.

Są szanse, że większość przebudów strony internetowej uległa przesunięciu elementów i formularzy na stronie. Przyciski mogły mieć zmienione kolory lub miejsca docelowe i mogły zostać dodane nowe strony. Wszelkie zdarzenia niestandardowe lub śledzenie konwersji w Twojej istniejącej witrynie trzeba będzie odtworzyć w następnej witrynie, aby nie stracić żadnego ze śledzenia.

Nie ma nic gorszego niż uświadomienie sobie, że piksel nie działa prawidłowo w trakcie kampanii. Upewnij się, że poświęcisz czas na sprawdzenie witryny, testowanie formularzy i przycisków oraz generowanie raportów w momencie, gdy witryna jest aktywna.

2. SEO

Każda firma potrzebuje silnej strategii marketingowej, nawet organizacji non-profit! Jednak większość organizacji non-profit nie wie lub nie rozważała inwestowania w optymalizację wyszukiwarek (SEO), mimo że może ona przynieść jeden z najwyższych zwrotów z inwestycji.

Jak oczekujesz, że Twoi zwolennicy, wolontariusze i adwokaci znajdą Cię, jeśli nie zainwestujesz w strategię SEO i treści? Około 53% osób twierdzi, że zawsze przeprowadza badania, zanim coś kupi, aby upewnić się, że dokonują najlepszego możliwego wyboru. Nie inaczej jest w przypadku organizacji non-profit.

Silne SEO jest ważniejsze niż kiedykolwiek dla organizacji non-profit z powodu przyspieszonej transformacji cyfrowej z powodu COVID i ogólnego klimatu politycznego w Stanach Zjednoczonych. Wielu Amerykanów szuka sposobów na wsparcie organizacji zajmujących się konkretnymi problemami społecznymi – podkreślając większą potrzebę silnego SEO.

3. Dostępność

Według Światowej Organizacji Zdrowia miliard ludzi — około 15% światowej populacji — żyje z jakąś formą niepełnosprawności. Około 75% niepełnosprawnych Amerykanów deklaruje, że codziennie korzysta z internetu.

Należy pamiętać, że dostępność w projektowaniu stron internetowych jest najlepsza, gdy jest planowana z wyprzedzeniem, ale można ją naprawić w znaczący sposób na dowolnym etapie cyklu życia witryny.

Jak wspomniano powyżej, istnieją niewielkie zmiany, które mogą znacznie pomóc wszystkim w zaangażowaniu się w Twoją witrynę, ale kilka z najbardziej krytycznych to:

• Upewnij się, że kolory tekstu/tła są przyjazne dla osób z niepełnosprawnością wzrokową, w tym ślepotą barw
• Jeśli to możliwe, stwórz konkretną kopię tekstów alternatywnych na obrazach i grafikach, aby ustnie opisać to, co zobaczyłby ktoś inny
• Pomaga to również osobom korzystającym z czytników ekranu, a głos opisujący to, co widzą, dodaje kontekst i kolor do ich doświadczenia online
• Używając klawisza tabulatora do poruszania się po witrynie, aby zobaczyć, jak osoby, które nie mogą poruszać się myszą, będą angażować się w Twoje treści, mogą oświetlić obszary, w których może być konieczna dodatkowa praca.
• I wreszcie, sprawdzanie rozbieżności między środowiskiem mobilnym a komputerowym może być świetnym ostatnim krokiem, aby upewnić się, że spełniasz wymagania dotyczące ułatwień dostępu

Ostatecznie przeprojektowanie witryny nie jest łatwe, ale jest to mądra i lukratywna decyzja biznesowa, jeśli chodzi o pomoc Twojej organizacji non-profit w dotarciu do nowych odbiorców i zwiększeniu wpływu. Silna witryna ma kluczowe znaczenie dla każdej marki, ale szczególnie ważna dla organizacji non-profit, których celem jest docieranie do zainteresowanych odbiorców i inspirowanie ich.