비영리 웹사이트 재설계에 대한 빠른 가이드 [+모범 사례]

비영리 조직을 위한 고품질 웹사이트의 중요성은 아무리 강조해도 지나치지 않습니다. 조직의 모든 홍보, 마케팅 및 광고는 청중이 기부, 서비스 알아보기 또는 정보 등록과 같은 조치를 취하도록 유도해야 합니다.

효과적인 웹사이트는 이러한 액션이 빠르고 원활하게 일어나도록 하여 이러한 액션에 대한 전환 경로를 쉽게 만들어줍니다.

반면에, 수준 이하의 웹사이트는 실제로 청중이 달성하고자 하는 목표에서 주의를 분산시켜 방문자를 가장 관련성 높은 정보를 모호하게 하는 탐색으로 혼동하거나 너무 많은 클릭 유도문안으로 과부하를 줍니다.

디지털 마케팅 전문가로서 우리는 새로운 비영리 웹사이트 프로젝트를 시작할 때 가이드로 사용하는 기본 프로세스를 가지고 있어 최종 제품이 명확하고 사용하기 쉬우며 궁극적으로 효과적입니다.

뛰어들어봅시다.

성공적인 비영리 웹사이트 프로젝트의 6단계

1. 발견

발견 단계에서 프로젝트 팀은 목표를 정의하고 기존 강점, 성장 기회 및 청중을 이해합니다.

목표 식별

더 나은 웹사이트를 구축하기 위한 첫 번째 단계는 웹사이트가 필요하다는 것을 인식하고 재설계 노력의 목표를 결정하는 것입니다. 때때로 데이터를 보고 현재 사이트가 기대치를 충족하는지 확인할 수 있습니다.

잠재고객 이해

Google Analytics와 같은 도구를 사용하면 어떤 작업이나 콘텐츠가 잠재고객에게 어느 정도 관심을 받고 있는지 판단하여 그에 따라 최적화할 수 있습니다. 잠재고객 설문조사를 구현하면 웹사이트의 어떤 부분이 주요 그룹과 더 잘 맞거나 더 나쁠 수 있는지에 대한 통찰력을 얻을 수 있습니다.

콘텐츠 평가

때때로 문제는 브랜드 요소의 시각적 표현과 관련이 있을 수 있습니다. 귀하의 사이트는 일반적인 페이스리프트 또는 향상된 접근성이 필요할 수 있습니다. 마케팅 대행사는 현재 사이트를 보다 자세히 감사하고 검토하여 새 웹사이트에 대한 목표를 안내하고 우선 순위를 정하기 위한 구체적인 권장 사항을 제공할 수 있습니다.

현장 감사

전체 사이트 재설계에서 전략과 설계를 알리기 위한 첫 번째 단계로 연구가 필요할 수 있습니다. 여기에는 현재 사이트의 모든 기존 콘텐츠에 대한 심층 감사와 기타 기술 플랫폼(예: 조직의 CRM 시스템 또는 모금 플랫폼)에 대한 연구 및 문서가 포함될 수 있습니다. 이것은 또한 청중 그룹에 대한 더 깊은 연구를 수행하고 조직과 상호 작용하는 여정의 다양한 단계에서 특정 요구 사항을 매핑하는 것을 수반할 수 있습니다.

SEO 감사

SEO 감사는 잠재고객이 검색을 통해 쉽게 찾을 수 있도록 사이트 재구축에 대한 통찰력을 확보하는 중요한 단계입니다. SEO 감사에는 검색 엔진에서 웹사이트의 가시성에 영향을 미치는 모든 요소에 대한 심층 분석이 포함됩니다. 이 감사를 수행하면 사이트 상태 및 전체 도메인 권한과 관련하여 웹사이트, 전체 트래픽 및 개별 페이지에 대한 완전한 통찰력을 얻을 수 있습니다.

다음은 SEO 감사 중에 고려해야 할 몇 가지 사항입니다.

• 귀하의 사이트는 이동 경로 구조를 지원합니까?
• 탐색이 의미가 있습니까?
• 사용자가 사이트에서 중요하고 관련성 높은 콘텐츠를 쉽게 찾을 수 있습니까?
• 콘텐츠가 적절한 청중에게 도달하고 중요한 키워드를 타겟팅합니까?
• 사이트 전체에 올바른 메타데이터가 있습니까? 제목 태그?
• 사이트에 서버 오류가 있습니까?

이는 단순하고 일상적인 작업처럼 보일 수 있지만 사이트와 브랜드가 유기적 가시성을 높일 수 있도록 하는 중요한 단계입니다. 전반적으로 이 작업을 완료하면 트래픽 목표를 달성하고 웹사이트 재설계에 필요한 변경을 수행할 수 있습니다.

