비영리 웹사이트를 위한 8가지 디자인 팁

과외 센터에서 아이들의 숙제를 돕습니다. 8월 중순 무더위를 식히는 노인들의 여름 점심식사. 그룹 홈의 아이스크림 사교에서 모든 고정 장치로 선디를 토핑하십시오. 인내와 노력이 필요한 모든 시간 동안 자원 봉사는 진정으로 필요한 것보다 더 많은 것을 돌려줍니다.

기부와 자원 봉사는 훌륭하지만 웹 사이트에서 방문자에게 다음 단계를 수행하도록 촉구하지 않는다면 조직은 필요한 도움을 받지 못할 것입니다. 오늘날 대부분의 사람들은 신문에서 비영리단체의 행사에 대해 읽는 대신 온라인으로 조사하기 때문에 웹사이트는 방문자를 지지자로 전환해야 합니다. 내 요점을 설명하기 위해 실제 비영리 단체의 예와 함께 이를 수행하는 방법이 있습니다.

쉽게 탐색할 수 있는 메뉴를 만드는 방법과 같은 일반적인 UX 모범 사례를 의도적으로 건너뛰었습니다. 대신 비영리단체에 특화된 디지털 기술에 대해 이야기합니다. 우리 블로그에는 WordPress 사이트의 UX 감사 수행 방법 및 모든 웹 디자인 프로젝트에서 따라야 할 좋은 UI 디자인의 10가지 규칙과 같은 웹 디자인 관련 기사가 많이 있습니다.

1. 사명을 강조하십시오.

비영리단체에 목표가 있는 것처럼 비영리 웹사이트에도 목표가 있습니다. 귀하의 웹사이트는 두 가지 모두를 명확히 해야 합니다. 비영리단체의 사명은 무엇이며 웹사이트를 통해 이루고자 하는 것은 무엇입니까? 웹사이트 방문자가 취해야 할 다음 단계는 무엇입니까? Advocates for Children and Youth의 약자인 ACY 웹사이트를 방문하면 그들이 무엇을 위해 일하는지 즉시 알 수 있습니다.

Beyond Bars Animal Rescue 사이트에서는 다음에 무엇을 하기를 원하는지 즉시 알 수 있으며 제공하려는 지원 유형을 선택할 수 있는 옵션이 있습니다.

또한 귀하의 웹사이트는 이 문제에 대해 광범위하게 이야기해서는 안 됩니다. 대신 비영리단체가 개선하거나 해결하고자 하는 문제의 특정 부분을 설명하세요. 초점은 어디에 있습니까?

2. 시각적 스토리텔링을 수용하십시오.

비영리단체의 사명은 콘텐츠를 안내해야 합니다. 교육 자금을 지원하는 경우 학생과 학부모로부터 추천서를 수집하십시오. 동물을 보호하는 비영리단체는 사랑스러운 강아지 사진을 사용할 수 있습니다. 당신은 사람들의 목구멍에 당신의 임무를 밀어 넣고 싶지 않지만 그들이 당신의 홈페이지를 보는 순간부터 당신이하는 일을 분명히하고 싶습니다. 비주얼은 또한 사람들의 감정에 빠르게 호소하며 지지자들이 행동하도록 격려하는 빠른 방법입니다.

Breast Cancer Action은 홈페이지 슬라이더에 최근 이벤트 사진이 있습니다. 이는 자원봉사자에게 참여하는 모습을 빠르게 보여줄 수 있는 방법입니다.

3. 콘텐츠를 활용하여 지지자들을 참여시키십시오.

귀하의 웹사이트는 즉시 다음 두 가지 질문에 답해야 합니다.

• 방문자는 다음에 무엇을 해야 합니까?
• 그것이 변화를 만드는 데 어떻게 도움이 될까요?

Polaris는 스크롤 없이 볼 수 있는 세 가지 클릭 유도문안이 있어 참여를 위한 세 가지 옵션을 제공합니다.

인터랙티브한 웹사이트도 훌륭하고 비디오 콘텐츠는 많은 정보를 1분 안에 압축할 수 있습니다.

기후 변화에 맞서 싸우는 Power Shift는 화석 연료 프로젝트에 반대하는 그룹이 있는 곳과 기본적으로 그룹이 필요한 곳을 보여주는 대화형 지도를 제공합니다.

