Projeto real

Product Design | UX/UI Design

Home deslogada | meuDNA

Redesign da home deslogada para aumentar conversão e clareza na proposta de valor do serviço de testes genéticos.

Contexto e problema

A meuDNA reformulou seu modelo de negócios, saindo da venda individual de produtos, para um modelo de assinatura. Assim, a home do site precisava refletir essa nova demanda de negócios.

Meu papel

Atuei como Product Designer responsável pelo redesign completo da experiência, desde o discovery até a entrega final. Colaborei diretamente com PMs, desenvolvedores e stakeholders de marketing.

Processo

Análise de dados quantitativos (requerimento dos times)
Benchmark de concorrentes e referências do mercado
Definição do userflow, user tasks e definição das features
Prototipação e Design critiques com o time
Handoff para o time de desenvolvimento

Solução

Redesenhei a home com foco em storytelling claro: o que é o serviço, como funciona, e quais benefícios traz. Criei uma hierarquia visual que guia o usuário naturalmente até o CTA, com depoimentos estrategicamente posicionados e explicações visuais do processo.

sobre o projeto

Objetivo: Redesenhar a Home deslogada para comportar o novo modelo de negócios definido: plano de assinatura.

Justificativa: A home deslogada é a porta de entrada dos usuários e clientes, ela precisa passar os principios da marca e principalmente como tudo funciona. A home antiga estava mostrando os testes separados, mas era preciso atualizá-la para mostrar as novas assinaturas.

Metodologia: Double Diamond. O método auxilia na geração de soluções mais assertivas, visto que seu processo permite manter o foco, seguindo uma estrutura linear de pensamento no desenvolvimento do projeto.

descobrir

Requerimento dos times

Definimos os times que estão mais envolvidos na jornada dos usuários e perguntamos: O que não pode faltar na nova home?

Ícone de acesso aos resultados
Destaque para "Enviar sua amostra"
Área do Blog
Falar sobre nosso propósito como empresa
Newsletter
Melhorar área de Na mídia

Benchmarking

Para essa etapa foi analisado os sites de marcas concorrentes diretos e indiretos da meuDNA, tanto quanto sites de ramos diferentes a fim de buscar referências visuais

concorrentes

referências

Matriz CSD

Matriz CSD foi aplicada no início do projeto e atualizada frequentemente no decorrer do desenvolvimento.

definir

Nessa etapa foi aplicado algumas técnicas para dar escopo ao projeto e entender quais features entrariam e o que queríamos que os usuários fizessem. As técnicas utilizadas foram: user flow, user task e definição de feature.

user flow

user task

definição de feature

desenvolver

wireframe

Antes de começar a expressar alguns layouts para a home, foi necessário realizar alinhamentos com as equipes envolvidades para definir a estrutura base do site, uma vez que o objetivo da home (além de comportar o novo modelo de negócios) é resolver os requerimentos feitos anteriormente.

Sessões de design critique

Durante o processo de criação da interface foram realizadas algumas dinâmicas de design critique com a equipe de Design.

Interface

Ao final foi possível atender a 7 dos 9 requerimentos solicitados:

Destaque para "Enviar sua amostra"
Falar sobre nosso propósito como empresa
Newsletter
Melhorar área de Na mídia
Melhorar estrutura narrativa
Nova Identidade Visual
Melhoria na estrutura do conteúdo para SEO
Ícone de acesso aos resultados
Área do Blog

entregar

Handoff

Antes de enviar o design para desenvolvimento foi feito um alinhamento com o time para definir quais informações eram cruciais para que eles avançassem mais asserivamente com o projeto, além de deixar bem documentado quais eram as especificações que a equipe de Conteúdos solicitou.

componentes e especificações de design

especificações da equipe de Conteúdo