Abrace uma causa solidária
O projeto foi desenvolvido como Trabalho de Graduação Interdisciplicar (TGI) do curso de Design Gráfico na Universidade de Franca (UNIFRAN).
Duração
Ago 2023 - Dez 2023
Áreas
UX/UI, Research e Branding
A plataforma Solidária foi criada com o objetivo de facilitar doações, com foco na busca de projetos e instituições da região e comunidade onde o usuário reside.
Alinhado obrigatoriamente aos Objetivos de Desenvolvimento da ONU (um apelo global à ação para acabar com a pobreza, proteger o meio ambiente e o clima e garantir que as pessoas, em todos os lugares, possam desfrutar de paz e de prosperidade) o projeto é um convite à transformação, uma oportunidade de impactar diretamente os que mais precisam. A mesma pode ser um meio eficaz para arrecadar fundos e recursos para projetos e instituições de apoio às comunidades carentes. Através de doações em dinheiro, materiais ou trabalho voluntário, a plataforma pode capacitar indivíduos e organizações a apoiar causas ajudando a fornecer recursos vitais para aqueles que mais necessitam.
Por isso o projeto Solidária está alinhado e contribui com o Objetivo 1: Erradicação da pobreza, acabar com a pobreza em todas as suas formas, em todos os lugares.
O processo de desenvolvimento da marca começou com a escolha do nome, relacionado ao ODS 1, destacando a diferença entre caridade e filantropia. A caridade visa aliviar o sofrimento, enquanto a filantropia busca resolver as causas desse sofrimento, mas ambas têm como objetivo melhorar a vida das pessoas e da comunidade. Após um processo de naming, foi escolhido "Solidária", um nome simples que transmite valores como empatia, conexão e solidariedade e que evoca imediatamente a ideia de cuidado e apoio mútuo, sugerindo um senso de comunidade e apoio mútuo. Visto isso, o logotipo deverá refletir visualmente a ação de cuidar e apoiar.
Afim de transmitir um visual que comunicasse a ideia de uma marca moderna e acessível, foi produzido um moodboard, uma ferramenta de design e criação visual que reúne uma variedade de elementos visuais, como imagens, cores, tipografia, texturas e outros elementos gráficos.
A criação do logotipo visou a representação com formas limpas, um visual mais simplificado, moderno e adequado, que transmitisse a mensagem de apoio e solidariedade de forma clara e memorável. A versão final, possui a representação simples de um coração envolvido com formas fluidas, representando uma mão. O coração é um símbolo universal de amor, compaixão e generosidade, todos elementos centrais da filantropia. A representação não literal da mão que segura o coração, simboliza o acolhimento . Ela retrata a solidariedade em ação, mostrando que a marca está pronta para ajudar aqueles que estão em necessidade. O logotipo utliza a fonte Mogula, uma tipografia moderna e de fácil leitura e possui cores vibrantes.
Foi realizada uma análise, visando a parte visual e com foco em identificar as melhores práticas adotadas pelos concorrentes e adaptá-las para a plataforma Solidária.
É um site que permite os usuários doarem a partir de criptomoedas para uma causa social ou ambiental de sua escolha.
O site apresenta um design limpo e moderno, baseando-se majoritariamente em figuras planas, minimalistas, quase sem volume, sombra e texturas (flat design) e com um layout intuitivo que facilita a navegação de usuários menos experientes. Apresenta telas de carregamentos e transições simples e dinâmicas, que mantêm o status visível para o usuário.
A linguagem abordada é simples e comunicativa, e utiliza terminologias e elementos de interface que são facilmente compreensíveis para os usuários, que tornam a experiência mais intuitiva.
Os botões e instruções estão bem destacados e localizados, o que e mantêm uma consistência e padronização na utilização das cores em ações e botões.
Adotam uma ampla paleta de cores com diferentes tons que reflete os seus princípios e objetivos. Essa abordagem permite que a marca seja expressiva e adaptável, ao mesmo tempo em que mantém a consistência visual em comunicações online.
Transforma Brasil é uma plataforma nacional de voluntariado que ajuda o usuário a encontrar projetos de sua região e todo o Brasil e se voluntariar ou fazer doações de materiais.
Possui uma interface mais clean e moderna. A linguagem abordada é de simples compreensão e comunica muito bem com o usuário, trazendo informações bem objetivas sobre os projetos disponíveis.
O uso da plataforma também é fácil e intuitivo, devido aos botões e instruções que estão bem localizados e que mantem uma boa consistência de cores, criando reconhecimento nas ações.
Possui também um filtro de pesquisa muito completo o que facilita a busca do usuário a cumprir
seu objetivo.
A Se Doar é uma iniciativa filantrópica que visa aproximar ONGs, instituições e projetos sociais a empresas e pessoas interessadas em contribuir com os seus projetos de várias formas, seja por doações em dinheiro, alimentos, roupas ou até trabalho voluntário.
Plataforma gratuita, focada na divulgação e captação de recursos e voluntários para projetos sociais.
Todo o processo de trabalho é feito de forma voluntária e sem cobranças. A paleta de cores é composta
O site possui uma interface antiga e desatualizada, que se encaixa parcialmente no Skeuomorphic Design.
Apesar de um design muito simples e desatualizado, é bem objetivo em ajudar o usuário a realizar a jornada da doação, com ações e informações diretas.
Afim de analisar e reunir dados já disponíveis no mercado de maneira rápida e eficiente, foram reunidos dados da "Pesquisa Doação Brasil 2022 " promovida pelo IDIS (Instituto para o Desenvolvimento do Investimento Social e da "Pesquisa Sobre o Uso das Tecnologias de Informação e Comunicação nas Organizações Sem Fins Lucrativos Brasileiras" pelo CETIC (Centro Regional de Estudos para o Desenvolvimento da Sociedade da Informação).
Pesquisa doação Brasil
O PIX se tornou o método preferido para doações, com 39% dos doadores optando por ele;
O Instagram é a rede social que mais influencia as doações, mencionado por 85% dos doadores;
A Geração Z está doando mais, compreendendo melhor as ONGs e sendo influenciada pelas mídias sociais com 62% deles envolvidos em atividades relacionadas a causas, além das doações;
O brasileiro é bastante criterioso ao decidir fazer sua doação, ele toma cuidados e busca informações antes de definir para quem doar e tem o hábito de doar sempre para as mesmas organizações;
28% dos não doadores que declararam que poderiam mudar de ideia, afirmam novamente que o ter/não ter dinheiro é o maior estimulador/inibidor da doação. As três condições que se seguem são relacionadas com a construção de um vínculo de confiança e transparência com a organização beneficiada.
Pesquisa Sobre o Uso das Tecnologias de Informação e Comunicação nas Organizações Sem Fins Lucrativos Brasileiras
Sobre o canal de recebimento das doações pela Internet, houve um aumento de todos os investigados (plataformas ou redes sociais em que a organização estava presente, website da organização, campanhas ou sites de financiamento coletivo ou crowdfunding);
Os canais digitais ainda são utilizados em baixas proporções. Apenas 11% das organizações afirmaram que receberam doações por meio de plataformas ou redes sociais em que estão presentes;
As organizações sem fins lucrativos ainda estão presentes de forma restrita na rede, no que se refere aos websites, em 2022, apenas 36% das organizações possuíam website ou página na Internete;
Os websites de organizações priorizam recursos informativos, com atividades, notícias e informações institucionais, no entanto, apenas 38% compartilham informações e balanços de prestação de contas.
Oportunidades identificadas
Disponibilizar diversos meios de pagamento para doar, de forma online.
Fornecer informações completas sobre os projetos e instituições evitando que o usuário saia da plataforma para pesquisar outras informações;
Exibição o valor arrecadado pela instituição, incluindo um relatório, afim de exercer a transparência para o usuário;
Aplicação de uma usabilidade eficiente para atrair o cadastro de projetos e instituições, e reduzir a necessidade de um web site próprio ou a procura por outras plataformas;
Possibilidade de postagem de notícias, ações e relatórios na página individual de cada projeto.
A partir de dados coletados na pesquisa, foi possível personificar as características, objetivos, motivações, comportamentos e atitudes, e dores dos usuários. Com isso foram construídas 4 personas com o objetivo aprimorar a compreensão e orientar as estratégias de desenvolvimento da plataforma para atender de forma mais eficaz as demandas desse público.
Cecília Beatriz
Idade: 24 anos
Ocupação: Analista de Marketing
Formação: Ensino médio
Renda: +1 a 2 Salários Mínimos
Objetivo
Conhecer e se atualizar sobre causas próximas que precisam de apoio.
Motivação
Gosta de ajudar, sente que pode fazer
a diferença e influenciar pessoas próximas.
Comportamento
Possui pessoas no seu ciclo social que doam ativamente para causas sociais e se sente influenciada a contribuir também.
Atitudes
Escolhe com cuidado a causa para a qual vai doar seu dinheiro.
Dores
Não conhece de causas sociais locais que precisam de ajuda.
Não encontra muitos dados sobre as instituições que conheceu.
Breno Isaac Moura
Idade: 41 anos
Ocupação: Funcionário Público
Formação: Ciências Contábeis
Renda: +2 a 4 Salários Mínimos
Objetivo
Contribuir com uma causa conhecida e realizar uma doação mensal de forma mais fácil.
Motivação
Acredita na causa que ajuda e conhece os responsáveis.
Comportamento
Costuma doar sempre um valor simbólico para as mesmas instituições todo mês.
Atitudes
Doa sempre para as mesmas instituições.
Dores
Ás vezes esquece de realizar a doação mensal;
Dificuldade em se atualizar sobre as realizações da causa que doa.
Emanuelly Fogaça
Idade: 36 anos
Ocupação: Tech Lead
Formação: Engenharia de software
Renda: +6 a 8 Salários Mínimos
Objetivo
Entrar em contato com alguma causa/instituição e realizar uma doação material.
Motivação
Porque sente que faz bem e é um hábito comum em sua família.
Comportamento
Tem o costume de separar materiais que não usa mais com frequência para doar.
Atitudes
Sempre busca informações sobre instituições/causas antes de doar para elas.
Dores
Tem dificuldade em encontrar dados mais completos sobre as causas/instituições.
Não tem conhecimento de causas sociais da sua região que precisam de ajuda.
Heitor Giovanni Brito
Idade: 20 anos
Ocupação: Estagiário
Formação: Cursando T.I.
Renda: 1 Salários Mínimos
Objetivo
Se informar sobre uma causa social que conheceu recentemente e realizar uma doação fácil.
Motivação
Se solidariza com os mais necessitados e acredito que todos precisamos participar das solução dos problemas sociais.
Comportamento
Usa bastante as redes sociais durante o seu dia a dia e as utiliza para pesquisas causas sociais.
Atitudes
Sempre faz doações, tanto financeira quanto material.
Dores
Encontrar dados mais completos sobres as causas/instituições.
Ter acesso a mais formas de contribuir.
Visto que os usuários da plataforma são doadores individuais e responsáveis por projetos e instituições, foram desenvolvidos dois mapas de jornadas especificamente para cada tipo de usuário. Por meio do mapeamento das jornadas foi possível identificar maneiras a permitir que o usuário atinja seu objetivo da maneira mais rápida e fácil possível.
Jornada do responsável por projetos/instituições
Foi desenvolvido um wireframe de média fidelidade afim de facilitar a aplicação dos componentes e identidade final. Confira a seguir as principais telas dos 7 fluxos desenvolvidos para plataforma que incluem:
Login/Cadastro
Recuperação de senha
Cadastro de projeto
Fluxo de doação e voluntariado
Loja e fluxo de compra
Sobre a plataforma
Configurações da conta/Dashboard de projetos cadastrados
O Style Guide (Guia de estilo) é um documento que contempla as diretrizes de design de um projeto em menor escala e seu principal objetivo é documentar todas as definições de design para garantir a consistência dentro da interface.
Versão detalhada da interface da interface da plataforma, com aspectos visuais e funcionais, incluindo o conteúdo, fluxo de navegação e interações, que simulam o funcionamento e a aparência da versão final. Ao total, foram desenvolvidas 60 telas em alta fidelidade dos 7 fluxos citados anteriormente.
Utilizando a ferramenta Maze, que permite realizar testes de usabilidade de forma escalável e não moderada, foi realizado um teste com 5 usuários entre 20 e 61 anos de idade, com o o objetivo de analisar se a usabilidade da plataforma é consistente e eficiente para o amplo público-alvo definido anteriormente. Os usuários deveriam cumprir 6 tarefas, que navegam pelas principais funcionalidades da plataforma, de diferentes níveis de dificuldades e ao final de cada uma das tarefas definir o grau de dificuldade para completá-la variando de 1 (muito fácil) a 5 (muito difícil). As tarefas foram:
Após a realização do teste, os resultados foram analisados e sintetizados por tarefas:
Tarefa 1: No geral, todos os usuários conseguiram concluir sem dificuldades por já estarem familiarizados com o fluxo de cadastro em sites e aplicativos. Com média 2 no grau de dificuldade.
Tarefa 2: O fluxo foi considerado intuitivo, com instruções claras e objetivas pelos usuários familiarizados com a tecnologia. Já os usuários que não possuem afinidade com tecnologia relataram que tiveram dificuldade apenas com a leitura, pelo fluxo apresentar muitos campos a serem preenchidos. Média 1,8 de grau de dificuldade.
Tarefa 3: Os usuários não tiveram nenhuma dificuldade para realizar a tarefa e mencionaram que esse fluxo é bem objetivo, as organizações são fáceis de encontrar e o botão de doação está bem localizado, apresentando uma média de 2 no grau de dificuldade.
Tarefa 4: Atendendo o esperado, nessa tarefa os usuários não tiveram muitas dificuldades para execução, apenas na leitura. Logo na primeira seção do site é apresentado um filtro de pesquisa por localização e causas classificadas pelos objetivos de desenvolvimento sustentável da ONU, que foi utilizado por todos os usuários para a pesquisa do projeto. Já para se voluntariar também não houve dificuldades por ser um fluxo similar ao de doações, média 2 no grau de dificuldade.
Tarefa 5: Nesta tarefa os usuários não relataram nenhuma dificuldade e justificaram que já estão familiarizados com esse fluxo de compras em outros sites, e que o design está claro e intuitivo. Apresentou uma média de 1,4 no grau de dificuldade, a média mais baixa.
Tarefa 6: Nesta tarefa os usuários, mesmo que não tenham costume de navegar em sites e redes sociais, não tiveram tantas dificuldades para localizar as configurações e detalhes. Foi percebido uma leve demora para encontrar as opções, mas todos conseguiram localizar. A média apresentada no grau de dificuldade foi de 2,8.
Conclui-se que esse teste obteve um resultado satisfatório, dentro do esperado. Usuários de diferentes idades e costumes conseguiram concluir as tarefas propostas, mesmo apresentando algumas dificuldades. Algumas possíveis melhorias na legibilidade e contraste também foram identificadas, como na seleção dos objetivos de desenvolvimento sustentáveis, que pode estar mais destacada para melhor visualização de quais foram selecionadas e alguns ajustes de peso e tamanhos de textos.
Este trabalho de conclusão de curso, além de explorar profundamente o impacto positivo que a solidariedade traz para a sociedade, representa toda a minha jornada no curso de Design Gráfico. Estudar sobre o design de interfaces e experiência do usuário transformou minha visão sobre como o design comunica com o usuário e com a forma que ele interage com algum produto. Espero que o projeto Solidária tenha alcançado seu objetivo em comunicar e promover os valores da empatia e inspirar a todos que tiveram contato com o mesmo, a se envolver ativamente e fazer a diferença na vida daqueles que precisam.