비영리 단체 홈페이지를 잘 만드는 8가지 방법

• 출처 : http://www.smashingmagazine.com

• 지은이 : Cameron Chapman

• 무엇보다 중요한 것은 홈페이지가 가진 컨텐츠의 가치 ~!

• 출처 : http://uxfactory.com/96

1. 쉽고 편하게 기부할 수 있게 만들라 .

A. 기부자가 기부할 수 있게 간단하고 직접적인 방식을 만들라 ! 홈페이지에서 두드러지게 표현할 것

B. 기부하는 과정이 고통스러운 안된다 !방문자에게 신용카드 결제 외에 어떤 정보도 요구하지 말라 .

기부 버튼이 다른 버튼보다 눈에 띄죠 ?

간편한 기부를 위한 콤보 박스들

장기적인 회원가입으로 내는 기부금이 아니더라도

일시적인 기부를 할 수 있도록 카드 결제가

가능합니다 .

2. 최대한 미디어를 활용하라 !

• 미디어는 비영리단체에 큰 영향력을 준다• 직접적인 이익보다 저널리스트 , 블로거 , 방문자들의 관심을 끄는 것이 중요하다

• 단체에 대한 정보에 쉽게 접근할 수 있도록 만들라 !• 관리자의 승인 없이도 사진과 영상 등의 자료를 공유할 수 있도록 하라 !

그린피스의 미디어 페이지입니다 .

3. 자원봉사자가 친근하게 느끼게 만들라 !

• 방문자가 단체와 어떻게 함께 할 수 있는지 , 최대한 쉽게 정보를 찾을 수 있어야 한다 .

• 비록 많은 방문자들이 기부하지 않고 사이트를 떠나지만 그들은 여전히 단체가 하는 활동에 관심이 많다 .

• 봉사자들이 쉽게 단체에 접근할 수 있도록 다양한 도구를 제공하라 .• ; 이메일 , 전화번호 , 혹은 웹사이트

봉사자들을 위한 상세한 설명들

이력서도 간단하게 제출할

수 있죠 ~!

4. 우리 단체의 목적이 확실하고 명확하게 드러나게 하기

• 많은 디자이너들은 방문자들이 해당 사이트를 잘 알고 있다고 착각한다 . • 단체가 수행하는 임무를 간략하게 문구로 만들어 게시하라 .• 이때 , 상업적인 냄새가 나는 문체가 아닌 아주 간결하고 평이한 문체로 우리

단체가 무엇을 하는지 설명하라 .

KIVA 라는 단체입니다 .

그림을 이용해서 자칫 어려울 수 있는 단체의

활동 과정을 효과적으로 설명하고 있네요 .

5. 단체의 컨텐츠를 중심으로 ~!

• 우리의 컨텐츠와 활동에 맞게 디자인을 발전시킬 수 있도록 만들기

• 동영상이나 큰 이미지를 수용할 수 있도록 충분히 공간을 예측하기 !

가운데에 대문짝만하게 하는 것이 효과적이고

대세인 듯 !

6. 단체의 캠페인 활동과 웹사이트 간의 일관성을 가지자 !

• 너의 로고의 디자인과 로고의 색을 다른 캠페인 활동을 선전하는 자료에 사용하라 .

• 자료에 외관과 느낌을 반영하는 것은 브랜드 정체성을 높여준다 .

굉장히 단체 심벌을 잘 활용하는 단체입니다 .

무엇을 홍보하든 단체의 심벌을

변형시켜 사용합니다 .

7. 알기 쉽게 단체의 목적을 전면에 배치하기

• 사이트의 목적이 담긴 리스트를 본격적인 디자인 작업 전에 만들자 . 디자이너와의 불필요한 작업을 줄일 수 있다 .

• 언제나 어디서나 우리 단체의 목적과 활동을 알리자 .

단체의 활동을 알려주는 배너

단체의 활동을 알려주는 배너

8. 뉴스와 블로그를 포함하라

• 블로그와 뉴스 섹션을 홈페이지에 포함하는 것은 매우 큰 이점을 가진다 .

• 읽을 거리가 있고 가치가 있다고 방문자들은 반드시 다시 홈페이지로 돌아올 것이다 .

• 가치 있는 블로그와 뉴스가 방문자들에 의해 인용되어 링크되면 홈페이지의 트래픽이 올라간다 .

• 지속적으로 업데이트한 컨텐츠는 검색 엔진의 시각성을 높이고 당신의 홈페이지를 찾기 위해 단체와 관련된 정보를 보다 쉽게 찾을 수 있을 것이다 .

아티클 , 사진 , 동영상 등을 이용한 단체의

뉴스들

그 외 참고 사이트• http://ww5.komen.org/• http://www.greenpeace.org/usa/• http://

www.savethechildren.org/site/c.8rKLIXMGIpI4E/b.6115947/k.8D6E/Official_Site.htm

• http://www.kiva.org/• http://www.nature.org/• http://www.joinred.com/red/• http://www.witness.org/• http://www.amnesty.org/