5 dicas de design para distinguir sua campanha do rebanho

Publicados: 2016-12-07

Quando você precisa lançar sua campanha de arrecadação de fundos do parque, o design é tudo. Sem ele, é muito mais difícil chamar a atenção, desenvolver confiança e incitar a ação para sua causa.

No entanto, à medida que os sites continuam a elevar o padrão de design excelente, as expectativas dos consumidores também aumentam. Hoje, é essencial que o design da sua campanha não apenas atenda a esse padrão, mas realmente “surpreenda” seus apoiadores.

Mas esse objetivo levanta a questão: como é o “bom design”? Heidi Pun, proprietária e operadora do Design for Founders, incentiva as organizações a ver o design como mais do que apenas estética visual.

Um bom design é bom para os negócios. Mensurável, rentável e útil para o cliente.

Isso é facilmente adaptado à sua organização sem fins lucrativos. Você deseja que o design da sua campanha de arrecadação de fundos atraia novos apoiadores, obtenha mais doações e incentive a ação de sua comunidade.

Para ajudá-lo a criar uma campanha que encante visualmente e incite sua comunidade a agir, compilamos 5 dicas de design que o levarão ao próximo nível.

A Estrutura Dita Tudo

Todos os grandes filmes seguem uma estrutura projetada para levar o público a uma jornada do início ao fim. Ao longo desse caminho, eles recebem as informações necessárias para entender o que está acontecendo na tela, forjar conexões emocionais com os personagens e encontrar um desfecho na resolução do filme.

Imagine sua campanha como um filme e seus apoiadores como os heróis do filme. Inspire a ação deles por meio de imagens, vídeos e textos em negrito. Como grandes linhas de filme citáveis, você deseja que sua estética de design seja fácil de lembrar e compartilhar com outras pessoas.

Terry Breschi

Designer elegante

Quando justaposta ao lado de um filme, sua campanha de arrecadação de fundos não é tão diferente. Projete sua página para que leve seus apoiadores em uma jornada em que eles conheçam o histórico de sua organização sem fins lucrativos, as pessoas envolvidas e o impacto que elas podem causar por meio de uma doação.

Também como um bom filme, você tem que estruturar sua campanha para que as pessoas não fiquem perdidas ou confusas. A maioria dos designers apoia a ideia de construir uma hierarquia que guie o olhar do público de cima para baixo, atingindo tudo no meio.

A nova suíte de arrecadação de fundos da Classy tem esse conceito de hierarquia embutido, mas esta é a abordagem padrão:

  • Um logotipo da empresa no cabeçalho
  • Uma grande imagem de herói
  • Um apelo à ação para “doar agora” em um botão, emparelhado com uma barra de progresso de angariação de fundos
  • Informações relevantes sobre a organização e a campanha
  • Blocos de impacto que explicam como as doações ajudam especificamente
  • Informações adicionais sobre a organização
  • Atividade da campanha de arrecadação de fundos, como doações recentes
  • Um rodapé com informações de contato e branding

Como aconselha Terry, você deseja que sua campanha de arrecadação de fundos seja memorável e compartilhável, como ótimas falas de filmes. No entanto, sem uma estrutura, sua campanha fica distorcida, difícil de lembrar e não compartilhável.

Quando a hierarquia de design está integrada, você pode gastar seus esforços de design executando outras partes de sua página, como fonte, esquemas de cores, efeitos visuais e imagens.

Três fontes é tudo que você precisa

Muitos designers afirmam que a tipografia é 95% de todo o design. Como tal, a fonte que você escolher pode influenciar potencialmente 95% de toda a estética de sua campanha. A decisão de selecionar a fonte certa pode parecer esmagadora, no entanto, quando você tem tantas opções.

A dificuldade não está em escolher entre Times New Roman ou Calibri. Em vez disso, é escolher uma fonte que esteticamente se alinhe com o logotipo da sua marca, as cores e a mensagem da campanha de angariação de fundos.

Por exemplo, você provavelmente não gostaria de usar a fonte Impact se sua campanha de arrecadação de fundos girasse em torno de encontrar lares para animais abandonados. É difícil, ousado e vem com força total.

captura de tela-2016-12-01-at-11-19-33-am

Neste exemplo, você pode considerar uma fonte com mais espaço para respirar ao redor das letras, como Verdana, que tem uma sensação muito mais leve.

captura de tela-2016-12-01-at-12-17-11-pm

Heidi Pun recomenda duas fontes para sua página, mas você pode usar três. Apenas lembre-se, quanto mais fontes você usar, mais desconexa e confusa sua página pode parecer. Use uma fonte diferente para:

  • O bloco do herói
  • Os destaques
  • A cópia do corpo

Ele fornece ao seu texto um design mais limpo que ajuda o fluxo da hierarquia de sua campanha de cima para baixo. Atualmente, a plataforma Classy tem sete fontes para escolher para uma página consistente.

Limite sua seleção em três para garantir que seu público tenha uma experiência de leitura suave e positiva. Independentemente do que você selecionar, a fonte que você escolher influenciará a sensação emocional da história que você conta, assim como as cores da sua campanha.

Escolha Cores Complementares

