기부 페이지 구축: 7가지 모범 사례

디지털 기금 모금 분야에 크게 의존하는 비영리 조직에서는 온라인에 존재하는 것이 중요하며 이 모든 것은 눈길을 끄는 기부 페이지에서 시작됩니다.

온라인 기부 양식은 디지털 기금 마련 전략의 핵심입니다. 모든 캠페인 및 마케팅 전반에 걸쳐 이 페이지에 링크하고 트래픽을 다시 유도할 수 있습니다. 전환에 최적화된 기부 페이지를 만드는 것은 말보다 쉬운 경우가 많습니다.

잘 디자인된 기부 페이지를 갖는 것이 왜 중요한가요?

시선을 사로잡는 탐색 가능한 기부 페이지는 모든 비영리 단체의 필수 요소입니다. 이는 디지털 기금 마련 전략의 핵심이며 온라인 상태일 때 잠재 고객이 귀하의 대의에 대한 지원을 표시하는 곳입니다. 또한 기부자가 영감을 받는 순간 조직과 연결할 수 있도록 합니다.

전반적으로 이 페이지는 온라인 기부 전략의 기본 기반이며 원활한 기부 프로세스를 개발하는 데 중요한 역할을 합니다. 무질서하거나 압도적이거나 완료하기 어려운 경우 기부금 증가라는 자체 목적을 달성하지 못합니다 . 다시 말해, 꼭 필요한 재정 지원을 놓치게 될 것입니다.

운 좋게도 올바른 기부 소프트웨어가 지원되는 한 전문 개발자의 도움 없이 수행할 수 있는 몇 가지 단계가 있습니다. 다음을 포함하여 최대한의 성공을 위해 기부 양식을 설정하는 7가지 쉬운 팁을 살펴보겠습니다.

• 모바일 친화적인지 확인
• 접근성 지침 준수
• 웹사이트와 일치하도록 양식 브랜드화
• 제안 금액 제공 기능
• A/B 테스트 수행
• 다양한 안전한 기부 옵션 제공
• 반복되는 선물 장려

기부 페이지는 누군가가 기부하는지 여부를 결정하는 요소가 될 수 있으므로 사전에 노력을 기울이면 장기적으로 보상을 받을 수 있음을 기억하십시오. 비영리 기부 페이지를 돋보이게 만들고 온라인 기부 전략을 개선할 준비가 되셨습니까? 뛰어들어봅시다.

모바일 친화적인지 확인

모든 비영리 웹사이트 트래픽의 절반이 모바일 사용자로부터 발생합니다. 또한 연구에 따르면 모바일 반응형 디자인을 통합하면 기부금이 평균 126% 나 증가할 수 있다는 사실이 밝혀졌습니다. 즉, 모바일 반응형 기부 양식을 제공하는 것은 간단합니다.

모바일 응답성은 사용자가 스마트폰, 태블릿, 랩톱 또는 데스크톱에서 방문하는지 여부에 관계없이 기부 페이지가 사용자의 화면 크기에 맞게 조정된다는 것을 의미합니다. 모바일 사용자를 위해 콘텐츠를 최적화하면 다음을 수행할 수 있습니다.

• 잘못된 형식을 피하십시오. 이미지에서 양식 필드에 이르기까지 모든 요소가 반응형 디자인으로 다시 포맷되고 깔끔하게 보입니다.
• 콘텐츠와 쉽게 상호 작용할 수 있습니다. 사용자는 콘텐츠를 보고 기부를 제출하기 위해 기기를 집거나 확대/축소하거나 회전할 필요가 없습니다.

가장 좋은 방법은 자동 모바일 응답을 제공하는 기부 양식을 사용하는 것입니다. 이렇게 하면 모바일 사용자, 태블릿 사용자 및 데스크톱 사용자를 위해 여러 버전의 웹페이지를 개발할 필요가 없습니다. 완벽하게 반응하는 경험을 제공하는 이 기부 페이지 예시를 살펴보세요.

