FRAMER

Páginas de erro

Páginas de erro

Páginas de erro

Site e-commerce

Site e-commerce

Site e-commerce

Problema

Problema

Problema

  • Quando os usuários encontram os erros 404, 500 ou resultado não encontrado, eles não recebem suporte adequado e uma tela de erro genérica é exibida.


  • Os usuários podem deixar o site ao depararem com esses erros, o que pode resultar em perda de visitantes e oportunidades.

Objetivo

Objetivo

Objetivo

  • Criar uma página de erro personalizada para mostrar a identidade visual da empresa, ajudar a aumentar as conversões e informar aos usuários que eles ainda estão no site.

Criar uma página de erro personalizada para mostrar a identidade visual da empresa, ajudar a aumentar as conversões e informar aos usuários que eles ainda estão no site.

Criar uma página de erro personalizada para mostrar a identidade visual da empresa, ajudar a aumentar as conversões e informar aos usuários que eles ainda estão no site.

Oportunidades

Oportunidades

Oportunidades

  • Implementar soluções para evitar que os clientes deixem o site ao encontrar esses erros.


  • Introduzir uma seção de Categorias Destaques nas páginas de erro para direcionar os usuários a continuar navegando, aumentar leads e conversões.


  • Melhorar a aparência das páginas de erro para que os visitantes reconheçam facilmente que ainda estão no site e possam explorar outras opções.

Teste de Usabilidade

Mobile

2023

Definição, Ideação, Prototipagem, Teste e Implementação

Definição, Ideação, Prototipagem, Teste e Implementação

Definição, Ideação, Prototipagem, Teste e Implementação

Empatia, pesquisa, benchmarking, estudo, coleta e analise de dados, criação, prototipagem, testes e validações foram os métodos e ferramentas utilizados durante o desenvolvimento do projeto.

Resultados

Resultados

Resultados

Idealizado um novo layout para as páginas de erro, abrangendo erros 404 e 500.

O novo design inclui:

  • Título, Subtítulo e Texto: Informam o usuário sobre o erro e oferecem ações para continuar no site;

  • Imagem: Visual humanizado com identidade da marca para melhor experiência;

  • Botão Call To Action: Destaque para retorno à página inicial;

  • Categorias de Destaque: Facilitam a navegação e oportunidades de conversão;

  • Componentes Central de Ajuda: Incluem contatos como WhatsApp, Chat, entre outras assistências caso o usuário precise de ajuda.

O design proposto visa escalabilidade e consistência visual para todo o site.

Idealizado um novo layout para as páginas de erro, abrangendo erros 404 e 500.

O novo design inclui:


  • Título, Subtítulo e Texto: Informam o usuário sobre o erro e oferecem ações para continuar no site;

  • Imagem: Visual humanizado com identidade da marca para melhor experiência;

  • Botão Call To Action: Destaque para retorno à página inicial;

  • Categorias de Destaque: Facilitam a navegação e oportunidades de conversão;

  • Componentes Central de Ajuda: Incluem contatos como WhatsApp, Chat, entre outras assistências caso o usuário precise de ajuda.


O design proposto visa escalabilidade e consistência visual para todo o site.

Idealizado um novo layout para as páginas de erro, abrangendo erros 404 e 500.

O novo design inclui:


  • Título, Subtítulo e Texto: Informam o usuário sobre o erro e oferecem ações para continuar no site.

  • Imagem: Visual humanizado com identidade da marca para melhor experiência.

  • Botão Call To Action: Destaque para retorno à página inicial.

  • Categorias de Destaque: Facilitam a navegação e oportunidades de conversão.

  • Componentes Central de Ajuda: Incluem contatos como WhatsApp, Chat, entre outras assistências caso o usuário precise de ajuda.


O design proposto visa escalabilidade e consistência visual para todo o site.

Setembro de 2023

Barueri - São Paulo