캠페인을 무리와 구별하기 위한 5가지 디자인 팁

공원에서 모금 캠페인을 중단해야 할 때 디자인이 전부입니다. 그것 없이는 관심을 끌고, 신뢰를 구축하고, 귀하의 대의를 위한 행동을 유도하는 것이 훨씬 더 어렵습니다.

그러나 웹사이트가 계속해서 멋진 디자인의 기준을 높이면서 소비자의 기대도 높아졌습니다. 오늘날 캠페인 디자인은 이 표준을 충족할 뿐만 아니라 지지자들에게 진정으로 "와우"하는 것이 중요합니다.

그러나 이 목표는 "좋은 디자인"이 어떤 모습인가?라는 질문을 던집니다. Design for Founders의 소유자이자 운영자인 Heidi Pun은 조직이 디자인을 단순한 시각적 미학 이상으로 볼 것을 권장합니다.

비영리단체에 쉽게 적용할 수 있습니다. 새로운 후원자를 유치하고 더 많은 기부를 유도하며 커뮤니티의 행동을 장려하는 모금 캠페인의 디자인을 원합니다.

시각적으로 즐거움을 주고 커뮤니티의 행동을 유도하는 캠페인을 만드는 데 도움이 되도록 다음 단계로 이동할 5가지 디자인 팁을 수집했습니다.

구조가 모든 것을 결정합니다

모든 훌륭한 영화는 관객을 처음부터 끝까지 여정으로 안내하도록 설계된 구조를 따릅니다. 이 경로를 따라 그들은 화면에서 일어나는 일을 이해하고, 등장인물과 감정적 연결을 형성하고, 영화의 해상도에서 종결을 찾는 데 필요한 정보를 받습니다.

영화 옆에 나란히 놓으면 모금 캠페인도 크게 다르지 않습니다. 당신의 후원자들이 당신의 비영리단체의 배경, 관련된 사람들, 그리고 그들이 기부를 통해 미칠 영향을 배우는 여정으로 당신의 페이지를 디자인하십시오.

또한 좋은 영화와 마찬가지로 사람들이 길을 잃거나 혼란스러워하지 않도록 캠페인을 구성해야 합니다. 대부분의 디자이너는 청중의 시선을 위에서 아래로 안내하는 계층 구조를 구축하고 그 사이의 모든 것을 치는 아이디어를 지지합니다.

Classy의 새로운 Fundraising Suite에는 이러한 계층 구조 개념이 내장되어 있지만 이것이 표준 접근 방식입니다.

• 헤더의 회사 로고
• 큰 영웅 이미지
• 버튼에 "지금 기부"하라는 클릭 유도문안과 모금 진행률 표시줄
• 조직 및 캠페인에 대한 관련 정보
• 기부가 구체적으로 어떻게 도움이 되는지 설명하는 임팩트 블록
• 조직에 대한 추가 배경 정보
• 최근 기부 등 모금 캠페인 활동
• 연락처 정보 및 브랜드가 포함된 바닥글

Terry의 조언에 따르면 모금 캠페인이 훌륭한 영화 대사처럼 기억에 남고 공유할 수 있기를 원합니다. 그러나 구조가 없으면 캠페인이 왜곡되고 기억하기 어렵고 공유할 수 없습니다.

디자인 계층이 구축되면 글꼴, 색 구성표, 시각 효과 및 이미지와 같은 페이지의 다른 부분을 실행하는 데 디자인 노력을 할애할 수 있습니다.

세 가지 글꼴만 있으면 됩니다.

많은 디자이너들은 타이포그래피가 모든 디자인의 95%를 차지한다고 주장합니다. 따라서 선택한 글꼴은 전체 캠페인 미학의 95%에 잠재적으로 영향을 미칠 수 있습니다. 하지만 옵션이 너무 많으면 올바른 글꼴을 선택하기로 결정하는 것이 압도적으로 보일 수 있습니다.

어려움은 Times New Roman 또는 Calibri 중에서 선택하는 데 있지 않습니다. 오히려 브랜드 로고, 색상 및 모금 캠페인 메시지와 미학적으로 일치하는 글꼴을 선택하는 것입니다.

예를 들어, 기금 마련 캠페인이 버려진 동물을 위한 집을 찾는 것이라면 Impact 글꼴을 사용하고 싶지 않을 것입니다. 그것은 단단하고 대담하며 당신에게 완전한 힘을 가합니다.

이 예에서는 훨씬 더 가벼운 느낌을 주는 Verdana와 같이 글자 주위에 더 많은 호흡 공간이 있는 글꼴을 고려할 수 있습니다.

Heidi Pun은 페이지에 두 가지 글꼴을 권장하지만 세 가지 글꼴을 사용할 수 있습니다. 더 많은 글꼴을 사용할수록 페이지가 더 복잡하고 혼란스럽게 나타날 수 있다는 점을 기억하십시오. 다음에 대해 다른 글꼴 사용:

• 영웅 블록
• 헤드라인
• 본문 복사

캠페인 계층 구조의 흐름을 위에서 아래로 돕는 깔끔한 디자인으로 텍스트를 제공합니다. 현재 Classy 플랫폼에는 일관된 페이지를 위해 선택할 수 있는 7개의 글꼴이 있습니다.