반응형 디자인을 제공하는 것 외에도 기부 페이지는 모바일 경험을 완전히 최적화하기 위해 다른 모바일 친화적인 모범 사례를 통합할 수 있습니다. 예를 들어 페이지 로드 시간을 단축하는 것을 목표로 해야 합니다. 결국 페이지 로드 시간이 1초에서 10초로 늘어날수록 모바일 사용자가 이탈할 확률은 123% 증가합니다. 필드 수를 줄이고 이미지를 압축하며 과도한 코딩을 제거하여 이를 설명합니다.

또한 콘텐츠를 최소화하고 양식을 단순화하기를 원할 것입니다. 그렇지 않으면 모바일 사용자가 끝없이 스크롤하고 결국 기부 페이지를 떠날 가능성이 높아집니다. 전반적으로 모바일 우선 관점에서 기부 페이지를 디자인하면 장기적으로 효과를 볼 수 있습니다.

접근성 지침 준수

기부 페이지를 만들 때 가능한 한 많은 사람들이 페이지를 보고 상호 작용할 수 있기를 원할 것입니다. 이것은 장애가 있거나 장애가 있는 사람들이 디자인에 접근할 수 있도록 하는 것을 의미합니다. 그렇지 않으면 그들을 배제하고 지원을 놓칠 위험이 있습니다.

2018년에 개발된 WCAG(웹 콘텐츠 접근성 지침) 2.1에는 웹사이트가 준수해야 하는 몇 가지 요구 사항이 요약되어 있습니다. 이렇게 하면 다양한 능력을 가진 사람들이 웹에서 동등하게 참여할 수 있습니다. 수많은 요구 사항이 있지만 대부분은 전문 웹 개발자의 도움 없이 구현하기 쉽습니다.

비영리 기부 페이지를 통해 다음을 수행할 수 있습니다.

• 고대비 색상을 통합합니다. WCAG 2.1 지침은 텍스트와 텍스트 이미지에 대해 최소 4.5:1의 명암비를 요구합니다. 참고로 흰색 바탕에 검은색 글씨가 21:1로 명암비가 가장 높습니다.
• 필드 자체 외부에 있는 필드에 레이블을 명확하게 지정합니다. 이것은 스크린 리더 기술을 사용하는 사람들에게 특히 유용합니다. 화면 판독기는 양식에서 보이는 텍스트만 읽기 때문에 필드 내 에서 자리 표시자 텍스트만 사용하면 어떤 정보가 필요한지 알려주지 않습니다.
• 어떤 필드가 필요한지 확인하십시오. 일반적으로 이것은 빨간색 별표 또는 다른 기표를 추가하여 수행됩니다. 시력이 낮은 사람들은 이것을 볼 수 없기 때문에 필수 필드의 레이블 색상을 변경하는 것만으로는 충분하지 않습니다.

물론 이것은 기부 페이지를 만들 때 더 나은 접근성을 위해 취할 수 있는 몇 가지 단계일 뿐입니다. 많은 비영리 규정 준수 팁은 구현하기 쉽고 잠재 고객에게 엄청난 가치를 제공할 수 있습니다.

웹사이트와 일치하도록 양식 브랜드화

모든 채널에서 일관된 브랜딩으로 수익이 23% 증가합니다. 즉, 사이트의 다른 페이지에서 기부 페이지로 원활하게 전환해야 합니다.

시작하려면 도구에서 기부 양식을 웹사이트에 직접 삽입할 수 있는지 확인하세요. 귀하의 잠재 고객은 귀하의 대의에 기여하기 위해 귀하의 사이트를 떠나서 는 안 됩니다. 제3자 사이트로 리디렉션하는 것은 신뢰할 수 없는 것처럼 보일 수 있기 때문입니다. 그러면 그들은 지불 정보를 입력하는 것을 불편하게 여기고 귀하는 그들의 지원을 완전히 잃을 수 있습니다.

