top of page

Jonathan Alves

APOIO Associação de Auxílio Mútuo

A APOIO é uma OSC (Organização da Sociedade Civil) que atua no estado de São Paulo desde 1993, na Assistência Social trabalhando na promoção e desenvolvimento de homens, mulheres, adolescentes e crianças que encontram-se em situação de extrema vulnerabilidade social.

notebook.png

Visão Geral

Ajudando adultos, crianças e adolescentes em extrema vulnerabilidade social através de projetos sociais em parceria com diversos órgãos da cidade e estado de São Paulo.

Serviços
Design Gráfico, Web Design

Duração
Março 2017 - Atualmente

Plataformas
On e offline

Problema

Não havia nenhum tipo de padrão visual criado pela Organização. Nem no papel timbrado, crachá,

relatório anual e qualquer outro material gráfico.

Também não estava em nenhuma rede social, tampouco tinha um site institucional para angariar doações

e captar recursos.

Metas

Elaborar padrão visual
que englobasse a Organização.

Criar uma plataforma digital
para captar recursos.

Processo

Fui responsável por conversar, entender e participar de cada trabalho interno com a Diretoria e os Gerentes de cada projeto social envolvido com a APOIO. 

 

Busquei entender a história, o que motiva e qual a direção que a APOIO pretende para o futuro. Com isto, projetar a identidade visual que melhor se alinhasse com o propósito e valorizando a qualidade do serviço prestado desde sua fundação.

Image by NeONBRAND

"Se a educação sozinha não transforma a sociedade,

sem ela tampouco a sociedade muda."
Paulo Freire

Fonte

O primeiro passo foi buscar por fontes e cores que visassem transformar a identidade visual da APOIO.

 

As fontes escolhidas foram:
-
Vollkorn: com característica impactante, visualmente forte e serifada proporciona boa leitura nos títulos.

- Nunito:  por ser uma fonte moderna e com excelente legibilidade tanto digital quanto no impresso, foi escolhida para os subtítulos e corpo de texto.

Exemplo:
Transparência
 

Gerir os recursos de forma responsável é muito importante para a organização. Trabalhamos com o máximo de eficiência, multiplicando o que temos sempre que possível.

Sabemos também que a transparência é item chave para o sucesso de uma entidade sem fins lucrativos.

Cor

Exemplo:
Voluntariado
 

Existem várias maneiras de participar junto com Apoio na luta pela cidadania. Uma delas é sendo voluntário nos nossos projetos sociais!

Escolhi a cor azul, que remete a confiança e a sabedoria, pilares fundamentais da APOIO, para usar em títulos, elementos de destaque e em aplicações de peças gráficas. 


O cinza escuro (ou chumbo) é usado no corpo de texto, que contrasta melhor tanto com o branco quanto com o azul.

Aplicações

As aplicações foram criadas a partir da necessidade de peças de uso diário da Organização, como: Papel timbrado, caneca, crachás, canetas e uniformes.

Observação:
Outros Materiais
 

Outros materiais (blocos de anotações, cadernos, camisetas etc) foram produzidos, mas a pedido da diretoria da APOIO não podem ser divulgados.

Plataforma Digital

Este foi um grande passo para a Organização. Com diversos resultados importantes nos últimos anos e que não foram amplamente divulgados em suas próprias redes sociais e no site institucional.

Juntos desenvolvemos e coletamos todas as informações necessárias e criamos seções, respeitando o grau de importância e buscando a melhor experiência de navegação para os usuários.

Mug.png

Páginas

Todo design, espaçamento e alinhamento foi pensado e repensado, sempre respeitando o padrão visual estabelecido.

 

Por ser uma organização cheia de história e de muita informação, todas as seções e subseções foram revisadas com o máximo de cuidado, mantendo-se acessíveis e objetivas.


 Para melhor visualização, acesse o site:
https://www.apoio-sp.org.br/

Exemplo:
Início
 

Rascunhos elaborados para a página "home" do site  (abaixo, à esquerda) e construção do design, espaçamento e alinhamento (abaixo, à direita).

Home%20(1)_edited.jpg

Redes Sociais

Próximo passo: Levar toda essa informação, resultado e atividade para as principais redes sociais (Facebook e Instagram) buscando ampliar a rede de parceria e doações.

Carrossel

O carrossel é a maneira mais eficiente de mostrar conteúdo de uma forma mais organizada, trazendo a versatilidade de incluir mais peças em uma única postagem.

Instagram

As aplicações foram elaboradas e criadas a partir da necessidade de algumas peças de uso diário da Organização, como: Papel Timbrado, Canecas, Crachás e outros.

Exemplo:
Feed
 

Realizei tríades para organizar e visualizar melhor os projetos da Organização.

feed.png
feed-ampliado.png
carrosesel.png

Aprendizado

A APOIO foi meu primeiro (e grande) contato com o design gráfico e o desafio de aplicar em um projeto real. Aprendi muito ao passar pelos processos, estratégias, rotinas e sobre como organizar o meu trabalho para obter um melhor resultado na finalização.

Entre em contato

  • Branca Ícone LinkedIn
Contato
bottom of page