A reformulação das páginas que compõem o Portal do Banco do Brasil tem como objetivo tornar seus conteúdos mais simples, objetivos e de fácil entendimento com informações, dados, orientações sobre os produtos e serviços que o banco oferece aos seus clientes físicos e jurídicos.
Com o apoio de elementos gráficos, reordenação das informações e a representação visual, as novas páginas comunicam um tom mais leve, de fácil entendimento e compreensão das informações independente da faixa etária ou de conhecimentos financeiros. Busca oferecer ao usuário uma sensação de controle e domínio das informações, direcionamento e facilidade.
Página 1
Benefícios - Ourocard
Benefícios - Ourocard
Para a página de benefícios do cartão Ourocard, a proposta é apresentar os benefícios e facilidades que acompanham o cartão.
A página antiga possuía:
- Poucos elementos visuais
- Os benefícios não possuem destaque (que é a proposta da página)
- Imagens/Personagens não demonstram diversidade
- Texto complexo e blocado
- Sem distinção de tópicos
A página antiga possuía:
- Poucos elementos visuais
- Os benefícios não possuem destaque (que é a proposta da página)
- Imagens/Personagens não demonstram diversidade
- Texto complexo e blocado
- Sem distinção de tópicos
A nova página:
- O texto foi calibrado com o tom de voz do BB, se tornou mais integrativo e simples
- Uso de imagens que representem a diversidade dos clientes BB em diferentes cenários
- Apesar da página se tornar maior do que a anterior, as informações estão organizadas na página de forma que o entendimento se torna gradual e visualmente mais leve
- O texto foi calibrado com o tom de voz do BB, se tornou mais integrativo e simples
- Uso de imagens que representem a diversidade dos clientes BB em diferentes cenários
- Apesar da página se tornar maior do que a anterior, as informações estão organizadas na página de forma que o entendimento se torna gradual e visualmente mais leve
Página 2
Conta empresa
Conta empresa
Para esta página, a proposta é de atualização dos componentes e informações. Com elementos visuais e cores vivas a página ganha mais energia e moderna.
A página antiga possuía:
- Poucos elementos visuais
- Passo a passo com muito texto e passos
- Imagens/Personagens demonstram pouca diversidade
- Texto complexo e blocado
- Componentes desatualizados do Design System
A página antiga possuía:
- Poucos elementos visuais
- Passo a passo com muito texto e passos
- Imagens/Personagens demonstram pouca diversidade
- Texto complexo e blocado
- Componentes desatualizados do Design System
A nova página:
- O texto foi calibrado com o tom de voz do BB, se tornou mais integrativo e simples
- Uso de imagens que representem a diversidade dos clientes BB em diferentes cenários
- Passo a passo explicativo e apresentado em etapas
- Novos elementos para trazer movimento e modernidade à pagina
- O texto foi calibrado com o tom de voz do BB, se tornou mais integrativo e simples
- Uso de imagens que representem a diversidade dos clientes BB em diferentes cenários
- Passo a passo explicativo e apresentado em etapas
- Novos elementos para trazer movimento e modernidade à pagina
Página 3
Conta PJ Digital
A página antiga possuía:
- Sem padrão na página
- Conteúdo desatualizado
- Não há passo a passo
- Imagens/Personagens demonstram pouca diversidade
- Componentes desatualizados do Design System
Conta PJ Digital
A página antiga possuía:
- Sem padrão na página
- Conteúdo desatualizado
- Não há passo a passo
- Imagens/Personagens demonstram pouca diversidade
- Componentes desatualizados do Design System
A nova página:
- O texto foi calibrado com o tom de voz do BB, se tornou mais integrativo e simples
- Uso de imagens que representem a diversidade dos clientes BB em diferentes cenários
- Passo a passo explicativo e apresentado em etapas
- Maior destaque aos benefícios
- O texto foi calibrado com o tom de voz do BB, se tornou mais integrativo e simples
- Uso de imagens que representem a diversidade dos clientes BB em diferentes cenários
- Passo a passo explicativo e apresentado em etapas
- Maior destaque aos benefícios
Página 4 e 5
Pagamento por aproximação e Home - Conta BB
Ambas as páginas precisavam de atualização, tanto de componentes aderentes ao Design System quanto de conteúdo. Uma nova comunicação visual foi criada para torná-las mais dinâmicas.
O resultado final:
Pagamento por aproximação e Home - Conta BB
Ambas as páginas precisavam de atualização, tanto de componentes aderentes ao Design System quanto de conteúdo. Uma nova comunicação visual foi criada para torná-las mais dinâmicas.
O resultado final: