top of page

Projeto real

Product Design | UX/UI Design

Links semânticos | Globo

Mapear os cenários existentes no fluxo dos links semânticos e identificar oportunidades através deles.

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

  1. Mapeamento dos fluxos dos links já existentes

  2. Definição do problema, levantamento de hipóteses e oportunidades

  3. Benchmarking de features semelhantes no mercado editorial e informacional

  4. Wireframing e prototipação

Solução

Mapeei todo o fluxo e inconsistências dos links semânticos presentes nos conteúdos e desenhei uma padronização dos cards contendo informações mais relevantes e que incentivavam a recirculação dos usuários dentro das plataformas.

globo.png

sobre o projeto

Objetivo: Mapear os cenários existentes no fluxo dos links semânticos e identificar oportunidades através deles.

primeiro diamante

  • Mapeamento do fluxo

Captura de tela 2023-09-07 213011.png

apontamentos:

  • O usuário clica em uma matéria na home e vai para o multicontent, que é a página contendo o conteúdo da matéria.

Cada link presente no multicontent redireciona o usuário para uma página diferente. Foram encontradas 3 páginas distintas:

  • Página sobre um evento específico, como a CPI da Covid

  • Página "Tudo sobre", uma página que compila todos as matérias relacionadas àquele assunto específico

  • Multicontent: links muito grandes são um chamariz para a recirculação do usuário para o consumo de conteúdo.

Captura de tela 2023-09-07 213047.png
Captura de tela 2023-09-07 213344.png
Captura de tela 2023-09-07 213600.png
  • Matriz CSD

Captura de tela 2023-09-07 220344.png
  • Benchmarking

Para essa etapa foi analisado os sites (desktop e mobile) que possuiam links em seus textos e observar o comportamento que esses links possuiam.

Captura de tela 2023-09-07 215107.png
Captura de tela 2023-09-07 215119.png

segundo diamante

  • wireframe

card desktop

Captura de tela 2023-09-07 224203.png

testes

Captura de tela 2023-09-07 230054.png
Captura de tela 2023-09-07 230220.png

card mobile

Captura de tela 2023-09-07 225627.png

testes

Captura de tela 2023-09-07 230127.png
Captura de tela 2023-09-07 230202.png
  • Interface

desktop

Captura de tela 2023-09-07 230212.png

mobile

Captura de tela 2023-09-07 230231.png

Vamos conversar?

Estou sempre aberta a novos desafios e oportunidades de colaboração. Entre em contato para discutir como posso ajudar no seu próximo projeto.

(24) 99223-8658

  • LinkedIn
  • Whatsapp

©2026 por Taynara Santos

bottom of page