Live Your Dream에는 "당신은 어떤 영웅입니까?"가 있습니다. 퀴즈 (Shero = She + Hero)를 결정하는 데 도움이되는 ... 무언가. 귀엽고 재미있지만 더 짧고(16개 버튼을 눌러야 함) 무엇을 얻을 수 있는지 더 명확해질 수 있습니다. 하지만 대화형이며 질문을 살펴보는 것만으로도 비영리단체에 더 많은 투자를 하고 있다는 느낌을 받을 수 있습니다.

또한 비영리단체가 어떤 영향을 미쳤는지 보여주십시오. 예를 들어 긍정적인 영향을 받은 사람들의 이야기를 사용하거나 자원봉사자의 활동 동영상을 제공하거나 조직이 변경한 사항에 대한 통계를 제공합니다.

4. 방문자가 쉽게 기부할 수 있도록 합니다.

비영리단체는 모금 활동을 통해 살아남기 때문에 웹사이트에는 기부금을 모을 수 있는 명확하고 쉬운 방법이 있어야 합니다. Greenpeace는 홈페이지 왼쪽 상단에 "Give to Greenpeace" 기부 상자를 사용하여 이 일을 훌륭하게 수행하고 있습니다. 기본적으로 "월간"으로 설정되어 있지만 달러 금액을 변경하고 "단일"을 선택하여 일회성 기부를 할 수 있습니다.

다음은 기부자 친화적인 모범 사례입니다.

• 방문자는 웹사이트의 어느 위치에 있든 항상 한 번의 클릭으로 기부할 수 있어야 합니다. 이는 모든 페이지, 심지어 여러 위치에 기부 버튼이나 링크를 두는 것을 의미합니다.
• 기부자가 정확히 무엇을 하는지 기부자에게 말하십시오. Room to Read는 차이를 만드는 달러 금액을 명확히 하는 유일한 웹사이트 중 하나였습니다.




• 수집하는 프로그램이나 원인이 여러 개인 경우 기부 페이지를 특정 캠페인에 맞게 사용자 정의하십시오.
• 정기 기부자가 지불 정보를 저장할 수 있도록 회원 로그인을 만듭니다. 이것을 필수 조건으로 만들지 말고 그냥 선택 사항으로 만드십시오.
• 자동 월간 기부 옵션을 제공합니다. 다시 말하지만, 이것은 필수 사항이 아니어야 합니다. 일회성 기부는 여전히 관대하고 도움이 됩니다.



• 비영리단체가 매칭 기프트 프로그램의 일부인 경우 웹사이트와 기부 페이지에 명확하게 표시해야 합니다. 일부 기부자는 기부 금액이 두 배로 증가한다는 사실을 알면 기부할 가능성이 더 높아집니다. (궁합 선물이 무엇인지 모르신다면 이 웹사이트에 훌륭한 개요가 있습니다.)
• 기부자 "감사합니다" 페이지를 잊지 마세요! 진심 어린 "감사합니다"를 포함해야 할 뿐만 아니라 비영리단체의 영향에 대한 이야기나 주요 블로그 게시물 또는 뉴스 보도로 연결되는 링크를 포함할 수도 있습니다.

Prison Fellowship의 홈페이지 상단에는 시간에 민감한 기부 버튼이 있습니다. 그것은 그들이 필요로 하는 것과 그들을 도울 방법을 정확히 알려주고 기부자가 기다리지 않고 지금 행동할 수 있도록 시간 제한을 두었습니다.

5. 자원봉사도 단순해야 한다.

일부 조직에서 자원 봉사를 하기 위해 건너뛰어야 하는 골은 험난합니다. 자원 봉사에 대해 배우고 정보를 얻기 위해 누군가와 연락하는 것조차 번거로울 수 있습니다. 비영리 웹사이트는 자원봉사자들이 이용 가능한 기회와 참여 방법에 대한 정보를 쉽게 찾을 수 있도록 해야 합니다.

또한 다양한 자원봉사 기회를 제공하도록 노력하십시오. 비영리 단체 근처에 있지 않거나 직접 자원 봉사할 시간이 없는 사람들은 여전히 ​​온라인으로 도움을 줄 수 있습니다. 마케터는 서비스를 제공할 수 있으며 컴퓨터나 소셜 미디어를 사용할 줄 아는 사람은 누구나 모집하거나 소문을 퍼뜨리는 데 도움이 될 수 있습니다. 유연한 자원 봉사 기회가 있다면 더 많은 자원 봉사자에게 문을 열 수 있습니다.

