Strony według branży07 / 12
Strony fundacji, które zamieniają odwiedzających w darczyńców i wolontariuszy
Dla fundacji, stowarzyszeń, organizacji non-profit i kampanii społecznych. Dobra strona zamienia chęć pomocy w działanie: mówi w jednym zdaniu, co robisz, pokazuje, co zmienia darowizna i na co idą pieniądze, a wpłata, podpis pod petycją czy zgłoszenie do wolontariatu zajmują minutę.
Co powinno być na stronie fundacji
10 części, od góry do dołu. Każda ma swoją robotę w sprzedaży i każdą pokazuję na prawdziwej stronie, która robi to dobrze. Żadna z tych stron nie jest moją realizacją. Większość wybrałem za wygląd i treść; te nieliczne wybrane tylko za treść są oznaczone.
Część 01 / 10
Misja w jednym zdaniu i możliwość wpłaty
Odwiedzający w kilka sekund decyduje, czy chce wesprzeć twoją sprawę. Pierwszy ekran mówi jednym prostym zdaniem, co robisz, pokazuje ludzi, dla których to robisz, i od razu daje możliwość wpłaty, żeby ktoś, kto jest już przekonany, nie musiał jej szukać.
Typowy błądSlider z hasłami o nadziei i zmianie, a przycisk wpłaty zgubiony w menu.
Wybrany za design i treść
Przykład GiveDirectly. Pierwszy ekran, który mieści cały pomysł w jednej linii, a tuż pod nią formularz wpłaty.
- 1
Misja w jednej linii: „Send money directly to people who need it most”, czyli przekaż pieniądze prosto tym, którzy najbardziej ich potrzebują. Zdanie pod spodem mówi, co robi darowizna: rodziny żyjące w biedzie same wybierają, jak najlepiej poprawić swoje życie.
- 2
Formularz jest na pierwszym ekranie. Zaznaczona jest wpłata co miesiąc, „Monthly”, a spośród czterech opcji wybrana jest kwota 60 USD, więc odwiedzający widzi, jak wygląda zwykła darowizna.
- 3
Przycisk mówi dokładnie, co się stanie: „Give $60 monthly”, czyli wpłać 60 USD co miesiąc. Pod nim program, do którego trafi darowizna, „Poverty relief - Africa”, czyli walka z ubóstwem w Afryce, i link, żeby go zmienić.
- 4
Ludzie na zdjęciu mają imiona i miejsce: „Leonard & Mercy in Malawi”. Odwiedzający widzi, do kogo trafiają pieniądze.
Część 02 / 10
Efekty w liczbach
Darczyńcy chcą wiedzieć, że coś się zmieniło, bo ludzie wpłacili. Kilka liczb, każda w krótkim zdaniu, które mówi, co liczy, pokazuje skalę pracy tak, że odwiedzający może ją powtórzyć znajomemu.
Typowy błąd„Tysiące odmienionych losów”, bez liczby, bez jednostki i bez daty.
Wybrany za design i treść
Przykład Wikimedia Foundation. Pięć faktów, każdy to liczba w zdaniu, a przy każdym mały rysunek.
- 1
Prosty nagłówek, „By the numbers”, czyli w liczbach, i jedno zdanie o tym, dlaczego te liczby są ważne: od studentów po chatboty, wszyscy uczą się z Wikipedii.
- 2
Każda liczba stoi w zdaniu, które mówi, co liczy: blisko 15 mld wyświetleń miesięcznie. Mały rysunek nad nią sprawia, że cały rząd łatwo przejrzeć.
- 3
Jedna liczba dotyczy ludzi, którzy dają swój czas: blisko 265 000 wolontariuszy co miesiąc.
- 4
Liczba w ludzkiej skali: 324 nowe edycje w każdej minucie. Minutę każdy potrafi sobie wyobrazić.
- 5
Dwa kolejne fakty w drugim rzędzie: ponad 67 mln artykułów w ponad 300 językach i jedyna strona w pierwszej dziesiątce najczęściej odwiedzanych, którą prowadzi organizacja non-profit.
Część 03 / 10
Co robisz i gdzie
Darczyńca wspiera pracę, którą potrafi sobie wyobrazić. Powiedz, komu pomagasz, gdzie działasz i co konkretnie robisz, w kilku krótkich krokach zakończonych efektem, żeby odwiedzający zobaczył drogę od swojej wpłaty do zmiany.
Typowy błądLista programów o wewnętrznych nazwach, które nic nie mówią nikomu spoza biura.
Wybrany za design i treść
Przykład One Acre Fund. Cały model w czterech krótkich krokach: od tego, komu pomagają, po to, co to daje.
- 1
Nagłówek to efekt, „Delivering prosperity”, czyli przynosimy dobrobyt, a zdanie pod nim mówi, kto wybiera tę pracę: miliony rolników, żeby wyżywić rodziny i poprawić swoje życie.
- 2
Najpierw to, komu pomagają: rodzinom, które utrzymują się z małych gospodarstw na wsi, gdzie uprawy podlewa tylko deszcz.
- 3
Gdzie, razem z powodem tego wyboru: 9 krajów Afryki Subsaharyjskiej, które produkują 80% żywności całego kontynentu.
- 4
Co dają i co to przynosi: dobrej jakości nasiona i usługi rolnicze, a w efekcie większe plony i o 45% wyższy dochód z tego samego kawałka ziemi.
Część 04 / 10
Prawdziwi ludzie, z imienia
Ludzie chętniej pomagają człowiekowi niż statystyce. Pokaż tych, dla których pracujesz, z imieniem, wiekiem, miejscem i kilkoma zdaniami o ich życiu, i pozwól darczyńcy wybrać, komu pomoże.
Typowy błądZdjęcia uśmiechniętych dzieci z banku zdjęć, bez imion, albo jedna historia zakopana na blogu.
Wybrany za design i treść
Przykład Watsi. Troje pacjentów z imieniem i zdjęciem, przy każdym pasek, który pokazuje, ile już zebrano.
- 1
Zaproszenie, żeby poznać jedną osobę: „Meet a patient you can support”, czyli poznaj pacjenta, którego możesz wesprzeć. Zdanie pod spodem to obietnica: 100% twojej darowizny idzie na operację, która zmienia życie.
- 2
Każda karta zaczyna się od życia, a nie od diagnozy: Miftah to wesoły ośmiolatek z Etiopii, który lubi grać w piłkę.
- 3
Pasek i trzy liczby pokazują, na jakim etapie jest zbiórka: 15% celu, zebrane 80 USD, brakuje 432 USD.
- 4
Darczyńca może wybrać osobę najbliżej celu: Fernanda ma już 91%, brakuje 129 USD.
Część 05 / 10
Na co idą pieniądze
Pierwsza wątpliwość wobec każdej organizacji brzmi: ile z darowizny trafia na sam cel. Odpowiedz prostymi liczbami: jaka część idzie na cel, kto płaci za resztę i jak trzymasz jedno od drugiego osobno. Jasna odpowiedź zamienia ostrożnego odwiedzającego w darczyńcę.
Typowy błąd„Twoja darowizna ma znaczenie” i ani słowa o tym, jaka jej część trafia na cel.
Wybrany za design i treść
Przykład charity: water. Obietnica z nazwą, wyjaśniona na jednym przykładzie, a dalej pytanie, które darczyńcy zadają zaraz potem.
- 1
Obietnica ma nazwę, „The 100% Model”, i własną podstronę. Nazwę darczyńcy mogą zapamiętać i powtórzyć.
- 2
Obietnica na przykładzie: jeśli z wpłaty kartą na 100 USD dotrze 97 USD, organizacja dokłada 3 USD, żeby na wodę poszło całe 100 USD. Potem to, jak tego pilnują: osobne zadania, osobne cele zbiórek i osobne konta bankowe dla projektów wodnych i dla bieżącego działania organizacji.
- 3
Skala i sposób, żeby to sprawdzić: w ten sposób wpłaciło już ponad milion osób, a link prowadzi do samego dokumentu, „100% Model Statement”.
- 4
Następne pytanie darczyńcy jest nagłówkiem kolejnej sekcji: „So, how do we pay our operating expenses?”, czyli z czego pokrywamy koszty działania. Odpowiedź jest zaraz pod nim: niewielka grupa prywatnych darczyńców.
Część 06 / 10
Darowizna, którą można sobie wyobrazić
Sama kwota niewiele znaczy. Przy każdej sumie napisz, co ona robi, w jednostce twojej pracy: posiłek, butelka, hektar. Darczyńca widzi efekt, zanim zapłaci. Mało pól i rozsądna kwota domyślna sprawiają, że formularz wypełnia się szybko.
Typowy błądPuste pole na kwotę i ani słowa o tym, co zrobią te pieniądze.
Wybrany za design i treść
Przykład The Ocean Cleanup. Formularz wpłaty, który zamienia kwotę w butelki zatrzymane w rzekach, obok licznika tego, co już zrobiono.
- 1
Nagłówek stawia na pierwszym miejscu darczyńcę: twoja darowizna pomaga nam oczyścić oceany świata z plastiku.
- 2
Pod nim licznik, który ciągle rośnie: 144 448 788 funtów usuniętych śmieci.
- 3
Jednorazowo albo co miesiąc, trzy kwoty i pole na dowolną inną sumę. Aktywna jest zakładka „Monthly”, a 25 USD jest już zaznaczone.
- 4
Przycisk powtarza cały wybór: wpłać 25 USD co miesiąc.
- 5
Pod przyciskiem darowizna w jednostce pracy: około 15 tys. butelek zatrzymanych w rzekach rocznie, z dopiskiem, że to szacunek oparty na wynikach z 2025 roku.
Część 07 / 10
Stałe wsparcie pod własną nazwą
Stałe wpłaty pozwalają organizacji planować, a w ciągu roku dają więcej niż większość jednorazowych darowizn. Daj comiesięcznej wpłacie osobną podstronę i nazwę, przelicz małą kwotę na ludzi, którym pomaga, i pokaż społeczność, do której dołącza darczyńca.
Typowy błądMałe pole „wpłacaj co miesiąc” do zaznaczenia na dole formularza jednorazowej wpłaty.
Wybrany za design i treść
Przykład charity: water. Podstrona tylko o comiesięcznym wsparciu, z kwotą przeliczoną na ludzi i społecznością, która ma własną nazwę.
- 1
Podstrona sprzedaje jedną rzecz: „Give people clean and safe water every month”, czyli daj ludziom czystą i bezpieczną wodę, co miesiąc.
- 2
Mała kwota przeliczona na ludzi: 20 USD miesięcznie wystarczy, żeby co roku zapewnić czystą wodę 6 osobom, czyli całej rodzinie.
- 3
Cztery miesięczne kwoty i pole na dowolną inną, a 20 USD jest już zaznaczone.
- 4
Pod nimi znów darowizna w ludziach: średnio 6 osób z czystą wodą każdego roku. Przycisk zaprasza, żeby dołączyć, a nie żeby wpłacić.
- 5
Comiesięczni darczyńcy mają własną nazwę, „The Spring”, i liczbę, której są częścią: społeczność, która co miesiąc pomaga 38 988 osobom.
Część 08 / 10
Sposoby pomocy poza wpłatą
Nie każdy, kto chce pomóc, może dać pieniądze, a wielu woli coś zrobić. Wolontariat, zorganizowanie wydarzenia albo zbiórka wśród znajomych przyciągają ludzi, do których przycisk wpłaty nigdy nie dotrze, a każdy, kto zbiera, przyprowadza swój krąg znajomych. Nazwij sposoby, w jakie można się włączyć, i zrób z zapisu jedno kliknięcie.
Typowy błądPodstrona „Zaangażuj się”, która kończy się formularzem kontaktowym.
Wybrany za design i treść
Przykład Movember. Pierwszy ekran, który prosi o zobowiązanie, a nie o wpłatę, i daje cztery sposoby, żeby się włączyć.
- 1
Prośba ma własną nazwę i liternictwo, „Make a Growmitment”, a pod nią trzy kroki: rzuć wyzwanie znajomemu, zapuszczajcie wąsy razem, zmieńcie zdrowie mężczyzn na lepsze.
- 2
Nagłówek to pytanie do czytelnika: jakie jest twoje growmitment? Zdanie pod nim wyjaśnia, co to jest: zobowiązanie, że zmienisz zdrowie mężczyzn na lepsze. Samo słowo łączy „grow”, czyli zapuszczać, i „commitment”, czyli zobowiązanie.
- 3
Najpierw cztery sposoby, żeby się włączyć: zapuścić wąsy, ruszać się, zorganizować wydarzenie albo „Mo Your Own Way”, czyli po swojemu. Dopiero potem, życzliwie: chcesz tylko wpłacić? To też jest w porządku.
- 4
Zdjęcie znajomych, którzy robią to razem, z podpisem: prawdziwa wygrana? Zrobić to ze swoją ekipą.
- 5
Dwa następne kroki: „Learn more”, czyli dowiedz się więcej, albo „Sign up to fundraise”, czyli od razu zapisz się do zbiórki.
Część 09 / 10
Dowody z zewnątrz
Organizacja, która sama się chwali, nikogo nie przekona. Oceny niezależnych serwisów, które sprawdzają organizacje charytatywne, artykuły w gazetach, które czyta darczyńca, i nazwy grantodawców, którzy cię wspierają, pozwalają odwiedzającemu oprzeć się na cudzej ocenie. Zbierz je w jednym miejscu i przy każdym podaj źródło.
Typowy błądŚciana logotypów partnerów bez słowa komentarza albo „nagradzana organizacja” bez nazwy nagrody.
Wybrany za design i treść
Przykład GiveDirectly. Prasa, oceny i grantodawcy w jednym bloku, przy każdym źródło.
- 1
Nagłówek mówi, czyje to słowa: niezależne oceny i relacje prasowe, a nie zdanie samej organizacji.
- 2
Najmocniejszy cytat dostaje największą kartę: The New York Times o tym, że gdy biedne rodziny dostały 1000 USD, umieralność niemowląt spadła prawie o połowę.
- 3
Cztery kolejne tytuły, które darczyńca zna, The Economist, Fast Company, Forbes i Financial Times, każdy z jedną linijką i linkiem do całego tekstu.
- 4
Oceny niezależnych serwisów w liczbach: 99% i cztery gwiazdki od Charity Navigator, ocena A od CharityWatch.
- 5
Pod nimi grantodawcy i ośrodki naukowe, które stoją za tą pracą, wśród nich Oxford, IKEA Foundation, Princeton i Google.org.
Część 10 / 10
Raporty, które każdy może otworzyć
Fundacje grantodawcze, duzi darczyńcy i dziennikarze sprawdzają liczby, zanim zaufają organizacji, a wielu drobnych darczyńców lubi wiedzieć, że mogliby to zrobić. Raport roczny z krótkim podsumowaniem, finanse sprawdzone przez audytora i poprzednie lata o jedno kliknięcie dalej pokazują, że nie masz nic do ukrycia.
Typowy błądRaporty wysyłane tylko na prośbę albo jeden PDF sprzed trzech lat.
Wybrany za design i treść
Przykład charity: water. Najnowszy raport roczny podsumowany prostymi słowami, a pod nim raporty i audyty z każdego roku na uporządkowanej liście.
- 1
Podstrona zaczyna się od tego, po co istnieje: darczyńcy chcą wiedzieć, że ich pieniądze są dobrze wykorzystane, więc organizacja zabiega o najwyższe oceny za rzetelność i przejrzystość.
- 2
Najnowszy raport ma krótkie podsumowanie prostymi słowami: ponad 22 000 projektów wodnych w 20 krajach i czysta woda dla 1,41 mln osób. Wymieniony jest też audytor: KPMG.
- 3
Jeden wyraźny przycisk do pełnego dokumentu: przeczytaj nasz raport roczny za 2025 rok.
- 4
Ocena z zewnątrz obok dokumentów: cztery gwiazdki od Charity Navigator.
- 5
Każdy rok ma ten sam zestaw linków: raport roczny, raport z audytu i audyt samej obietnicy 100%.
Przykłady należą do ich właścicieli i pokazuję je, żeby wyjaśnić pomysł; ponumerowane ramki są moje. Zrzuty ekranu z 6 października 2026; strony mogły się od tego czasu zmienić.
Zapytaj o swoją stronę
Czy odwiedzający w ciągu minuty wie, co ma zrobić?
Szybki sposób, żeby ocenić stronę, którą masz. Tam, gdzie szczera odpowiedź brzmi „nie”, ludzie, którym zależy, odchodzą, nic nie robiąc.
- 01
Czy pierwszy ekran mówi w jednym zdaniu, co robisz, i od razu daje możliwość wpłaty?
- 02
Czy na telefonie da się wpłacić albo podpisać petycję w mniej niż minutę?
- 03
Czy jasno widać, jaka część darowizny trafia na cel i kto płaci za resztę?
- 04
Czy można wpłacać co miesiąc równie łatwo jak jednorazowo?
- 05
Czy twój zespół uruchomi stronę kampanii bez programisty?
Co sprawia, że strona fundacji sprzedaje
Lekcja 01
Jedna historia wygrywa z dziesięcioma statystykami
Jeden człowiek albo jedno miejsce sprawiają, że problem staje się prawdziwy. Liczby pokazują potem, jak jest duży.
Lekcja 02
Rozwiej wątpliwość o pieniądze
Pierwsze pytanie wobec każdej organizacji brzmi: ile z darowizny trafia na sam cel. Odpowiedz wprost, poprzyj to raportami, a ta wątpliwość przestanie kosztować cię wpłaty.
Lekcja 03
Planuj drugą wpłatę
Pierwsza darowizna to dopiero początek. Stałe wsparcie, historie i wieści o postępach sprowadzają darczyńcę z powrotem, a to przy drugiej wpłacie przychody organizacji zaczynają być stabilne.
Co daje ci dobra strona fundacji
01
Więcej ludzi, którzy działają
Na każdej podstronie jedna wyraźna prośba i sposób, żeby na nią odpowiedzieć w mniej niż minutę.
02
Zaufanie darczyńców i grantodawców
Efekty, raporty i ludzie, którzy stoją za tą pracą, tam, gdzie szuka ich ostrożny darczyńca.
03
Kampanie, które zespół uruchomi sam
Szablony nowego apelu albo petycji, żeby strona nadążała za wydarzeniami.
Co dostajesz
Strona organizacji, która zamienia zainteresowanie we wpłaty i którą twój zespół sam utrzyma aktualną.
Zaprojektowana wokół tego, jak decydują twoi darczyńcy, i zbudowana w Webflow, więc historie, programy, liczby i raporty zmieniasz bez programisty. Gdy strona potrzebuje więcej, niż daje Webflow, na przykład formularza wpłat połączonego z twoim operatorem płatności i CRM albo licznika efektów na żywo, buduję to w kodzie. Stała cena po krótkim briefie.
Podstrony
Strona główna zbudowana z części opisanych wyżej, do tego podstrona każdego programu, na co idą pieniądze, jak pomóc, raporty i wpłata.
Wpłaty na twojej stronie
Twoje narzędzie do darowizn na stronie, na przykład Stripe, Donorbox albo PayU, z wpłatami jednorazowymi i comiesięcznymi, a przy każdej kwocie to, co dzięki niej się zmieni.
Historie i programy
Ludzie, projekty i miejsca jako kolekcje CMS, połączone ze sobą, więc nowa historia trafia na stronę po wypełnieniu formularza.
Liczby, które łatwo zmienić
Liczby o efektach trzymane w jednym miejscu w CMS, więc zmiana pojawia się od razu wszędzie na stronie.
Do znalezienia po tym, czym się zajmujesz
Tytuły, opisy i dane strukturalne dla organizacji, jej programów i wydarzeń, na stronach na tyle szybkich, żeby Google je doceniło.
Pomoc z tekstami
Układam strukturę i redaguję twoje teksty, żeby brzmiały jak twoja sprawa, a nie jak każdy inny apel.
Jak powinna wyglądać i brzmieć strona fundacji
Uczciwie, wprost i po ludzku.
To ogólne zasady. Sama strona powstaje wokół twojej marki, twoich klientów i twojego gustu.
Ludzie, a nie zdjęcia z banku zdjęć
Ci, którym pomagasz, i ci, którzy wykonują tę pracę, pokazani z szacunkiem.
Jeden kolor dla wpłat
Jeden kolor dla każdego przycisku wpłaty, nieużywany do niczego innego, żeby sposób na wpłatę zawsze łatwo było znaleźć.
Jedna prośba naraz
Strona, która prosi jednocześnie o wpłatę, podpis i zapis na newsletter, nie dostaje niczego.
Duże liczby
Liczby o efektach na tyle duże, żeby dało się je przeczytać jednym spojrzeniem, każda ze słowami, które mówią, co liczy.
Moje realizacje
Organizacja non-profit, mobilność miejska
Zero Wait
Interaktywna mapa przejść dla kampanii o bezpieczeństwie na drogach.
Zobacz case studyPytania
Skąd mam wiedzieć, czy nasza strona pomaga naszej sprawie?
Policz, co ludzie na niej robią: wpłaty, podpisy, zapisy. Jeśli odwiedzin jest dużo, a działań mało, prośba jest niejasna albo zbyt trudno ją spełnić.
Jesteśmy małą organizacją. Czy potrzebujemy czegoś więcej niż profilu w mediach społecznościowych?
Profil w mediach społecznościowych dobrze sprawdza się przy aktualnościach. Darczyńcy, grantodawcy i dziennikarze i tak zaglądają na twoją stronę, zanim wpłacą albo coś napiszą, i tylko tam możesz pokazać, na co idą pieniądze, i przyjąć darowiznę, nie odsyłając ludzi gdzie indziej.
Czy można wpłacać na samej stronie?
Tak. Formularz jest na twoich podstronach, z wpłatami jednorazowymi i comiesięcznymi, przez narzędzie do darowizn, którego już używasz, albo takie, które wybierzesz.
Jak aktualizować liczby o efektach?
Są w CMS, w jednym miejscu. Zmieniasz liczbę raz, a aktualizuje się na każdej podstronie, która ją pokazuje.
Czy nasz zespół może sam dodawać aktualności, kampanie i historie?
Tak. Aktualności, kampanie, historie i raporty to elementy CMS, więc nowy apel to po prostu formularz do wypełnienia.
Czy potrzebujemy strony w więcej niż jednym języku?
Tak, jeśli twoi darczyńcy albo partnerzy czytają w innym języku. Webflow obsługuje drugą wersję językową, na przykład polską i angielską, a podstrony w obu wersjach są ze sobą zgrane.
Czego zwykle potrzeba
Nowa strona lub redesign
Nowa strona w Webflow albo redesign obecnej, zaprojektowana i zbudowana przez jedną osobę. Struktura, teksty, CMS i start w cenie.
Usługa
Nowe podstrony i szablony CMS
Landing page, podstrony i szablony CMS, zbudowane z twojego pliku Figma albo rozwinięte z tego, co już jest na stronie.
Usługa
Integracje
Twoja strona w Webflow połączona z narzędziami, na których firma już pracuje: formularze trafiają do CRM, analityka mierzy właściwe rzeczy, a zgody na cookies wstrzymują tagi.
Usługa
Twoja strona
Chcesz, żebym obejrzał twoją stronę?
Dalej
Kliniki i zdrowie
08 / 12