청중이 원활하고 긍정적인 독서 경험을 할 수 있도록 선택 범위를 3으로 제한하십시오. 무엇을 선택하든 선택한 글꼴은 캠페인 색상과 마찬가지로 스토리의 감정적 느낌에 영향을 미칩니다.

보색 선택

색상은 특정 감정을 전달합니다. 글꼴과 마찬가지로 전략적으로 선택하고 사용하는 수를 제한해야 합니다. 캠페인 페이지에서 방문자를 압도하거나 혼동을 주지 않도록 사이트에 2~3가지 색상을 사용하고 최대 5가지 색상을 사용하십시오.

사용할 색상을 식별하려면 함께 잘 작동하는 색상 구성표를 고려하는 것이 중요합니다. 예를 들어, 같은 페이지에 라임 그린, 머스타드 옐로우, 네온 핑크는 눈을 즐겁게 하지 않을 것입니다.

색상을 조합하여 의미를 부여하고 캠페인의 전체 주제에 기여할 수 있는 방법이 있습니다. 선택한 색상이 조직과 어떻게 연결되는지 고려하고 Coolors.co 또는 Adobe Color CC와 같은 색상 구성표 생성기를 사용하여 보색 세트를 찾으십시오.

사용하는 색 구성표 생성기에 관계없이 각 색에 16진수 색 코드가 첨부됩니다.

새로운 Fundraising Suite를 사용하면 16진수 색상 코드 식별자를 복사하여 붙여넣어 페이지에 빠르게 통합할 수 있습니다.

당신이 가고자 하는 감정적 감정과 일치하도록 캠페인을 그립니다. 이를 통해 스토리를 보다 효과적으로 전달하고 지지자들의 참여도를 높일 수 있습니다.

효과는 미묘해야 합니다.

모금 페이지를 디자인하고 색상과 효과를 조정할 때 가장 먼저 염두에 두고 싶은 단어는 미묘합니다. 효과가 미묘할수록 디자인 미학이 더 깔끔해집니다.

기금 마련 페이지는 청중을 직접적이고 요점에 이르는 여정으로 안내해야 함을 기억하십시오. 색상 및 글꼴과 마찬가지로 단순함의 측면에서 시각 효과를 사용하여 주요 메시지가 배경으로 사라지지 않도록 하고 싶습니다.

디자인의 최근 경향을 감안할 때 Classy의 새로운 Fundraising Suite는 이미지 불투명도, 흐림 효과 및 배경 색상의 세 가지 인기 있는 시각 효과를 통합합니다. 캠페인의 특정 부분을 다른 부분보다 돋보이게 하려면 이러한 효과 중 하나 또는 두 개를 샘플링하는 것이 좋습니다.

Classy 플랫폼이 활용하는 또 다른 디자인 트렌드는 대부분의 웹사이트에서 볼 수 있는 고정 및 커버 효과입니다. 전경색 블록과 텍스트가 배경 이미지를 스크롤하거나 덮는 동안 배경 이미지를 고정된 상태로 유지합니다.

또한 음수 공간 또는 공백을 잊지 마십시오. 이는 특정 이미지와 같은 캠페인 페이지의 특정 요소에 시선을 집중시키기 위한 디자인 도구로 빈 공간을 사용하는 것입니다.

당신의 이미지가 당신을 정의합니다

글꼴, 색상 또는 시각 효과만큼 중요한 것은 페이지를 채우는 이미지입니다. 비영리 단체의 메시지를 구현하는 고품질 이미지 없이 페이지를 구축하지 마십시오.

Classy는 사진 사용이 허가된 무료 라이브러리인 Pixabay를 새로운 기금 모금 제품군에 통합하여 귀하의 사명에 맞는 이미지를 찾는 데 도움을 줍니다.

또한 개인 라이브러리에 있는 모든 이미지를 헤더 또는 영웅 이미지 슬롯에 직접 업로드하고 본문 텍스트 블록에 직접 업로드할 수 있습니다. 그리고 약간의 추가 옵션으로 일반 이미지를 업로드할 수 있는 모든 위치에 GIF를 업로드할 수도 있습니다. GIF는 고정 및 커버 스크롤로도 작동합니다.

영화의 은유로 돌아가려면 이미지를 영화에서 주도적인 역할로 간주하십시오. 이것은 사람들이 당신이 생산한 것에 주의를 기울이기 위해 시간, 에너지, 노력을 쏟는 첫 눈에 끌리게 하는 것입니다.

구조에서 글꼴, 색상, 시각 효과 및 이미지에 이르기까지 페이지의 모든 디자인 요소는 청중의 이익을 위해 조화롭게 작동합니다. 최종 목표와 상관없이 이러한 디자인 팁은 구성원이 행동을 취하도록 유도하는 데 도움이 됩니다.

새로운 Fundraising Suite는 위에서 아래로의 움직임을 디자인할 수 있는 창의적인 제어 기능을 제공합니다. 더 배우고 싶으신가요? 오늘 무료 Classy 계정에 가입하고 직접 사용해 보십시오.