Website / Abrir Projeto de Design
No ano de 2024, em momento de emergência climática e crise humanitária, é importante ressaltar o uso da internet como uma ferramenta promissora para/com o atual contexto. Se usado da forma correta, o mundo digital visa causar impactos positivos profundos e necessários de forma democrática e universal. Com base nesse crítico cenário, a ODS 14 - Vida nos Oceanos mostra-se essencial para mudar o rumo da vida humana na Terra, visando atingir a meta de proteção e restauração dos oceanos até o ano de 2030. Desta forma, o meu projeto de website de crowdfunding contribui com esse objetivo, através do empoderamento e distribuição justa de recursos para comunidades costeiras, que possuem papel fundamental na proteção dos ecossistemas de regiões oceânicas.
É impossível resumir em um problema só o que está ocorrendo hoje com as comunidades costeiras. Assim, vale ressaltar diversos obstáculos e pontos de dor experienciados diariamente por essas comunidades. Esses indivíduos vivem sob constante ameaça de desastres naturais, como tempestades, inundações e erosão costeira, que podem devastar suas casas e meios de subsistência de forma repentina. Além disso, essas comunidades sofrem frequentemente com o acesso limitado a serviços básicos essenciais, como água potável, eletricidade e atendimento médico adequado, o que afeta gravemente a saúde e o bem-estar diário dos moradores. A escassez de empregos estáveis e a dependência de atividades sazonais ou de baixa remuneração contribuem para um ciclo de pobreza e desesperança, exacerbado pela degradação ambiental e pela contaminação dos habitats naturais, essenciais para a subsistência por meio da pesca e coleta de recursos. Essas comunidades, muitas vezes, também enfrentam desafios de isolamento geográfico, dificultando o acesso a mercados, serviços educacionais e outras oportunidades, o que cria um sentimento de separação e limitação. A crescente ameaça das mudanças climáticas traz incertezas adicionais sobre o futuro, afetando a saúde mental e o planejamento a longo prazo das famílias. A poluição do ar e da água gera problemas respiratórios e outras doenças, afetando a qualidade de vida diária. Além disso, a perda cultural devido à globalização ou deslocamento forçado por questões ambientais, ou econômicas resulta em uma erosão da identidade e continuidade histórica, profundamente desestabilizadora para essas comunidades.
Através do processo de Design Thinking, foi definido o Crowdfunding como Solução para enfrentar as vulnerabilidades das comunidades costeiras. Este processo começou com a fase de Empatia, onde foi realizado um estudo de imersão profunda nas vidas dos residentes, identificando medos e incertezas decorrentes de desastres naturais como tempestades e inundações. Com isso, foram reconhecidos pontos de dor das comunidades, relacionadas principalmente ao acesso limitado a serviços básicos, como água potável e atendimento médico, e a desesperança causada pela falta de empregos estáveis e oportunidades econômicas. Na fase de Ideação, por via de brainstorms, foram anotadas diversas ideias de como utilizar a internet para enfrentar esses desafios experienciados por esse público. Entre as ideias, destacou-se a importância de sistemas de alerta precoce para desastres naturais, programas de capacitação profissional, e iniciativas para a conservação ambiental e conscientização socioambiental. Além disso, destacou-se a relevância do auxílio financeiro para estas populações, pois, a partir dos recursos, se torna possível investir em desenvolvimento social, o que foi uma conclusão importante para a próxima fase do Design Thinking. Na fase de Definição, as melhores ideias foram refinadas e transformadas em um plano de ação claro. Este projeto de crowdfunding, baseado no Design Thinking, oferece uma abordagem estratégica e colaborativa para fornecer recursos, apoio e soluções sustentáveis, visando melhorar a qualidade de vida e aumentar a resiliência das comunidades costeiras diante dos desafios que enfrentam. Deste modo, através da conexão entre os usuários em situação de vulnerabilidade socioeconômica e qualquer doador ou contribuidor engajado com a causa, permite-se apoiar a quem precisa de forma usável, equitativa, agradável e útil, e em alinhamento com a ODS 14.
Escolhido e definido o modelo da plataforma decidi criar um protótipo para testarmos e avaliarmos a nossa ideia. Comecei criando uma marca que fosse representar bem e simpatizar com o público alvo do produto, que são líderes de comunidades costeiras e contribuidores gerais.
O nome eu escolhi como DoMar, apenas para fins de estabelecimento de um naming que seja curto e tenha haver com o tema
Já a logo eu escolhi uma representação de funil para demonstrar pro usuário final que a plataforma vai ajudar a afunilar pessoas que eles desejam para ajudar o projeto com recursos e fundos.
As cores escolhidas foram os padrões neutros e como primária o verde água.
A tipografia escolhida foi uma sans serif para manter no padrão de websites de crowdfunding.
E o estilos de imagens que buscamos era de cidades costeiras e entre outras comunidades que remetem ao público alvo que será ajudado pela plataforma
Clique aqui para abrir o Website
Com a maior parte das propriedades da marca definidas apenas para termos uma conexão mínima entre o usuário e a plataforma, podemos partir para a elaboração do website, cujo será o lugar onde ele irá interagir. Aqui eu dividi em duas partes, a home onde a pessoa irá entender como o produto funciona e as campanhas onde a pessoa irá doar. É importante termos em mente que aqui nessa build apenas teremos um front da primeira parte, de forma demonstrativa do que o produto pode se tornar e funcionar, pois um desenvolvimento mais fundo de uma plataforma de crowdfunding toma um tempo maior que o que temos para esse projeto de global solution.
A home começa com o Hero, que é a parte onde o usuário vai cair e se encantar de cara com o conteúdo.
Depois demonstro para o usuário quais benefícios eles terão com a nossa marca. Aqui eu fiz uma visão direcionada para todos os dois principais públicos
Depois vem uma das sessões mais importantes que demonstram os exemplos e as pessoas que estão já utilizando a plataforma. O que cria uma identificação de ambos os lados. Além de abrir a curiosidade fazendo os usuário explorarem os projetos.
Para criar uma conexão maior ainda, coloquei mais provas sociais além dos exemplos na página principal. Gerando uma confiança e uma aceitação maior dentre os usuários através dos testemunhos, avaliações e comentários de usuários prévios.
Basicamente uma sessão para os usuários tirarem as principais dúvidas do projeto.
A última parte do website onde temos primeiro um segundo CTA para converter o usuário caso ele já tenha passado diante de toda a experiência da página. E logo mais abaixo de fato, o nosso footer, que contém o mapa do site, redes sociais e o slogan da marca.
E agora por último, após termos a parte de "vendas" do produto, teremos agora a parte de função onde o usuário irá interagir para doar para as comunidades costeiras.
Aqui teremos as principais campanhas cadastradas no website, temos poucas campanhas para fim de demonstração, porém funcionará justamente como um "marketplace" onde temos páginas e páginas desses "produtos" e o usuário poderá escolher a opção que mais se identifica.
E agora é uma das páginas mais importantes do projeto todo, pois é aqui onde o doador irá executar o seu exercício principal como um cidadão e usuário do site. Essa tela é divida em duas partes, a de conteúdo e a de interação. A parte de conteúdo começa no título e se encaminha pela esquerda seguindo a foto e o texto que o líder da comunidade costeira irá fazer e digitar para postar a sua campanha. Ja a interação começa na direita como os botões compartilhar e curtir para criar uma conexão ainda mais forte como o usuário demonstrando o profissionalismo da ferramenta, e continua se encaminhando pela esquerda na primeira caixa de feedback de doações, que dão provas sociais para outros usuários que irão utilizar a ferramenta, cujo são doações com valores e nome das pessoas, com uma foto fictícia. Logo abaixo, temos a caixão de doações onde tem o valor que o doador vai inserir para realizar a contribuição, e uma palavra de suporte, cujo é um texto que pequeno que aumenta drasticamente a conexão e a empatia que o doador e as comunidades possam ter entre si, resultando em UX de alta qualidade.
E por ultimo e não menos importante, vamos citar fatores que enrijecem a acessibilidade dessa ferramenta para todos os tipos de usuários
As cores que nós definimos do site são cores que por definição tem alto contraste entre si, como no texto com o fundo do site, cujo temos um fundo branco com a fonte preta chegando a altos níveis nos pontos de contraste da WCAG.
Criamos uma interação simples no website, onde qualquer um dos usuários consiga chegar a outra ponta de forma rápida e sem pensar muito. Através de pontos chaves rápidos e concisos.
Todas as nossas imagens possuem o alt-text, que é uma descrição da imagem bem objetiva, feita para ajudar os leitores de tela de deficientes visuais.
O projeto DoMar procura criar de forma simples e intuitiva para todos os tipos de usuários, uma conexão verdadeira entre doadores e comunidades costeiras que precisam de recursos para continuar ajudando a fauna e flora local através de seus projetos e ONGs. Mesmo não estando um projeto de software completo, DoMar ainda demonstra o potencial que uma boa UX e UI fazem com uma ideia boa.