As cores transmitem emoções específicas. Semelhante às fontes, você quer ter certeza de que é estratégico com sua seleção e limitar o número que usa. Para evitar sobrecarregar ou confundir um visitante na página de sua campanha, use duas a três cores para seu site e cinco no máximo.

Para identificar quais cores usar, é importante considerar os esquemas de cores que funcionam bem juntos. Por exemplo, verde limão, amarelo mostarda e rosa neon na mesma página provavelmente não agradarão aos olhos.

Não se trata apenas de fazer algo parecer bom, mas de fazer sentido. O design é basicamente a resolução de problemas visuais. Sempre pense no objetivo da sua campanha de arrecadação de fundos e se coloque no lugar do seu público.

Rachel Leke

Designer elegante

Existem maneiras de garantir que suas cores façam sentido quando combinadas e contribuam para o tema geral de sua campanha. Considere como as cores selecionadas podem se relacionar à sua organização e use um gerador de esquema de cores, como Coolors.co ou Adobe Color CC, para encontrar conjuntos de cores complementares.

Não importa qual gerador de esquema de cores você use, haverá um código de cor hexadecimal anexado a cada cor.

captura de tela-2016-12-01-at-11-27-07-am
O gerador de esquema de cores Coolers.co com códigos de cores hexadecimais

Com o novo Conjunto de Arrecadação de Fundos, você pode copiar e colar o identificador do código de cor hexadecimal para incorporá-lo rapidamente à sua página.

esquema de cores
Um exemplo do código de cor hexadecimal, copie e cole no Designer de campanha da Classy

Pinte sua campanha para corresponder aos sentimentos emocionais que você está buscando. Isso ajuda você a contar sua história de forma mais eficaz e gerar mais engajamento de seus apoiadores.

Efeitos precisam ser sutis

À medida que você projeta sua página de angariação de fundos e ajusta as cores e os efeitos, a palavra que deseja manter em sua mente é sutileza. Quanto mais sutil for o efeito, mais limpa será a estética do seu design.

Lembre-se de que sua página de captação de recursos precisa levar seu público a uma jornada direta e direta. Assim como as cores e as fontes, você deseja transmitir simplicidade com efeitos visuais para que sua mensagem principal não fique em segundo plano.

Dadas as tendências recentes em design, a nova suíte de captação de recursos da Classy incorpora três efeitos visuais populares de opacidade da imagem, desfoque e cor de fundo. Recomendamos a amostragem de um ou dois desses efeitos para destacar certas partes de sua campanha em relação a outras.

Dica profissional
Faça seu título aparecer definindo a cor de fundo da sua página para preto, mas reduza a opacidade para cerca de 75%. Isso faz com que o texto branco se destaque, brilhe e se destaque muito bem.

Outra tendência de design que a plataforma Classy capitaliza é o efeito fixo e de cobertura, que você notará na maioria dos sites. Ele mantém a imagem de fundo fixa no lugar enquanto a cor de primeiro plano bloqueia e o texto rola sobre ela ou a cobre.

Além disso, não se esqueça do espaço negativo ou do espaço em branco. Este é o uso do espaço vazio como ferramenta de design para chamar a atenção para determinados elementos da página da sua campanha, como imagens específicas.

Suas imagens definem você

Tão importante quanto qualquer fonte, cor ou efeito visual, são as imagens com as quais você preenche sua página. Nunca crie uma página sem imagens de alta qualidade que incorporem a mensagem da sua organização sem fins lucrativos.

Embora o conteúdo seja rei, o design deve facilitar o acesso do visitante a esse conteúdo. Conte sua história, mas não os aborreça com parágrafos. Use fotos e gráficos para evocar o conceito e a emoção de sua missão. E se você não tiver um designer, há muitos recursos como Pixabay, Pikwizard, Pexels e Creative Market que fornecem acesso a ótimos designs por pouco ou nenhum custo.

Stacey Uy

Designer elegante

A Classy integrou o Pixabay, uma biblioteca de fotos gratuitas e licenciadas para uso, no novo Conjunto de Arrecadação de Fundos para ajudá-lo a encontrar imagens que se alinhem à sua missão.

captura de tela-2016-12-01-at-11-38-40-am
O uploader de imagens de heróis no Classy's Campaign Designer, com integração do Pixabay

Além disso, qualquer imagem que você tenha em sua biblioteca pessoal pode ser carregada diretamente nos slots de imagem de cabeçalho ou herói e diretamente nos blocos de texto do corpo. E para um pouco de tempero extra, você também pode fazer upload de GIFs em qualquer lugar em que você possa fazer upload de imagens normais - eles até funcionam com a rolagem fixa e de capa.

Para trazê-lo de volta à metáfora do filme, considere suas imagens como o papel principal no filme. Isso é o que atrai as pessoas à primeira vista para dedicar tempo, energia e esforço para prestar atenção ao que você produziu.

Da estrutura até as fontes, cores, efeitos visuais e imagens, todos os elementos de design da sua página funcionam em uníssono para o benefício do seu público. Independentemente do seu objetivo final, essas dicas de design ajudarão a levar seus constituintes a agir.

A nova Suite Fundraising oferece a você o controle criativo para projetar seu movimento de cima para baixo. Interessado em aprender mais? Inscreva-se para uma conta Classy gratuita hoje e experimente você mesmo.


Como criar uma página de campanha impressionante no Classy

Assista agora