지금 비영리단체에 지원해야 하는 웹 디자인 프로세스

비영리단체를 위한 웹사이트를 디자인하려면 약간의 작업이 필요합니다. 비즈니스 사이트와 달리 제품이나 서비스를 강요하지 않습니다. 오히려 이해 관계자 및 청중과 연결하여 특정 조치를 유도하는 것을 목표로 합니다.

귀하의 목표는 조직에 대한 기부 또는 지원을 받는 것입니다. 웹사이트는 매력적이어야 하고 청중이 긍정적인 행동을 취하도록 유도해야 합니다. 플랫폼은 프로젝트와 성공 사례를 보여주는 데도 탁월해야 합니다.

우리 기사에서는 지금 비영리 웹사이트에 적용해야 하는 디자인 프로세스를 공유합니다.

1. 웹사이트의 가장 중요한 요소 결정

비영리단체 웹사이트에 있어야 하는 몇 가지 중요한 요소가 있습니다. 이것들은:-

• 청중에게 귀하가 누구인지 알려주는 회사 소개 페이지. 여기에는 사명, 비전, 역사, 심지어 추천사도 포함되어야 합니다.
• 기부 및 자원 봉사자 모집 관련 양식과 같은 기부 기능. 또한 모든 페이지에 클릭 유도문안(CTA)이 있어야 합니다.
• 비영리단체 활동에 참여하는 방법과 같은 관련 정보. 그것은 시간, 돈 또는 옹호를 통해서일 수 있습니다.
• 백서, 기사 및 사례 연구를 포함한 교육 리소스.
• 콘텐츠 공유를 위한 블로그

또한 사이트를 최대한 활용하기 위해 추가 기능이 필요합니다. 웹사이트를 비영리단체용 Google과 같은 플랫폼과 통합하면 많은 이점을 얻을 수 있습니다. 플랫폼은 무료이며 가입하기 쉽습니다. 문서 생성, 공유, 공동작업 등을 위해 G Suite에 액세스할 수 있습니다. Google Ad Grants는 귀하의 조직에 최대 $10,000 상당의 광고 가치를 제공합니다.

비영리단체용 YouTube는 동영상 콘텐츠를 통해 작품을 선보일 수 있는 환상적인 장소입니다. 기부 버튼을 삽입하고 플랫폼에서 바로 기부금을 모을 수도 있습니다. 귀하가 전액을 받을 수 있도록 Google에서 거래 비용을 처리합니다. Google에서 제공하는 이 작은 보석으로 얻을 수 있는 기능이 마음에 드실 것입니다.

2. 적합한 콘텐츠 관리 시스템(CMS) 선택

올바른 콘텐츠 관리 시스템을 사용하면 비영리 웹사이트를 쉽게 설정할 수 있습니다. 모든 것을 처음부터 시작하지 않아도 됩니다. 또한 작업을 수행하기 위해 웹 디자이너를 정규직으로 고용하는 비용을 고려할 필요가 없습니다.

완벽한 CMS를 찾을 때 다음 기능을 확인하십시오.

• 레이아웃은 매력적이고 사용자 정의가 가능해야 합니다. 원하는 모양으로 디자인을 조정할 수 있습니다.
• 끌어서 놓기 템플릿으로 사용하기 쉽습니다. 라이브 편집 도구가 있는 경우에도 도움이 됩니다. 디자인을 계속하면서 웹사이트가 어떻게 보일지 확인할 수 있습니다. 미리 보기를 통해 최종 출시 전에 필요한 편집을 수행할 수 있습니다.
• 디자인은 모바일 반응형이어야 합니다.
• 사이트의 기능을 향상시키는 올바른 플러그인. 여기에는 기금 마련, 기부, 자원 봉사자 지원 등을 돕는 사람들이 포함됩니다.
• 기부, 자원 봉사 등록 및 이벤트 등록을 포함한 관련 양식 몇 가지를 예로 들 수 있습니다.

이 기사에서 몇 가지 기능을 조금 더 자세히 살펴보겠습니다.

더 읽어보기: PHP로 미리 만들어진 분류된 웹사이트

3. 직관적이고 탐색하기 쉽고 사용하기 쉬운 웹사이트

일부 작업을 완료하기 위해 열심히 일하고 있으며 정보가 필요합니다. 검색어를 입력하면 수많은 결과를 얻을 수 있습니다.

가장 유망해 보이는 링크를 클릭합니다. 천천히 로드를 시작합니다. 머지 않아 회전하는 로딩 표시기를 응시하여 최면 단계에 빠지기 시작합니다.

대부분의 사람들처럼, 당신은 오래 머물지 않을 것입니다. 응답하지 않는 페이지에서 시간을 낭비하기에는 리소스가 너무 많습니다. 우리는 모두 이 일을 겪었고 이것이 얼마나 좌절감을 줄 수 있는지 알고 있습니다.

