Portal Marcas Petrobras

Design e Front-End Petrobras

Front-End Marcas Petrobras

Projeto desenvolvido para a Petrobras, em parceria com os times de Tecnologia da Informação (TIC) e Comunicação Institucional, com foco na criação do Portal Marcas Petrobras — plataforma centralizada para gestão, consulta e padronização de ativos de marca.

Objetivo do Projeto

Criar um portal único, responsivo e intuitivo para:

centralizar diretrizes e ativos de marca
facilitar consultas rápidas por áreas internas
reduzir retrabalho e solicitações manuais ao time de comunicação
garantir padronização visual em toda a organização

Meu Papel no Projeto

Meu papel como Product Design CX Strategy:

Mapeei as necessidades de diferentes áreas internas (Comunicação, TIC e stakeholders), com formulário de pesquisa interna, pois nem sempre temos um Hotjar disponível para facilitar na pesquisa! -rs
Perguntas sobre as principais dúvidas recorrentes e pontos de dores – pesquisa navegacional (ou navigational query);
gargalos de acesso às informações;
fluxos de consulta mais críticos junto ao setor de comunicação;
Experiência estruturada para redução do esforço cognitivo e acelerar o acesso ao conteúdo correto.

Estruturei a arquitetura de informação e as jornadas do portal, simplificando a navegação e priorizando tarefas críticas para aumentar a autonomia dos usuários. Transformei os protótipos em interfaces de alta fidelidade e desenvolvi o front-end com Bootstrap, CSS e JavaScript, garantindo responsividade, performance e consistência visual alinhada ao branding da Petrobras.

Principais Conquistas

Atuei ponta a ponta como Product Designer, conectando estratégia de experiência, arquitetura de informação e implementação prática do front-end, codificando a interface junto ao time de desenvolvimento para transformar diretrizes de marca em uma plataforma digital eficiente, escalável e centrada no usuário.

TAGS:

Web Design, Figma, Dev, html 5, Bootstrap, CSS, Marketing Digital Estratégico.

Data:

OUT/22

Cliente:

Spassu – Petrobras / RJ