2. 전략

발견이 완료되면 전략 단계로 이동할 수 있습니다. 여기에서 귀하와 귀하의 팀은 사본, 이미지, 비디오 및 기타 자산을 포함하여 귀하의 모든 콘텐츠가 새 웹사이트에서 어떻게 표시될 것인지 계획하는 데 뛰어들 것입니다.

콘텐츠 전략

잠재고객이 누구인지, 그들이 내 정보에 어떻게 참여하기를 원하는지 파악했다면 콘텐츠 전략 또는 방문자가 사이트에서 참여할 수 있도록 콘텐츠를 구성하고 개발하는 방법에 대해 알아볼 수 있습니다. . 여기에는 사이트 맵(웹사이트의 계층적 순서에 따른 페이지 목록이라고도 함) 수정, 특정 잠재고객과 관련된 콘텐츠가 함께 그룹화되도록 탐색이 포함될 수 있습니다. 여정의 적절한 지점에서 적절한 콘텐츠를 찾습니다.

콘텐츠 전략을 탐색하는 동안 잠재고객 사용자 여정의 모든 단계를 고려하는 것이 중요합니다. 귀하의 사이트를 처음 접하는 사람들의 관심을 끄는 방법은 무엇이며 재방문자의 삶을 더 쉽게 만들 수 있는 방법은 무엇입니까?

비영리 단체는 새로운 후원자와 기존 후원자와 다양한 이야기를 나누고 싶을 것입니다. 예를 들어 신규 방문자와 비영리 단체에 대한 배경을 공유할 수 있고 기존 후원자와의 영향과 결과를 보여줄 수 있습니다. 기부금이 얼마나 중요한지 알 수 있습니다.

정보 아키텍처

전반적인 콘텐츠 전략이 수립되면 각 개별 페이지가 수행할 역할 또는 스토리를 공고히 하기 시작할 수 있습니다. 가장 중요한 메시지를 맨 위로 가져오고 덜 긴급한 부분을 페이지 아래로 계단식으로 표시하면 UX 사용자와 디자이너가 스토리에 생명을 불어넣는 데 도움이 되는 느슨한 정보 아키텍처를 구축할 수 있습니다.

3. UX와 디자인

사용자 경험(UX) 및 디자인 단계로 이동하면 모든 발견과 전략을 비주얼로 생생하게 만들 수 있습니다. 이 단계에서 청중을 가장 먼저 염두에 두면 가능한 가장 효과적인 방법으로 청중의 요구를 충족할 수 있습니다.

사용자 경험(UX) 디자인은 각 페이지에 시각적 구조를 제공하기 위해 프로토타입이나 와이어프레임 형태로 자주 등장합니다. 때때로 이러한 와이어프레임에는 '기부 프로그램에 대한 헤드라인이 여기에 표시됩니다.' 이는 나중에 사이트 콘텐츠에 대한 카피라이팅 작업을 안내하는 데 도움이 될 수 있습니다.

새로운 웹사이트의 시각적이고 창의적인 방향이 확립됨에 따라 상황이 더욱 흥미롭고 재미있어집니다. 디자이너는 브랜드 요소, 색상, 글꼴 및 기타 스타일 요소에 대한 새로운 시각적 접근 방식을 추천할 수 있습니다. 승인되면 이 시각적 접근 방식이 페이지 디자인 및 레이아웃에 적용되어 최종 페이지 디자인에 도달합니다.

4. 시행

구현 단계에서 개발 프로세스가 플랫폼에 따라 약간 다르다는 것을 알게 될 것입니다. 귀하와 귀하의 팀이 작업을 구현하는 과정에서 귀하는 사이트 유지 관리가 얼마나 쉬운지에 영향을 미치는 몇 가지 결정을 내리게 됩니다(코드 기반 제품과 코드 기반 제품이 없는/로우 코드 플랫폼을 통해).

디자인, 요구 사항, 사양 및 사본은 새로운 웹 사이트에 생명을 불어넣기 위한 개발 노력과 함께 합니다. 오늘날 조직에는 고려해야 할 훌륭한 옵션이 많이 있습니다. Squarespace 또는 Wix와 같은 코드가 없는 플랫폼은 개발 프로세스의 많은 부분을 너무 단순하게 만들어 개발자가 필요하지 않으며 유지 관리 비용이 크게 절감되지만 유연성이 저하됩니다. 어떤 유형의 기술 통합이 잘 작동하고 얼마나 많은 사용자 정의가 발생할 수 있는지에 대해 설명합니다.

