O projeto 'My Angel' foi desenvolvido em uma jornada de 8 dias durante a EBAC. Nosso objetivo era criar uma solução digital inovadora que facilitasse a adoção de animais resgatados por ONGs. A plataforma visa melhorar a visibilidade dos animais disponíveis, simplificar o processo de adoção e garantir que os adotantes encontrem o animal ideal para suas famílias.
Este foi o primeiro projeto que realizei na área de UX/UI Design.
Visão Geral do Projeto: A plataforma My Angel foi desenvolvida para resolver os desafios enfrentados pelas ONGs de resgate animal. Ela facilita a adoção responsável ao oferecer uma interface intuitiva e funcionalidades avançadas que tornam mais fácil para os adotantes encontrar, conhecer e adotar animais resgatados. Além disso, a plataforma melhora a gestão de adoções pelas ONGs, promovendo a transparência e a eficiência no processo.
Problema: As ONGs de resgate animal enfrentam vários desafios, como a complexidade do processo de adoção, a dificuldade em promover os animais disponíveis e a falta de uma correspondência eficaz entre os animais e os adotantes. Além disso, a superlotação nos abrigos e a escassez de recursos tornam o processo de adoção ainda mais complicado, resultando em taxas de adoção mais baixas e maiores períodos de espera para os animais.
Solução: A plataforma digital My Angel foi projetada para proporcionar maior visibilidade aos animais disponíveis para adoção, utilizando perfis detalhados e atraentes. A solução simplifica o processo de adoção com formulários intuitivos, orientações claras e funcionalidades de agendamento de visitas. Além disso, inclui um sistema de correspondência avançado que ajuda a garantir que cada animal seja adotado por um lar adequado e amoroso. O objetivo é promover adoções bem-sucedidas, reduzir a superlotação em abrigos e melhorar a eficiência e a transparência das operações das ONGs.
FERRAMENTAS
Na tabela estão listadas todas as ferramentas que foram utilizadas ao longo de cada etapa do projeto.
DESIGN PROCESS
1. MATRIZ C.S.D
-
Para aprofundar a compreensão do projeto proposto, foi realizado uma investigação abrangente das informações disponíveis, explorando as certezas, suposições e as dúvidas do tema. Essa análise detalhada proporcionou insights importantes para orientar as próximas ações e decisões no desenvolvimento do projeto.
-
E para melhor entendimento do projeto de quem será o usuário foram criadas duas protopersonas.
2. DESK RESEARCH
Esta ferramenta foi utilizada para coletar informações disponíveis na internet, contribuindo para a compreensão do projeto. Após uma pesquisa abrangente em diversas fontes, como portais de notícias e blogs especializados, se identificou os desafios enfrentados pelas ONGs na adoção de animais resgatados. Tornou-se evidente que uma solução digital poderia ser uma resposta eficaz para auxiliar nessas questões, oferecendo uma maneira mais eficiente e acessível de facilitar o processo de adoção.
3. SERVICE BLUEPRINT
A utilização desse método proporciona um mapa visual detalhado que ilustra as etapas do serviço, as ações do usuário, do front stage (interações visíveis para o cliente) e do back stage (processos internos da organização), assim como os processos de suporte associados a esse fluxo. Essa representação visual permite compreender como o sistema funcionará na solução final, identificando áreas que necessitam de melhorias ou acréscimos no processo. Isso possibilita uma análise abrangente e facilita a identificação de oportunidades para aprimorar a experiência do usuário e a eficiência operacional do serviço.
4. WIREFRAME
Com base nas informações e ideias coletadas, é importante consolidar esses dados para visualizar o produto final de forma mais clara e precisa. A partir disso nesta fase, foi desenvolvido as primeiras ideias que moldarão o projeto. A criação dos wireframes desempenha um papel fundamental ao transformar essas ideias em representações visuais claras do sistema, e assim simplificando e organizando as informações para facilitar a compreensão de como o sistema irá funcionar e como os usuários irão interagir com ele. Além disso, os wireframes permitem identificar e corrigir possíveis problemas de usabilidade ainda na fase inicial do desenvolvimento. Essa etapa é essencial para garantir uma boa base para o desenvolvimento do produto final.
WIREFRAME - WEBSITE
WIREFRAME - APP
5. GUIA DE ESTILOS
Após a definição do projeto, é importante estabelecer os estilos visuais e os elementos de design que serão incorporados ao sistema, garantindo uma experiência consistente para os usuários. Isso envolve a criação de um Guia de Estilos, um documento que detalha as diretrizes de design, incluindo paleta de cores, tipografia, ícones, espaçamentos e outros elementos visuais. O Guia de Estilos serve como uma referência central para os desenvolvedores e designers, garantindo que todas as interfaces do sistema estejam alinhadas com a identidade visual definida. Essa prática não apenas promove a coesão estética, mas também melhora a usabilidade e a experiência do usuário.
6. PROTÓTIPO NAVEGÁVEL
Nessa fase, após a elaboração dos wireframes e do guia de estilo, segue-se a etapa de prototipação do sistema, na qual todos os insights e estilos são colocados em prática. Essa prototipação permite que o produto se torne mais real e fiel à experiência que será entregue ao usuário. Durante essa fase que as funcionalidades são implementadas e as interações do sistema são testadas, permitindo ajustes e refinamentos para garantir uma experiência de usuário otimizada.
PROTÓTIPO NAVEGÁVEL - WEBSITE
PROTÓTIPO NAVEGÁVEL - APP
7. TESTE DE USABILIDADE
Na última etapa do processo, tudo o que foi construído até o momento será validado para garantir que o produto atenda efetivamente às necessidades do usuário e tem como objetivo de analisar se o produto desenvolvido realmente resolve o problema do usuário. Por meio de testes de usabilidade, é possível avaliar a acessibilidade e a facilidade de uso do protótipo. Esses testes proporcionam insights valiosos sobre diversos aspectos que podem ser melhorados, alterados ou esclarecidos. Com base nessas informações, são feitos os ajustes finais necessários para garantir que o produto final ofereça uma experiência de usuário aprimorada e atenda às expectativas e necessidades dos usuários de forma eficaz.