6. 뉴스레터 수신 동의 옵션을 제공합니다.

비영리단체에서 몇 가지 다른 문제를 다루거나 여러 프로그램을 제공하는 경우 뉴스레터 수신 동의를 통해 구독자가 추가 정보를 원하는 항목을 선택할 수 있습니다. 자동화된 환영 시리즈는 선택하지 않은 카테고리를 간략하게 언급하고 구독 설정을 업데이트할 수 있는 기회를 제공할 수 있습니다. Make-A-Wish는 모든 이메일을 받거나 지역 지부에 대한 정보만 받을 수 있도록 하여 작은 방식으로 이 작업을 수행합니다.

기부자 대 비기부자와 같이 가입자를 분류하는 몇 가지 다른 방법도 있습니다. 기부 이력(예: 기부 수준) 위치; 및 자원 봉사자 유형. 이것은 또한 보다 표적화된 마케팅을 위한 서포터 페르소나를 만드는 데 도움이 될 것입니다.

다음은 중요한 정보입니다. 지지자들은 같은 방식으로 지지하는 경향이 있습니다. 즉, 기부하지만 자원하지 않는 경우 다시 기부하도록 독려하십시오. 자원 봉사에 참여하는 데 시간을 낭비하게 될 것입니다. 그들이 비영리 단체와 직접 연결하는 경우 예정된 이벤트에 대해 이야기하지만 그 외에는 온라인에서 참여할 것으로 기대하지 마십시오. 그들이 다른 유형의 지원에 관심을 표명한다면 훌륭하지만, 그렇지 않으면 그들이 지원하기를 선호하는 방식을 보여주었으므로 계속해서 조건에 따라 만나야 합니다.

7. 모바일 친화적인 웹사이트를 구축하십시오.

많은 사람들이 더 배우기, 기부 또는 자원봉사 등 자신이 하고 싶은 일을 이미 알고 있는 웹사이트를 방문할 것입니다. 작은 화면에 있더라도 이 정보를 즉시 찾을 수 있어야 합니다.

스크롤 없이 볼 수 있는 부분에 사용하는 이미지는 가로로 너무 크지 않아야 합니다(즉, 길지 않음). 이미지가 절반이고 정보가 절반인 헤더는 작은 화면에서 비영리 웹사이트를 확인하는 사용자가 정보를 보기 위해 스크롤, 스크롤, 아래로 스크롤할 필요가 없음을 의미합니다. St. Jude는 가장 먼저 보고 싶은 모든 정보가 있는 우수한 모바일 웹사이트를 보유하고 있으며 읽고 클릭할 수 있을 만큼 충분히 큽니다.

8. 소셜 미디어 마케팅을 활용하십시오.

기부 "감사합니다" 페이지에는 "기부했습니다!"가 포함되어야 합니다. 기부자가 소셜 미디어에서 공유할 수 있는 배지(공유 링크를 잊지 마세요). 그들은 훌륭한 대의를 지원하는 등의 도움을 받을 수 있고(작은 신용을 원하는 것은 아무 문제가 없습니다) 비영리단체가 그 범위를 늘릴 수 있습니다. 미국 암 학회에는 다수의 Relay For Life 배지가 있습니다.

마지막 생각들

조직을 위한 비영리 웹사이트를 만드는 것은 필수입니다. 잠재적인 기부자, 후원자 및 자원봉사자가 더 많은 정보를 원할 때 방문하게 될 곳입니다. 잘 디자인되면 웹 사이트는 인지도와 기금 모금을 높일 수 있습니다.

사람들은 자신이 변화를 만들고 있다고 느끼기를 원하며 웹사이트는 그들의 행동이 어떻게 변화를 일으키는지 보여줄 수 있습니다. 귀하의 비영리 웹사이트는 기부 또는 자원봉사 전과 후에 양측 모두에게 호소해야 합니다. 후원자가 중요하다고 느낄 때, 그들은 앞으로 다시 기부할 가능성이 더 큽니다.

더 많은 기부금이나 자원 봉사자를 받을 준비가 되셨습니까? 이 기사도 읽고 싶을 것입니다. Divi 및 GiveWP를 사용하여 화요일 랜딩 페이지를 만드는 방법.

Vector Goddess / shutterstock.com을 통한 주요 이미지