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
4 meses
Ago 2023 - Dez 2023
Ferramentas
Figma
Notion
Maze
Processos
Branding
Research
Arquitetura da informaçao
Prototipação
Teste de usabilidade
Sobre
A plataforma Solidária foi criada visando 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.
Desenvolvimento da marca
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.
Cronograma
Análise de competidores
Com o objetivo de garantir que as decisões estejam embasadas e direcionados ao mercado-alvo correto, realizei uma análise de competidores para mapear os pontos fortes e fracos dos concorrentes, avaliar boas práticas e possíveis lacunas que podem ser exploradas para oferecer uma melhor experiência.
Para identificar os concorrentes, foram consideradas todas as alternativas que os usuários poderiam escolher para atender às suas necessidades, não apenas os concorrentes diretos do negócio. Isso permitiu uma comparação mais relevante para entender as escolhas do público.
É 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, mantendo 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 mantém uma boa consistência de cores, criando reconhecimento nas ações.
Possui também um filtro de pesquisa muito completo, facilitando 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.
Desk Research
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 influência 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 seguintes 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 onde 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 continuam presentes restritamente na rede, no que se refere aos websites, em 2022, apenas 36% das organizações possuíam website ou página na Internet;
Os websites de organizações priorizam recursos informativos, com atividades, notícias e informações institucionais, no entanto, somente 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 website 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.
Personas
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.
Mapa da Jornada do Usuário
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 doador
Jornada do responsável por projetos/instituições
Sitemap
Wireframe
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
Style Guide
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.
Protótipo de alta fidelidade
Versão detalhada 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.
Protótipo Figma
Teste de Usabilidade
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 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:
Tarefa 1: Realizar o cadastro na plataforma;
Tarefa 2: Cadastrar um projeto social na plataforma;
Tarefa 3: Fazer uma doação de R$50 via PIX para um projeto pré definido;
Tarefa 4: Pesquisar um projeto social da região de Franca e se voluntariar;
Tarefa 5: Comprar uma Camiseta tamanho P e uma Caneca na loja da plataforma e pagar no cartão de crédito;
Tarefa 6: Encontrar os detalhes e resumo do projeto social cadastrado na tarefa 2.
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, somente 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.
Feedback e conclusão
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.