여기에서 사이트의 나머지 부분과 일치하도록 기부 페이지를 사용자 지정해야 합니다. Morweb의 기부 페이지 가이드에 따르면 “시각적 일관성은 기부자가 웹사이트를 탐색할 때 신뢰 요소를 유지합니다. 효과적인 브랜드 지향 비주얼을 사용하여 원활한 전환을 만드는 것이 이러한 신뢰를 유지하는 열쇠입니다.”

기부 페이지에서 시각적 일관성을 유지하려면 다음 제안을 시도해 보세요.

• 비영리단체의 색 구성표를 사용합니다. 브랜딩 전략의 일환으로 마케팅 자료 전반에 걸쳐 2~3가지 색상을 일관되게 사용할 수 있습니다. 이것은 기부 페이지에도 적용되어야 합니다.
• 로고를 눈에 띄게 표시하십시오. 로고는 브랜드에서 가장 눈에 잘 띄는 요소입니다. 일반적으로 조직의 로고는 웹사이트의 왼쪽 상단 모서리에 있습니다. 하지만 규모가 크고 눈에 잘 띄는 장소에 있는 한 어디에서나 잘 작동합니다.
• 시선을 사로잡는 배너 이미지를 추가하세요. 당신의 대의와 그것이 봉사하는 지역 사회를 나타내는 하나의 매력적인 그림을 선택하십시오. 그 이상은 방문자가 당면한 작업에서 주의를 분산시킵니다. 이것은 또한 사람들에게 그들이 당신의 대의에 기여하는 이유를 상기시키는 데 도움이 될 수 있습니다. 예를 들어, 동물 보호소에는 모피 거주자의 사진이 포함될 수 있습니다.

이미지, 읽기 쉬운 색 구성표 및 원인을 설명하는 텍스트를 통해 강력한 브랜딩의 힘을 보여주는 이 기부 페이지를 살펴보세요.

기부자가 기부 페이지를 클릭할 때 돈을 모으기 위해 낯선 사람에게 넘겨진 것처럼 느껴서는 안 됩니다. 브랜드 페이지는 그들을 안심시키고 기부할 때 더 편안함을 느끼게 하여 더 많은 기부를 완료할 수 있도록 도와줍니다.

제안 금액 제공 기능

디지털 기부로 전환하면서 비영리단체는 제안된 기부의 힘을 인식하게 되었습니다. 전략적으로 구현하면 제안된 기부 금액이 총 기부 수익에 직접적인 영향을 미칠 수 있습니다. 이것은 두 가지 주요 이유 때문에 작동합니다.

• 기부자는 제안된 기부 금액을 다른 사람들이 기부하는 금액에 대한 참조로 사용합니다. 그런 다음 이 정보를 지침으로 사용하여 얼마를 주어야 하는지 결정합니다.
• 기부는 모든 기부자가 버튼을 클릭하기만 하면 되므로 더 쉽습니다.

제안된 기부 금액을 사용하여 기부자가 더 많이 기부하도록 영향을 미칠 수 있지만 지금까지는 넛지만 할 수 있습니다. 즉, 현재 평균 온라인 기부 금액이 $20이면 $500 기부를 요청하는 것이 합리적이지 않습니다.

대신, 평균 기부자가 기부하는 것보다 약간 더 높은 옵션을 설정하십시오. 예를 들어 작년의 평균 기부금이 20달러였다면 10달러, 25달러, 50달러, 100달러의 기부를 제안할 수 있습니다. 그런 식으로 $20를 기부할 계획이 있는 잠재 고객은 $25로 약간의 인상을 선택할 수 있습니다. 마찬가지로 하단에 있는 기부자도 기부금을 10달러 임계값에 도달할 수 있습니다.

시간이 지남에 따라 평균 기부금이 증가함에 따라 이 금액을 조정하는 것을 고려할 수 있습니다. 여기에 통찰력 있는 KPI를 자동으로 수집하는 기부 소프트웨어가 유용합니다. 이렇게 하면 이러한 통계를 수동으로 수집하는 것에 대해 걱정할 필요가 없습니다.