Hubspot의 CMS와 같은 일부 솔루션은 HubSpot의 CRM 도구에 맞게 조정되었으며 강력하지만 사용하기 쉬운 인터페이스를 원하는 조직에 즉시 사용 가능한 솔루션을 제공합니다. HubSpot은 비영리단체가 선택할 수 있는 24개 이상의 테마를 제공하여 몇 분 안에 사용자 정의와 세련된 디자인 및 사용자 경험을 제공합니다.

WordPress와 같이 개발 집약적인 플랫폼은 구축 프로세스에 더 많은 투자가 필요하고 플러그인 및 호스팅과 같은 장기 유지 관리 비용이 필요하지만 맞춤형 웹사이트 비전을 실현할 수 있는 끝없는 기회를 제공합니다.

5. 품질 보증 테스트

최종 콘텐츠가 새 사이트에 입력되거나 마이그레이션되고 블로그 게시물 및 SEO 고려 사항에 대한 접근 방식이 해결되면 품질 보증(QA) 테스트가 수행될 수 있습니다.

QA 테스트를 통해 사이트가 모든 장치에서 잘 표시되는지, 접근성 표준을 충족하는지, 속도에 최적화되어 있는지, 요구 사항에 따라 작동하는지 확인할 수 있습니다.

6. 접근성

기능적이고 잘 정리되어 있을 뿐만 아니라 모두가 접근할 수 있는 웹사이트를 만드는 것이 표준이 되고 있습니다. 비영리 조직으로서 모든 청중, 특히 귀하가 서비스를 제공할 수 있는 청중을 대상으로 하는 것이 훨씬 더 중요합니다.

접근성이란 쉽게 눈에 띄는 장애뿐만 아니라 모든 장애를 수용하는 것을 의미한다는 것을 기억하십시오. 미국 인구의 13% 이상이 시각 장애가 있습니다. 사이트에 액세스할 수 있도록 주의 깊게 전환하려면 적절한 색상 사용, 화면 판독기용 H1/H2 태그 지정, 모든 이미지 및 그래픽에 대체 텍스트 제공과 같은 작은 변경으로 구성됩니다. 이 확인란을 선택하면 모든 사람이 사이트에서 긍정적인 경험을 할 수 있습니다.

접근성 검사를 포함하여 QA 테스트가 완료되면 변경하고 솔루션을 찾을 수 있으며 사이트는 최종 승인을 받아 출시할 준비가 됩니다.

플랫폼에 관계없이 항상 염두에 두어야 할 몇 가지 세부 사항(종종 잊음)이 있습니다.

다음은 훌륭한 노코드 및 로우코드 비영리 웹사이트의 몇 가지 예입니다.

코드가 없는 비영리 웹사이트의 예

1. 50개 주, 50개 보조금

더 나아집니다: 50개 주. 50 보조금. 5000 보이스 캠페인은 webflow를 사용하여 구축되었습니다. 템플릿을 기반으로 구축되었지만 웹 사이트는 여전히 큰 움직임과 참여도를 가지고 있으며 보다 맞춤화된 웹 사이트를 보여줍니다.

문제 영역: LGBTQIA+

웹사이트 플랫폼: Webflow

웹사이트: https://www.50states50grants.com/

2. 라이즈업 마케팅 펠로우십

RiseUP Marketing Fellowship은 마케팅 및 광고 산업 전반에 걸쳐 다양성, 접근성 및 실질적인 사회적 영향을 높이기 위해 노력하는 목적 중심의 마케팅 펠로우십입니다.

이슈 분야: 고용

웹사이트 플랫폼: Squarespace

웹사이트: https://www.riseupfellows.com/

코드 기반 비영리 웹사이트 예

1. 옵스

OPS는 영향력 있는 영화와 시각적 스토리텔링을 사용하여 지구가 직면한 가장 중요한 문제를 폭로함으로써 글로벌 커뮤니티에 영감을 주고, 권한을 부여하고, 연결합니다.

문제 영역: 환경

웹사이트 플랫폼: 워드프레스

웹사이트: https://www.opsociety.org/

2. 해외로 향하는 미국

Outward Bound USA는 1962년부터 젊은이들이 자신의 잠재력을 탐색할 수 있도록 하는 야외 교육 프로그램의 선두 제공업체입니다.

문제 영역: 교육

웹사이트 플랫폼: 워드프레스

웹사이트: https://www.outwardbound.org/

3. 거슨 미션

Gerson Institute의 사명은 독성 노출을 줄이고 Gerson Therapy가 실행 가능한 옵션일 뿐만 아니라 만성 질환 치료의 기둥인 더 건강한 세상을 만드는 의학으로서의 식품 교육에 있습니다.