귀하의 비영리 단체는 다음을 감당할 수 없습니다.-

• 느린 로딩 페이지
• 페이지 탐색이 어렵습니다.
• 아무데도 가지 않거나 404 오류가 발생하는 데드 링크

시정 조치에는 다음이 포함됩니다.

A. 빠른 페이지 로딩 속도

올바른 웹 호스트 공급자를 선택하십시오. 그들은 인터넷 트래픽의 양을 처리하기에 충분한 대역폭을 제공할 수 있어야 합니다. 비영리 웹사이트가 최대 트래픽을 경험할 때가 있습니다.

특정 캠페인을 실행 중인 경우일 수 있습니다. 사이트가 충돌하거나 응답하지 않는 끔찍한 시간이 될 것입니다. 또한 더 빠른 로딩 속도를 보장하기 위해 다음을 수행하고 싶을 것입니다.

• 무거운 이미지의 크기를 조정하거나 압축합니다.
• 플러그인, 스크립트 또는 기타 사용자 정의의 수에 주의하십시오. 이러한 작업은 많은 공간이나 저장 공간을 차지하여 로딩이 느려질 수 있습니다.
• 리디렉션 수를 줄이고 페이지 캐싱을 활용합니다.
• JavaScript, CSS 및 HTML을 축소합니다.

B. 쉬운 탐색

웹사이트를 통한 이동은 원활해야 합니다. 몇 단계만 거치면 이 작업을 수행할 수 있습니다.

• 눈에 잘 띄는 위치에 탐색 모음을 표시합니다. 이상적으로는 상단이나 왼쪽에 있어야 합니다.
• 제목을 짧고 눈에 잘 띄게 유지하여 참여도를 높이세요.
• 드롭다운 메뉴에 대해 너무 많은 수준을 사용하지 마십시오.
• 정보는 보기 쉬워야 합니다. 따라서 정보를 표시하거나 표시하는 방법에 주의하십시오.

강력한 행동 촉구를 잊지 마십시오. 이는 청중이 올바른 행동을 취하도록 기억하도록 하는 미묘한 넛지 역할을 합니다. 채팅 기능이 있는 것도 중요합니다. 현대의 청중은 편리함과 쿼리에 대한 빠른 응답을 좋아합니다.

예산이 허락한다면 좋은 옵션은 챗봇과 같은 기술을 사용하는 것입니다. 연중무휴 24시간 이용 가능합니다. 빠른 피드백을 제공하고 자주 묻는 질문을 처리할 수 있습니다.

AI 챗봇이 더 좋습니다. 그들은 행동을 학습하여 인간을 시뮬레이션하거나 모방할 수 있습니다. 그런 다음 이해 관계자가 묻는 내용에 따라 응답을 사용자 지정합니다.

4. 모바일 응답성

많은 비영리 청중과 이해 관계자가 모바일 장치를 사용하여 인터넷을 검색합니다. 모바일에서는 사이트 레이아웃이 잘 번역되지 않기 때문에 이러한 잠재고객을 놓치고 싶지 않습니다.

이륙하고 있는 한 가지 방법은 웹 디자인에 대한 모바일 우선 접근 방식입니다. 그래서 이것은 무엇을 의미합니까? 작은 화면에 웹 사이트의 모든 요소를 ​​표시하는 것이 얼마나 어려운지 상상해 보십시오. 그러나 그 요약을 깨면 더 큰 화면으로 확장하는 것이 쉽습니다.

접근 방식은 요소를 큰 화면에서 작은 화면으로 축소하는 것과 다릅니다. 이렇게 하면 사용자 경험에 영향을 줄 수 있는 중요한 요소를 잃게 될 수 있습니다.

Google은 사이트 순위를 매길 때 모바일 우선 인덱싱을 사용한다는 점도 중요합니다. 그리고 압력은 여기서 끝나지 않습니다. 데스크톱 버전에서 사용 가능한 모든 요소와 콘텐츠가 모바일인지 확인해야 합니다.

웹사이트를 모바일에 최적화했는지 계속 확인하세요. 이를 위해 PageSpeed ​​Insights, Google Search Console 및 WebPageTest와 같은 도구를 사용합니다.

5. 콘텐츠에 집중

좋은 콘텐츠는 청중과 소통할 수 있는 강력한 방법을 제공합니다. 비영리 활동에 대한 이해 관계자를 업데이트하는 데 사용할 수도 있습니다.

좋은 콘텐츠는 조직을 권위 있는 기관으로 포지셔닝하는 데 도움이 될 수 있습니다. 결과적으로 웹 사이트에 더 많은 트래픽이 발생하므로 가시성이 향상됩니다.

콘텐츠에 대해 생각할 때 다음을 수행해야 합니다.