잠재 고객이 더 많이 기부하도록 권장하기 위해 기부 금액이 $25, $500 및 $2,500로 설정되어 있는 이 기부 페이지의 예를 살펴보십시오.

버튼이 어떻게 눈에 잘 띄는지 확인하십시오. 추가 보너스로 기부 페이지도 모바일 반응형이므로 모바일 기부자도 기부 버튼을 사용할 수 있습니다! 전반적으로 이 접근 방식을 구현하면 지지자에게 더 많은 기부를 요청하는 프로세스가 간소화됩니다. 이 작은 변화가 당신의 모금에 큰 변화를 줄 수 있습니다.

A/B 테스트 수행

A/B 테스트(분할 테스트 또는 버킷 테스트라고도 함)는 웹 개발자가 웹 페이지의 두 버전을 비교하여 어떤 변형이 더 나은 성능을 보이는지 알아내는 사용자 경험 방법론입니다. 최종 목표는 전환을 유도하는 요소(이 경우 기부)를 결정하는 것입니다.

A/B 테스트를 수행하려면 먼저 컨트롤 기부 페이지를 설정해야 합니다. 그런 다음 테스트할 요소를 결정합니다. 그런 다음 해당 변수를 변경한 두 번째 기부 페이지를 설정하고 두 양식 모두에 트래픽을 유도합니다. 예를 들어 이메일 목록을 반으로 나누어 각 페이지로 보낼 수 있습니다. 마지막으로 기부 수를 방문자 수로 나누어 계산한 두 페이지의 완료율을 추적합니다.

둘 사이에 상당한 차이가 있음을 알게 되면 승자가 통제 기부 페이지가 되어야 합니다. 그런 다음 프로세스를 반복하고 기부 페이지를 더욱 세분화할 수 있습니다.

다음 기부 페이지 예에서 약간의 조정이 전환에 상당한 차이를 가져온 방법을 살펴보십시오.

테스트할 요소

특히 A/B 테스트를 수행한 적이 없다면 무엇을 테스트할지 결정하기 어려울 수 있습니다. 더 나은 아이디어를 위해 비영리 기부 페이지에서 고려해야 할 몇 가지 요소가 있으며 그 중 일부는 다음과 같습니다.

• 배너 이미지: 사람들이 양식을 완성하도록 영감을 주는 사진 유형은 무엇입니까?
• 제안된 기부 금액: 제안된 기부가 많을수록 기부가 더 많아지나요?
• 카피: 카피 의 톤이나 길이가 기부에 영향을 줍니까?
• 레이아웃 : 1열 양식이 2열 양식보다 더 많은 완료를 유도합니까?
• 후기: 다른 후원자의 후기가 기부에 어떤 영향을 미치나요?

테스트하지 말아야 할 요소

테스트하고 싶은 요소가 여러 개 있지만 시간과 노력을 들이고 싶지 않은 요소도 있습니다. 예를 들어 다음을 테스트하지 마십시오.

• 한 번에 여러 변수. 다른 완료율이 표시되면 어떤 요소가 이를 표시했는지 알 수 없습니다.
• 너무 유사한 이미지: 결과에 영향을 미치지 않을 가능성이 높습니다.
• 어조와 길이가 비슷한 카피: 기증자는 약간의 차이를 느끼지 못할 것입니다.

A/B 테스트를 수행할 때

일정 시간이 지나면 완료율에 영향을 주는 요소를 결정할 수 있습니다. A/B 테스트를 수행하기에 가장 좋은 시기는 트래픽이 증가할 것이라는 것을 알고 있을 때입니다. 예를 들어 다음 시간에 설정하십시오.

• 이메일 캠페인을 수행할 때
• 연말 기부를 향해
• 모금 행사 중
• 조직이 언론의 주목을 받고 있는 경우

트래픽이 많다는 것은 통계적으로 의미 있는 결과를 목격할 가능성이 더 높다는 것을 의미합니다. 그렇지 않으면 결과를 보려면 더 오래 기다려야 합니다.