문제 영역: 건강

웹사이트 플랫폼: 워드프레스

웹사이트: https://gerson.org/

일반적인 비영리 웹사이트 함정

1. 추적 및 전환

너무 자주 조직은 새 웹사이트에서 추적을 전송 및/또는 설정하는 것을 잊습니다. 최소한 웹사이트가 출시될 때 Google 태그 관리자와 Google 애널리틱스가 게시되었는지 확인하세요.

대부분의 웹사이트가 재구축되면서 웹사이트의 요소와 양식이 바뀌었을 가능성이 있습니다. 버튼의 색상이나 배치가 변경되었거나 새 페이지가 추가되었을 수 있습니다. 기존 웹사이트의 모든 맞춤 이벤트 또는 전환 추적은 추적을 잃지 않도록 다음 웹사이트에 대해 다시 생성해야 합니다.

캠페인 중간에 픽셀이 올바르게 실행되지 않는다는 것을 깨닫는 것보다 더 나쁜 것은 없습니다. 시간을 할애하여 사이트를 QA하고, 양식과 버튼을 테스트하고, 웹사이트가 활성화되는 즉시 보고서를 실행하십시오.

2. 검색 엔진 최적화

모든 회사에는 강력한 마케팅 전략이 필요합니다. 비영리 단체도 마찬가지입니다! 그러나 대부분의 비영리 단체는 검색 엔진 최적화(SEO)가 가장 높은 투자 수익을 낼 수 있음에도 불구하고 검색 엔진 최적화(SEO)에 대한 투자를 모르거나 고려하지 않았습니다.

SEO 및 콘텐츠 전략에 투자하지 않는다면 지지자, 자원 봉사자 및 옹호자가 어떻게 당신을 찾을 것으로 기대합니까? 대략 53%의 개인이 최상의 선택을 하기 위해 물건을 사기 전에 항상 조사를 한다고 말합니다. 이것은 비영리단체도 다르지 않습니다.

강력한 SEO는 COVID와 미국 내 전반적인 정치적 환경으로 인해 가속화된 디지털 혁신으로 인해 비영리 단체에 그 어느 때보다 중요합니다. 많은 미국인들이 특정 사회적 문제의 조직을 지원하는 방법을 찾고 있으며 강력한 SEO에 대한 더 큰 필요성을 강조합니다.

3. 접근성

세계 보건 기구(WHO)에 따르면 10억 명(세계 인구의 약 15%)이 어떤 형태의 장애를 안고 살고 있습니다. 그리고 장애를 가진 미국인의 약 75%가 매일 인터넷을 사용한다고 보고합니다.

웹 디자인의 접근성은 미리 계획할 때 가장 좋지만 웹 사이트 수명 주기의 모든 단계에서 의미 있는 방식으로 수정할 수 있다는 점을 명심하는 것이 중요합니다.

위에서 언급했듯이 모든 사람이 웹사이트에 참여하는 데 큰 도움이 될 수 있는 작은 변경 사항이 있지만 가장 중요한 몇 가지는 다음과 같습니다.

• 색맹을 포함한 시각 장애가 있는 사람들에게 텍스트/배경의 색상이 친숙하도록 합니다.
• 가능한 경우 이미지 및 그래픽의 대체 텍스트에 대한 특정 사본을 작성하여 다른 사람이 보게 될 내용을 구두로 설명합니다.
• 이것은 또한 스크린 리더를 사용하는 사람들에게 도움이 됩니다. 그들이 보고 있는 것을 음성으로 설명함으로써 온라인 경험에 맥락과 색상을 추가할 수 있습니다.
• 탭 키를 사용하여 사이트를 탐색하여 마우스를 움직일 수 없는 사람들이 귀하의 콘텐츠에 어떻게 참여하는지 확인하면 더 많은 작업을 수행해야 할 수 있는 모든 영역을 밝힐 수 있습니다.
• 마지막으로, 모바일과 데스크톱 환경 간의 불일치를 확인하는 것은 접근성 요구 사항을 충족하는지 확인하기 위한 훌륭한 마지막 단계가 될 수 있습니다.

궁극적으로 웹사이트 재설계는 쉬운 일이 아니지만 비영리단체가 새로운 잠재고객에게 도달하고 영향력을 높일 수 있도록 지원하는 것은 현명하고 수익성 있는 비즈니스 결정입니다. 강력한 웹사이트는 모든 브랜드에 중요하지만 관심 있는 잠재고객에게 도달하고 영감을 주는 것을 목표로 하는 비영리단체에 특히 중요합니다.