• 기사, 백서 및 사례 연구와 같은 다양한 형식을 사용합니다. 지금이 비영리단체용 YouTube 계정을 설정하기에 완벽한 시기입니다. 공유한 대로 Google 비영리단체용 패키지의 일부입니다. 비디오 콘텐츠는 강력한 스토리텔링 도구를 제공합니다. 인간은 시각적 동물이며 텍스트보다 이미지와 더 잘 상호 작용합니다.
• 작업과 관련된 관련 키워드를 사용하여 검색 엔진 최적화(SEO)를 구현합니다. 또한 메타 설명, 캡션 및 URL에 대해서도 동일한 작업을 수행합니다. 검색 크롤러가 조직을 쉽게 찾을 수 있도록 하려고 합니다.
• 권위 있는 웹사이트에서 링크 구축 기회를 찾으십시오. 트래픽을 늘리고 조직을 권위자로 포지셔닝하는 데 도움이 됩니다.
• 모든 게시물을 소셜 미디어 플랫폼에 연결합니다. 더 많은 사람들이 콘텐츠를 볼 확률이 높아집니다.

올바른 CMS 도구에는 블로그 게시물의 초안 작성, 서식 지정 및 편집을 쉽게 수행할 수 있는 블로그 편집기가 있습니다. 미리 정해진 시간에 콘텐츠가 올라오도록 예약할 수도 있습니다.

참여도를 높이려면 청중과 상호 작용해야 합니다. 공유, 좋아요, 리트윗을 요청하세요. 그들이 가질 수 있는 질문이나 피드백에 응답하는 것을 잊지 마십시오.

일부 비영리 조직에는 커뮤니티 관리자가 있습니다. 그들의 유일한 책임은 청중과 상호 작용하는 것입니다. 관리자는 또한 뉴스나 이벤트를 공유하여 이해 관계자가 항상 최신 정보를 얻을 수 있도록 합니다.

좋은 웹사이트에는 그러한 목적을 위한 대화형 공간이 필요합니다. 커뮤니티 관리자는 팟캐스트나 화상 회의를 사용하여 방문자와 상호 작용할 수도 있습니다.

6. 웹사이트 보안이 중요

비영리 단체는 기부자와 기타 이해 관계자로부터 많은 정보를 수집합니다. 그러한 데이터의 안전을 보장하는 것이 중요합니다. 또한 웹 사이트에 보안 배지를 표시하면 청중 간의 신뢰 수준이 높아집니다. 플랫폼에서 기부를 수락하려면 보안도 중요합니다. 기부자는 자신의 돈이 안전하다는 것을 알아야 합니다.

필요한 보안 조치를 설치하십시오. 여기에는 바이러스 백신, 맬웨어 방지 및 랜섬웨어 방지가 포함됩니다. 또한 웹 사이트에서 HTTPS 연결을 사용하십시오. 소프트웨어 업데이트를 확인하고 데이터를 백업하십시오.

비영리 조직은 사이버 보안 인식 문화를 조성하는 데 투자해야 합니다. 이는 모든 직원이 적절한 온라인 보안에서 자신의 역할을 이해하고 있음을 의미합니다.

7. 모니터링 및 테스트

모니터링과 지속적인 테스트가 중요합니다. 따라야 하는 몇 가지 사항은 다음과 같습니다.

• 기본 기능을 확인하기 위한 품질 보증 테스트(Q&A). 다른 브라우저나 장치에서 사용자 경험이 동일한지 확인합니다. 이러한 테스트를 통해 탐색, 링크 및 온라인 양식과 같은 기능이 제대로 작동하는지 알 수 있습니다.
• 사용자 경험을 결정하기 위한 사용성 테스트.
• 보안 조치가 작동하는지 확인하기 위한 취약성 테스트.
• 스트레스 테스트는 많은 양의 트래픽을 처리할 수 있는 웹사이트의 기능을 설정합니다.

웹 사이트가 항상 잘 작동하는지 확인하는 것의 중요성을 과소 평가하지 마십시오.

참조: 2021년에 화상 회의 앱을 구축하는 데 드는 비용

마지막 생각들

우리는 비영리 웹사이트를 디자인할 때 몇 가지 중요한 프로세스를 살펴보았습니다. 좋은 사용자 경험을 제공해야 합니다. 페이지 로딩 속도가 빨라야 합니다. 웹사이트 탐색은 매끄럽고 직관적이어야 합니다.

모든 페이지에 눈에 띄는 클릭 유도문안 버튼이 있어야 합니다. 시청자가 비영리 단체의 이익을 위해 특정 조치를 취하기를 원합니다. 웹 사이트에 있어야 하는 중요한 요소에 주의하십시오. 여기에는 기부 양식 및 자원 봉사 등록이 포함됩니다.

최고의 SEO 사례를 활용하여 검색 엔진에서 좋은 순위를 얻으십시오. 여기에는 키워드 사용, 보안, 모바일 응답성 및 빠르게 로드되는 페이지가 포함됩니다. 마지막으로, 웹사이트의 성능을 항상 모니터링하고 확인할 수 있는 시스템을 구축하십시오.