top of page

Site Responsivo Pet +

Visão Geral

O produto
O objetivo do site responsivo é conectar a ONG Pet + a pessoas que têm interesse em adotar um animal.

O problema
O problema a ser solucionado era encontrar uma forma de conectar a ONG aos adotantes para aumentar o número de adoções.

Meu papel
UX designer e researcher

Duração
O projeto foi iniciado em novembro de 2022 e finalizado em fevereiro de 2023.

Meta
Criar um site responsivo que fosse eficaz e acessível.

Responsabilidades
Realizar a pesquisa de usuários, wireframes, prototipagem e estudo de usabilidade.

Entendendo o usuário

Pesquisa de usuário

A pesquisa inicial foi realizada para entender o público alvo, suas necessidades e objetivos.

Foram conduzidas entrevistas com sete pessoas com idades entre 19 a 40 anos que pensam em ter um pet como companhia.

Inicialmente pe
nsamos em um público mais jovem, com idades entre 19 a 26 anos. Entretanto, com a pesquisa observou-se que os usuários são pessoas entre 20 a 40 anos que recentemente mudaram drasticamente de vida e desejam um pet que os acompanhem.

Pontos de dor

Localização
A maior parte dos sites de ONGS são apenas para a cidade de São Paulo -SP. Usuários de outras localidades geralmente não têm acesso a sites que facilitem o processo de adoção de pets

Navegação
Os designs de sites de adoção costumam conter muita informação, o que resulta em uma navegação confusa. Dificultando o processo de adoção

Personas

User Persona-1.png

Mapa da jornada do usuário

p2 uahua.JPG
P2 ahusa.JPG

Sitemap


O sitemap foi desenvolvido pensando nas principais necessidades do site e a forma de solucioná-las de modo que também fosse fácil para o usuário.

Minha meta era tomar decisões estratégicas sobre a arquitetura da informação que melhorassem a navegação geral do site. A estrutura que escolhi foi projetada para simplificar e facilitar.

Site map projeto 2 (2).png

Wireframes

Wireframe de papel 

WhatsApp Image 2023-01-21 at 19.01.21.jpeg

Site responsivo para celular

WhatsApp Image 2023-01-21 at 19.00.16.jpeg

Site responsivo para notebook

WhatsApp Image 2023-01-21 at 19.00.38.jpeg

Site responsivo para notebook

Estudo de usabilidade

Parâmetros

Tipo de estudo
Estudo de usabilidade não moderado



Participantes
5 pessoas com idades entre 20 a 50 anos.

Local
São Paulo - SP, remoto.




Duração
20 a 30 minutos

Descobertas

1

Necessidade de um aviso de confirmação de solicitação para conhecer o pet com um prazo de retorno da ONG.

1

Menu hamburgúer maior para melhorar a navegação.

2

Mockups

Site responsivo para celular

P2 1.JPG
P2 4.JPG
P2 22.JPG

Site responsivo para notebook

P2 milão.JPG
P2 milãos.JPG

Protótipos de alta fidelidade

Considerações de acessibilidade

1

Tanto nos títulos quanto nos textos,  os tamanhos das fontes são grandes.

2

Os botões call-to-action são grandes para facilitar a navegação.

O que eu aprendi

Esse foi o primeiro site responsivo que criei, através dele pude colocar em prática fundamentos importantes como a realização de sitemap com o modelo hierárquico somado do modelo sequencial com o layout bolo de camadas.

bottom of page