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.

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.

"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.

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).

_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.
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.



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.