O Problema da Dispersão: A Petrobras enfrentava o desafio de ter um vasto volume de conteúdo relevante, mas disperso em diversos canais digitais (como Agência Petrobras de Notícias, Fatos e Dados, Nossa Energia). Isso resultava em uma experiência de usuário fragmentada, dificuldade de acesso à informação, baixa profundidade de navegação e impedimentos na gestão unificada dos dados.

Objetivo Estratégico: A meta central era consolidar a Petrobras como referência e autoridade no segmento de petróleo e gás, criando um Hub de Conteúdo único que não só centralizasse as informações, mas também proporcionasse uma navegação fluida, maior engajamento e direcionamento de tráfego orgânico.

Públicos-Alvo: O Hub foi criado para conversar com uma variedade de públicos, incluindo comunidade científica, estudantes, professores, sociedade em geral, clientes, organizações civis, jornalistas, entidades do setor e jovens.

Meu Papel: Como Designer de UX/UI, minha atuação foi fundamental na compreensão profunda do desafio, na concepção da experiência do usuário,

Análise do Ecossistema Atual: Realizei uma imersão no cenário digital existente da Petrobras, avaliando canais como "Fatos e Dados" e "Nossa Energia", e identifiquei padrões de consumo que apontavam para uma navegação rápida e superficial (85% dos usuários acessavam apenas 1 página por sessão e permaneciam por menos de 10 segundos).

Benchmarking de Referências: Analisei Hubs de Conteúdo de grandes players (ExxonMobil, Shell, John Deere) e portais de notícias (G1, Superinteressante) para entender as melhores práticas em arquitetura da informação, formatos de conteúdo e interfaces intuitivas.

Insights de SEO: A performance dos canais existentes, com destaque para a autoridade de "Fatos e Dados" e a baixa visibilidade da marca "Nossa Energia" isolada, demonstrou a importância de uma estratégia de migração cuidadosa e otimizações de SEO para garantir a visibilidade e o sucesso do novo Hub. A decisão pelo subdomínio foi estratégica para a independência e crescimento a longo prazo do Hub.

Definição da Estrutura: Com base nas diretrizes estratégicas – espaço dedicado, plataforma multiformato e agregador de conteúdos – iniciei a conceituação da arquitetura da informação.

Wireframes de Baixa Fidelidade: Criei diversos wireframes para explorar diferentes layouts, fluxos de navegação e a hierarquia das informações, priorizando a usabilidade e a clareza para os diversos públicos. Este processo permitiu testar rapidamente ideias e iterar sobre as melhores soluções.

Moodboard e Direção Visual: Desenvolvi um moodboard para definir o tom visual do Hub, explorando cores, tipografia e estilos de imagem que transmitissem a autoridade da Petrobras e a natureza inovadora e informativa do conteúdo. As inspirações foram baseadas em portais de notícias modernos e dinâmicos.

Páginas Essenciais: Traduzi os wireframes e o moodboard em designs de alta fidelidade para as principais páginas do Hub, incluindo:

Design de Componentes Chave: Dediquei atenção especial ao design de:

Handoff para Engenharia: Colaborei de perto com o time de engenharia, fornecendo todas as especificações de design e interação para a construção do projeto em Liferay. Garanti que o design fosse replicado com fidelidade e que as necessidades de UX fossem atendidas na implementação.

Testes de Usabilidade: Participei ativamente dos testes de usabilidade, coletando feedback dos usuários para identificar pontos de fricção e oportunidades de melhoria na navegação, na compreensão do conteúdo e na interação geral com o Hub. Os insights obtidos foram cruciais para refinar a experiência antes do lançamento.

Validação com Stakeholders: Apresentei o projeto em diversas etapas aos stakeholders da Petrobras, garantindo que as soluções de UX/UI estivessem alinhadas com os objetivos de negócio e as expectativas da marca, e incorporando seus feedbacks para aprimoramento contínuo.

Embora a migração de um projeto dessa magnitude possa gerar uma queda inicial de resultados, as estratégias de UX/UI e SEO implementadas, como Content Pruning e Link Building, visam mitigar esses impactos e garantir o crescimento orgânico a longo prazo.

A criação do Hub de Conteúdo em subdomínio possibilitou maior independência para gestão e testes, permitindo futuras otimizações e a possibilidade de integrar novas tecnologias, como Inteligência Artificial, para personalização da experiência do usuário.

Este projeto reforça a importância da colaboração entre UX/UI, SEO e desenvolvimento para criar produtos digitais robustos e focados no usuário, com impacto direto nos objetivos de negócio.