Cristiano Daniel | Product Designer, UX Designer, UI Designer, UX Research

user experience
✦
interface design
✦
research
✦
design system
✦

user experience
✦
interface design
✦
research
✦
design system
✦

Acessibilidade, conteúdo e design - Proposta de redesign

CLIENTE

Client

FUNÇÃO

Role

Product Designer

ANO

Year

2024

CATEGORIA

Category

Research, UI, UX

Resumo

Este projeto apresenta um redesign completo do site institucional de uma pequena empresa do ramo de tecnologia. O objetivo principal foi melhorar a usabilidade, acessibilidade e o design visual da página, proporcionando uma experiência agradável com foco na assimilação com o serviço ofertado.

Este projeto foi realizado para fins didáticos e não tem qualquer ligação com empresas ou produtos reais.

Site atual da empresa (esquerda) em comparação com a proposta de redesign (direita).

metodologia

Para esse projeto, verifiquei os seguintes pontos:

Entendimento do contexto: Pesquisa para entender o contexto que a empresa está inserida, o que oferta, como se comunica, etc.

Análise de mercado: Realizei uma pesquisa de mercado para confirmar as expectativas do público-alvo e as práticas já realizadas pelos concorrentes.

Design: Com base nos padrões de design, acessibilidade e heurísticas, analisei pontos de melhoria e mudanças no site atual da empresa.

Análise

A CreditCheck (nome fictício) oferece um sistema para análise de crédito para outras empresas (B2B), independente do porte.

Público-alvo

Empresas com alto índice de inadimplência.

Processo manual de análise de crédito, lento e sujeito a erros.

Dificuldade para aprovar crédito para novos clientes.

Necessidades

Sistema de análise de crédito rápido e eficiente.

Automatização do processo de análise de crédito.

Possibilidade de integração com o sistema de gestão da empresa

Objetivo

Reduzir o índice de inadimplência.

Agilizar o processo de análise de crédito.

Aprovar mais crédito para novos clientes e, consequentemente, aumento de vendas.

pontos de atenção

O site atual contém problemas que podem reduzir a chance de contratação, afetando sua reputação no mercado. São eles:

Erros de ortografia: Em diversos pontos do site atual são encontrados erros de ortografia.

Falta de informação: Em comparação aos concorrentes, o CreditCheck sofre com a falta de esclarecimento em seu site. Isso deixa o visitante sem informações suficientes para tomar uma decisão.

Perguntas frequentes: A seção de perguntas frequentes contém perguntas que podem ser respondidas de outras formas, tornando o site ainda mais informativo.

Respiro entre elementos: Em uma análise voltada para o design do site, o CreditCheck não permite um respiro entre elementos e informações, tornando a legibilidade e organização da página difícil de compreender.

Responsividade zero: O site atual não tem suporte a breakpoints e a página não pode ser lida com clareza em dispositivos com telas pequenas (celulares e tablets).

Resultado

Detalhes do projeto
Primeira dobra
A primeira dobra do site preenche toda a tela dos visitantes. Utiliza uma imagem menos genérica para a representação da análise de crédito e garante uma melhor visualização no botão de ação.
A proposta tem uma abordagem moderna. Suas cores e tipografia foram ajustadas para garantir acessibilidade, seja por contraste ou tamanho das informações disponíveis.
Detalhes do projeto
Benefícios
A seção de benefícios foi adaptada para uma visualização dinâmica e interativa, aumentando o engajamento dos visitantes.
A linguagem simples e direta, aliada a representação do sistema, facilita a comunicação e compreensão do público-alvo.
Detalhes do projeto
Sobre a ferramenta
A seção sobre o funcionamento da ferramenta, apesar de separar o conteúdo entre os planos, facilitando o entendimento de cada ponto, continha informações idênticas e diversos erros ortográficos.
A proposta de solução foi agrupar as informações em três grupos, que representam as etapas dentro do sistema, sendo elas: Coleta de dados, Análise de crédito e Relatórios.

As funcionalidades exclusivas para um plano específico foram sinalizadas no texto e também reforçadas na seção de planos.
Detalhes do projeto
Planos
Para maior transparência entre a precificação do sistema, foi adicionado uma seção sobre os planos disponíveis.
A seção foi pensada para aumentar a possibilidade de conversão de visitantes em leads e clientes, sem a necessidade de aguardar uma reunião para saber sobre os preços do serviço ofertado.
Detalhes do projeto
F.A.Q.
A seção de perguntas frequentes não teve muitas mudanças, apenas correções ortográficas e ajuste do conteúdo disponível para listar informações que realmente não estão disponíveis em outras áreas do site.
Detalhes do projeto
contato
No site atual, qualquer botão de ação abre uma modal com o formulário para envio de mensagens ao setor comercial. Na proposta de redesign, o site ganhou uma seção dedicada ao envio de mensagens sem a necessidade de uma nova tela (modal) e acesso facilitado a outras formas de contato com a empresa.

Detalhes do projeto
Primeira dobra
A primeira dobra do site preenche toda a tela dos visitantes. Utiliza uma imagem menos genérica para a representação da análise de crédito e garante uma melhor visualização no botão de ação.
A proposta tem uma abordagem moderna. Suas cores e tipografia foram ajustadas para garantir acessibilidade, seja por contraste ou tamanho das informações disponíveis.
Foram criados breakpoints com grids de 12, 8 e 4 colunas para que o site se adapte a qualquer dispositivo.
Detalhes do projeto
Benefícios
A seção de benefícios foi adaptada para uma visualização dinâmica e interativa, aumentando o engajamento dos visitantes.
A linguagem simples e direta, aliada a representação do sistema, facilita a comunicação e compreensão do público-alvo.
Detalhes do projeto
Sobre a ferramenta
A seção sobre o funcionamento da ferramenta, apesar de separar o conteúdo entre os planos, facilitando o entendimento de cada ponto, continha informações idênticas e diversos erros ortográficos.
A proposta de solução foi agrupar as informações em três grupos, que representam as etapas dentro do sistema, sendo elas: Coleta de dados, Análise de crédito e Relatórios.

As funcionalidades exclusivas para um plano específico foram sinalizadas no texto e também reforçadas na seção de planos.
Detalhes do projeto
Planos
Para maior transparência entre a precificação do sistema, foi adicionado uma seção sobre os planos disponíveis.
A seção foi pensada para aumentar a possibilidade de conversão de visitantes em leads e clientes, sem a necessidade de aguardar uma reunião para saber sobre os preços do serviço ofertado.
Detalhes do projeto
F.A.Q.
A seção de perguntas frequentes não teve muitas mudanças, apenas correções ortográficas e ajuste do conteúdo disponível para listar informações que realmente não estão disponíveis em outras áreas do site.
Detalhes do projeto
contato
No site atual, qualquer botão de ação abre uma modal com o formulário para envio de mensagens ao setor comercial. Na proposta de redesign, o site ganhou uma seção dedicada ao envio de mensagens sem a necessidade de uma nova tela (modal) e acesso facilitado a outras formas de contato com a empresa.

dribbble

resume

Open to work

SOBRE

About

PROJETOS

Projects

SOBRE

About

PROJETOS

Projects