다양한 안전한 기부 옵션 제공

비영리 조직으로서 당신은 기부자로부터 엄청난 양의 데이터를 수집하고 있을 것입니다. 이 때문에 특히 지불 데이터 수집과 관련하여 충분한 보안 예방 조치를 취하는 것이 중요합니다.

사이버 공격은 미국에서 가장 빠르게 성장하는 범죄이며 매년 350% 이상 증가하고 있습니다. 또한 기부 페이지가 안전한지 확실하지 않은 경우 기부자는 페이지를 신뢰하지 않고 프로세스를 포기할 가능성이 높습니다.

안전한 기부는 PCI 호환 지불 프로세서에서 시작됩니다. 즉, 데이터 보호를 위한 업계 프로토콜을 따릅니다. 또한 이 플랫폼은 서버와 사용자의 웹 브라우저 사이에 보안 연결을 설정하는 SSL(Secure Socket Layer) 기술을 사용하여 결제 정보를 인증하고 암호화해야 합니다. 이렇게 하면 직원과 기부자가 모든 데이터가 보호된다는 확신을 가질 수 있습니다.

안전한 기부 처리자의 도움으로 다양한 지불 옵션을 수락할 수 있어야 기부자가 자신의 필요에 가장 적합한 옵션을 선택할 수 있습니다. 예를 들어 다음 지불 방법을 수락할 수 있는지 확인하십시오.

• 체크/신용카드
• ACH 계좌 입금
• PayPal 및 기타 인기 있는 결제 방법

여기에서 기부 페이지에 관련 아이콘을 표시하여 이러한 옵션이 명확하게 표시되도록 하고 싶을 것입니다. 이러한 선택을 제공하고 기부자에게 지불 정보가 보호된다는 확신을 줌으로써 기부할 때 안심할 수 있습니다.

반복되는 선물 장려

기부 수익을 극대화하는 가장 좋은(그리고 가장 쉬운) 방법 중 하나는 기부 페이지에서 반복적인 기부를 장려하는 것입니다. 이는 기부자가 기부 양식을 작성하고 선택하고 페이지를 다시 작성하지 않고도 기부를 계속할 수 있기 때문입니다.

비영리단체 소스(Nonprofits Source)에 따르면 정기 기부를 설정한 기부자는 일회성 기부에 비해 매년 놀라운 42%를 더 기부합니다. 즉, 되풀이되는 선물은 간과하고 싶은 것이 아니며 ,주는 과정에서 그것을 홍보하는 최적의시기입니다.

기부 페이지에서 반복되는 선물을 장려하면 쉽게 가시성을 높이고 기부자가 프로그램에 등록하도록 할 수 있습니다. 다음 모범 사례를 통합하여 이 기회를 최대한 활용하십시오.

• 기부자가 자신의 기부를 관리할 수 있도록 합니다. 직원이 프로세스를 감독하지 않고 기부 금액과 빈도를 조정할 수 있는 플랫폼을 제공하십시오.
• 기부자의 지불이 거부될 때마다 후속 조치를 취하십시오. 거부되거나 만료된 카드로 인해 누락된 결제를 바로잡으려면 신속하게 연락하세요.
• 옵션을 명확히 하십시오. 기부 양식에 반복 옵션을 직접 추가하면 가시성이 극대화됩니다. 정확히 그것을 달성하는 다음 기부 페이지 예를 확인하십시오.

결론

아시다시피 기부 페이지를 구축하는 데 완전히 최적화하려면 상당한 시간이 걸립니다. 그러나 그렇게 하는 것은 온라인 모금 공간에서 성공하기 위해 필수적입니다.

모바일 친화성부터 반복되는 선물에 이르기까지 온라인 기부 프로세스를 최대한 원활하게 만들 수 있는 방법은 셀 수 없이 많습니다. 강력한 기부 소프트웨어의 도움으로 기부자와 연결하고 전환율을 높일 수 있습니다.