Foi um programa de incentivo de cunho social. Dele, faziam parte desde coletadores de rua até microempreendedores. Para participar, era necessário efetuar um cadastro e levar materiais recicláveis aos containers da Casa Soma+
Cada tipo de produto possuía uma pontuação específica e, conforme fossem acumulados, poderiam ser trocados por cursos, experências ou por alimentos.
Este projeto foi gerenciado por dois profissionais. Um deles conduziu a pesquisa com os usuários, enquanto eu, Marcos, acompanhei o processo, analisei os dados coletados pelas plataformas de analytics e cuidei da criação dos wireframes e do design das interfaces.
Para facilitar a navegação,
confira as atividades nas
divisórias a seguir:
Primeiro contato
Contém as informações básicas sobre o programa, com aspectos de sua antiga identidade visual, separados em blocos. Os links da parte superior direcionam o usuário para a respectiva informação contida na mesma página.
● Imagem da página inicial do site
Processo de pesquisa
O produto se assemelha a outros programas de incentivo já existentes, o que facilitou o trabalho dentro deste contexto, pois foi possível fazer comparações. A única diferença é que tivemos que utilizar uma linguagem mais comum para ser mais eficaz em atingir o público-alvo do programa.
Abaixo, segue uma imagem ilustrativa, contendo
a mecânica básica do programa.
● Mecânica ilustrada
Apesar do tamanho do projeto, percebemos a necessidade de realizar pesquisas no modelo básico de UX Design, seguindo as etapas do double diamond, para verificar alguns detalhes sobre o público-alvo e, caso fosse necessário, rever algumas estratégias de comunicação.
● Etapas do processo de UX
A empresa utilizava templates pré-definidos de um sistema específico, sem fazer as adaptações necessárias para o público-alvo. Como resultado, a plataforma antiga apresentava
termos confusos, links quebrados e blocos de conteúdo sem sentido. A parte visual do site antigo também deixava a desejar.
Segue abaixo uma breve análise da parte visual da versão antiga do site.
● Destaques da análise da versão antiga
Realizando pesquisas com usuários por telefone, foi possível verificar
que o público-alvo da empresa, apesar de importante, não representa todo o público atingido
pelo programa.
Em vez disso, o programa tem alcance amplo e atinge pessoas de diferentes contextos.
Abaixo, segue alguns exemplos
de resultados das pesquisas.
Foi constatada a real necessidade da renovação do projeto. A versão antiga era pouco amigável para os usuários, e gerava dúvidas sobre a localização de cada informação.
Padeiros, donos de restaurantes, etc., encontraram no So+ma uma forma de obter ingredientes e produtos de limpeza para utilizar em seus estabelecimentos comerciais, e também evitarem o desperdício de materiais recicláveis.
Pessoas de fora do universo da coleta de materiais recicláveis, como forma de sobrevivência descobriram como obter produtos de uso doméstico por meio da troca de resíduos recicláveis.
Entregáveis
Após análisar e apresentar os resultados ao cliente, iniciou-se a fase de prototipação, que consiste na criação do primeiro modelo do projeto, com o objetivo de fornecer uma noção do que se tornaria a versão final.
Em seguida, estão os wireframes do projeto, incluindo as versões para mobile e desktop.
● imagem do painel de wireframes
Em seguida, estão as interfaces do projeto, incluindo as versões para mobile e desktop.
As telas foram projetadas com o uso de diversos elementos gráficos para facilitar a compreensão dos usuários sobre cada bloco e seção da plataforma.
● imagem do painel de interfaces
Entregáveis
Em seguida, estão os destaques das interfaces, ampliados. Confira os detalhes das fonts, formulários e iconografia.
● painel com as interfaces
Entregáveis
Abaixo, segue o painel de elementos da interface. Como o projeto é de pequeno porte, há uma quantidade limitada de elementos, que são de fácil manipulação para aplicação em HTML + CSS.
● Imagem dos elementos da interface
Info adicional
Thierry Rudiger, responsável pelas atividades relacionadas a experência do usuário e supervisão.
Marcos Roberto Correa, responsável pelos wireframes e design de interface, além de acompanhar o processo de pesquisa.
Projeto realizado na Agência Raincake.