Pré-requisito: Documentação de Especificação.
O projeto “AdotePet” visa intermediar a comunicação entre possíveis tutores e doadores de animais, através de uma aplicação Web, de maneirá fácil e segura para ambas as partes.
Seguindo este objetivo, busca-se criar um projeto de interface com design intuitivo, prático, de fácil navegação e com um padrão de cores alegres e visualmente confortáveis para os usuários. Dessa forma, este projeto de interface estará organizado em 21 páginas: Homepage (“Página Inicial”), Seleção do tipo de cadastro (Tutor, doador ou ONG), Cadastro do tutor, Cadastro do doador, Cadastro das ONGs, Preenchimento de formulário, Login, Recuperação de senha, Gerenciamento de cadastro dos usuários tutores/doadores, Adicionar ao "Mural", Cadastro dos “pets”, Visualização dos seus "pets" cadastrados, Gerenciamento de cadastro dos “pets”, Visualização de todos os “pets” cadastrados, Gerenciamento de cadastro das ONGs, Cadastro dos eventos, Gerenciamento de cadastro dos eventos, Visualização dos seus eventos cadastrados, Visualização da lista de todos os eventos cadastrados, Suporte, e Termos de Uso e Política de privacidade.
Por meio do seu navegador, o usuário poderá acessar a página inicial do projeto, na qual se encontrará diante dos botões que levarão às áreas de login ou cadastro (parte superior direita), do texto inicial que explicará “Quem Somos”, dos eventos de adoção em destaque e, logo abaixo, de histórias de adoção de sucesso.
Após clicarem no botão de cadastro, efetuarem seus cadastros e preencherem seus formulários, os possíveis tutores serão capazes de visualizar os animais domésticos já cadastrados na plataforma e também poderão gerenciar seus próprios cadastros para consulta, alteração e exclusão. Já os doadores, após efetuados seus cadastros, poderão gerenciá-los e também criar/alterar/atualizar o cadastro dos animais que desejam doar.
No rodapé das páginas dessa aplicação Web, estarão o nosso e-mail de contato do projeto, nossas redes sociais da plataforma e informações institucionais.
► Os wireframes do projeto foram desenvolvidos seguindo a padronização da paleta de cores e das necessidades do usuário. Todas as telas possuem um cabeçalho contendo os botões 'Início', 'Adoções', 'Eventos', 'Suporte', 'Entrar' e 'Cadastrar' para aqueles que são ou não são cadastrados. Entretanto, para os que já são cadastrados, os botões 'Entrar' e 'Cadastrar' são substituídos pelo botão 'Meu Perfil'. A logo está sempre localizada à esquerda no cabeçalho. No rodapé, são incluídas informações do site, as redes sociais, informações de contato e a central de ajuda.
▷ Homepage:
Na página inicial (homepage), é possível ter acesso às funcionalidades básicas do projeto, tais como: visualizar o "Quem Somos" através de um carrossel de imagens; os botões "Quero doar" e "Quero adotar" (que só é possível ter acesso quando o usuário estiver cadastrado); visualizar a lista de eventos de adoção ou cadastrar um evento (caso o usuário também já esteja cadastrado no site); acessar o mural dos felpudos; e entrar em contato com o suporte.
▷ Entrar e Recuperar senha:
Na página de login, ao colocar seu "E-mail" e "Senha" é possível ter acesso completo ao site (como a página de pets prontos para adoção, meu perfil, mural dos felpudos e muito mais). No botão "Esqueci minha senha", é possível recuperar a senha do usuário caso seja esquecida. Nesse caso, um e-mail será enviado para possibilitar a criação de uma nova senha.
▷ Qual perfil você se encaixa?, Cadastro doador/tutor, Cadastro ONG e Formulário:
Na página "Qual perfil você se encaixa?", o usuário pode se cadastrar como uma ONG, um doador ou um tutor. Cada forma de cadastro possui seu respectivo passo a passo, adaptado às necessidades de cada perfil. Para se cadastrar como uma ONG, é necessário fornecer o nome completo da ONG, um e-mail, número de telefone para contato, data da fundação da ONG e criar uma senha. Já para se cadastrar como doador, é necessário fornecer o nome completo, e-mail (opcional), data de nascimento (opcional), telefone (opcional) e criar uma senha. Por último, para o cadastro de um tutor, é necessário fornecer o nome completo, e-mail (opcional), data de nascimento (opcional), telefone (opcional), criar uma senha e preencher um formulário para verificação do tutor. Em todos os cadastros, é necessário confirmar a senha digitada duas vezes para garantir sua precisão.
▷ Meu perfil doador/tutor, Meu perfil ONG, Adicionar ao mural dos felpudos, Seus Pets, Cadastrar Pet, Cadastrar evento, Perfil do pet e seus eventos:
Na página "Meu perfil", é possível ver suas informações cadastradas e alterá-las. Doador e Tutor; e ONG têm suas respectivas páginas. Na página de perfil do doador e tutor, temos as informações pessoais, "Seus pets", que contém os pets cadastrados pelo usuário. Através do botão "X", é possível deletar o cadastro do pet, e através do botão "Editar", é possível editar as informações do pet, "Seu formulário", e "Mural dos felpudos". Todos têm a opção de alterar, e no "Mural dos felpudos", é possível anexar uma foto do pet e uma legenda criativa sobre a foto. As fotos serão compartilhadas na página inicial e todos poderão acessá-las. Já no "meu perfil" da ONG, temos as informações pessoais da ONG, podendo ser alteradas a qualquer momento; "Seus eventos", para adicionar novos eventos promovidos pelas ONGs e serem compartilhados na página inicial; e "Seus pets", para o registro dos pets das ONGs.
▷ Prontos para doação e Lista de eventos:
Na página "Prontos para adoção", é possível ver todos os pets que estão disponíveis para adoção. No topo, há a opção de escolher a cidade e o estado que o usuário gostaria de adotar um animal. Basta inserir o nome da cidade e o estado, e a página carregará todos os pets disponíveis de acordo com a pesquisa. Na página "Lista de eventos", é possível visualizar todos os eventos ativos e filtrá-los por localização. Basta inserir a cidade e o estado.
▷ Suporte, Política de privacidade:
Na página "Suporte", é possível entrar em contato com a equipe do projeto através do WhatsApp, e-mail ou telefone. E a página "Política de Privacidade" é um documento que descreve como uma organização coleta, utiliza, divulga e protege as informações pessoais dos usuários ou clientes. Geralmente, ela informa aos usuários quais dados estão sendo coletados, como serão usados e com quem podem ser compartilhados. Além disso, a política de privacidade também pode abordar questões como segurança de dados, direitos dos usuários em relação às suas informações pessoais e como podem ser exercidos, entre outros aspectos relacionados à privacidade e proteção de dados. É uma medida importante para garantir a transparência e a confiança dos usuários em relação ao tratamento de suas informações pessoais pela organização.
