top of page
O Projeto
Site MV
O Poder da Organização: Redefinindo a Experiência do Usuário no Site da MV
A MV é uma das maiores healhtechs do Brasil, em 2023 surgiu a oportunidade de redesenharmos o seu site tendo em vista a necessidade de aprimorar a experiência das pessoas usuárias ao interagirem com a plataforma. Um dos grandes desafios foi como organizar o portfólio de soluções que a empresa possui e trazer mais informações sobre a MV em seu site.
Visão Geral
Problema
O site da MV enfrenta uma taxa alta de rejeição de seus usuários.
Resultados
Criamos um site mais intuitivo pra MV, com um menu reformulado e organizado a partir de testes com usuário, melhorando a usabilidade da página e consequentemente a experiência do público que a acessa.
Informações
Papel
UX Designer - Pesquisa, Teste de usabilidade, Prototipação
Time
Ana Isis - UX Lead
Juliana Nascimento - Writer
Timeline e Status
Maio, atualmente
Ferramentas
Figma
Google Suite
Trello
Descobrir e Definir
Compreendendo as informações da MV: Arquitetura! Convencendo stakeholders: Comunicação!
Começamos o projeto a partir do ponto de vista dos usuários sobre o site da MV, coletando informações que pudessem melhorá-lo e identificando os pontos de dificuldade. O foco aqui foi pesquisar, analisar e sintetizar.
1. Teste de usabilidade no site atual
Os resultados desse teste de usabilidade nos forneceram uma base sólida para iniciar o processo de reestruturação do site. Identificamos os principais desafios enfrentados pelos usuários e começamos a visualizar soluções para otimizar a usabilidade e a experiência geral.
2. Protótipo de baixa fidelidade
Apesar de geralmente ser uma etapa a ser realizada posteriormente, os wireframes do site nessa fase do projeto serviu como ferramenta de comunicação interna. A clareza proporcionada pelo protótipo de baixa fidelidade foi essencial para envolver a gestão no projeto. Ao apresentar visualmente as modificações planejadas, especialmente nas áreas críticas como o menu do site e o conteúdo da página inicial e ‘Sobre’, conseguimos comunicar de forma tangível os benefícios propostos.
3. Cardsorting
Devido a uma limitação orçamentária, utilizamos o Trello como alternativa para realizar o cardsorting, apesar de não ser a ferramenta ideal. O cardsorting é um método usado para descobrir como as pessoas agrupam e categorizam informações.
Como aplicamos o cardsorting?
Os participantes realizaram o cardsorting, organizando as páginas do site em grupos de acordo com suas percepções. Em seguida, tabulamos os dados coletados, onde analisamos os agrupamentos mais comuns e os padrões existentes. Esses insights foram fundamentais para a criação de uma estrutura de navegação mais intuitiva e facilitaram a localização das informações pelos usuários.
Desenvolver e Entregar
Problema definido, agora é a hora de ideação e testes.
Nessa fase do projeto, analisamos os insights da pesquisa, redefinimos o problema com base nesses dados e adentramos a etapa de solução. Iniciamos com a geração de ideias para abordar o desafio identificado.
4. Protótipo de média fidelidade
Utilizando as diretrizes estabelecidas a partir do cardsorting e das modificações delineadas no protótipo de baixa fidelidade, desenvolvemos uma representação mais avançada do novo site da MV.
O protótipo de média fidelidade preservou a estrutura redefinida do site, porém incorporou elementos visuais mais próximos à aparência final. A interface foi projetada tanto para a versão desktop quanto para dispositivos móveis, garantindo uma experiência consistente em diferentes plataformas.
Uma das principais mudanças realizadas no protótipo de média fidelidade foi a reorganização do menu do site. Para resolver o problema de ocupação excessiva de tela, criamos uma aba ‘Sobre’ para tornar mais acessível a página ‘Conheça a MV’. Além disso, separamos as soluções da MV e as empresas parceiras em uma aba dedicada, chamada ‘Ecossistema MV’, para facilitar a navegação dos usuários.
5. Teste de usabilidade
Nossa abordagem foi centrada na experiência do usuário, considerando as interações, a usabilidade e a acessibilidade. Recrutamos participantes dos públicos-alvo do site da MV. Esses participantes realizaram tarefas predefinidas no protótipo, permitindo-nos observar suas ações, ouvir seus pensamentos e capturar suas opiniões. A partir disso chegamos a alguns resultados.
Ao longo dos testes, coletamos feedbacks valiosos. Identificamos pontos fortes e áreas que precisavam de ajustes, refinando as interações e a disposição dos elementos conforme necessário. Os resultados dos testes não apenas validaram nossas hipóteses iniciais, mas também indicaram caminhos para melhorias.
A etapa de avaliação do protótipo de média fidelidade foi um passo essencial para garantir que as mudanças propostas realmente atendessem às necessidades e expectativas dos usuários. Os insights coletados a partir dessa etapa foram usados para ajustar e aprimorar o protótipo, preparando-o para a etapa final do projeto: o protótipo de alta fidelidade para a implementação das melhorias no site da MV.
6. Protótipo de alta fidelidade
Também foi construído um Style Guide para o site, o que possibilitou manter a unidade e padronização do projeto, esse material foi construído com base no manual de marca e key visual que possuíamos.
7. Protótipo Navegável Desktop
7. Protótipo Navegável Mobile
Reflexões e Lições
Refletindo sobre o resultado do projeto
Tive a oportunidade de enfrentar problemas bem interessantes que me trouxeram vários aprendizados. Esse projeto teve início quando eu estava iniciando o curso de Product Design da Tera e com isso pude testar várias das minhas habilidades práticas enquanto estudava a teoria. Adorei trabalhar em equipe, a colaboração e comunicação foi um dos pilares desse projeto! O site ainda está em andamento, mas tivemos que pausar devido a mudanças de equipe e questões orçamentárias.
1. A viabilidade do projeto
Em muitos momentos nos deparamos com problemas que iam além do projeto do site, o que foi ótimo também, mapear os problemas, documentar para futuras soluções. A MV é uma empresa mais tradicional com uma baixa maturidade de design, então não tínhamos um design system robusto para seguir, nem muitos outros designers a recorrer. O foco na entrega do projeto e na solução do problema proposto foi fundamental para a viabilidade do projeto.
2. Necessidades dos negócios
Em muitos momentos tivemos que deixar um pouco de lado o idealismo extremo da usabilidade e focar nas necessidades de negócios da empresa, visando os objetivos comerciais da MV, onde nosso time estava alocado: o marketing.
3. Comunicação
Por estarmos alocados em uma equipe com poucos UX, em muitos momentos tivemos que convencer stakeholders e explicar sobre processos para que a gestão pudesse entender nosso projeto, métodos e ferramentas do design de experiência do usuário. A comunicação também foi uma aliada no momento de fazer o handoff pro desenvolvedor, entendendo e adaptando as impossibilidades.
bottom of page