Reimaginando a Experiência Hero do Nubank

Cliente

Nubank

Ano

2025

Redesign estratégico de três hero sections do site do Nubank, com foco em aprimorar hierarquia visual, clareza de comunicação e potencial de conversão. O projeto explora novas abordagens de narrativa, posicionamento de proposta de valor e refinamento da experiência inicial do usuário.

Como extensão do estudo, desenvolvi também uma hero para um produto conceitual inédito dentro do ecossistema da marca, simulando um possível lançamento e validando como a identidade visual e a estratégia poderiam se expandir para comunicar uma nova solução digital de forma consistente e impactante.

Contexto & Desafio

O ponto de partida do projeto foi analisar como a experiência digital do Nubank poderia evoluir mantendo sua identidade forte e minimalista, mas elevando percepção de valor, clareza de informações e fluidez nas interações.

O desafio central foi: Como melhorar a organização visual e a hierarquia da interface sem perder a simplicidade que é marca registrada da empresa?

Processo & Estratégia

Comecei mapeando possíveis fricções na navegação e excesso de densidade informacional em algumas áreas. A partir disso, organizei o pensamento em três pilares:

  • Simplificação de fluxos

  • Melhor hierarquia tipográfica

  • Microinterações mais refinadas

Criei variações de layout, testei reorganizações de blocos, refinei espaçamentos e explorei contrastes mais estratégicos para destacar informações críticas como saldo, cartão e ações principais.

Escopo do Projeto

Escopo do projeto

Figma (UI Design)
Framer (implementação)
Web Design
UI/UX Design

Aplicação das Hero Sections

As hero sections foram desenvolvidas como propostas para a camada inicial de navegação do site, sendo o primeiro ponto de contato entre o usuário e a marca. No caso do Nubank, o foco foi otimizar clareza, proposta de valor e direcionamento de ação logo na entrada da página.

Já para o NuCel conceito explorando a expansão da marca para serviços de telefonia móvel a hero foi pensada como lançamento de produto, destacando benefícios competitivos, simplicidade de contratação e integração com o ecossistema Nubank.

Ambas as aplicações exploram consistência visual, narrativa estratégica e foco em conversão, respeitando a identidade da marca enquanto evoluem sua comunicação digital.

NuPet: Expandindo o Ecossistema Nubank para o Cuidado Pet

NuPet é um conceito de produto criado como extensão estratégica do ecossistema Nubank, propondo um seguro digital para pets totalmente integrado ao aplicativo.

A proposta explora a simplicidade e transparência já associadas à marca, aplicadas ao mercado pet oferecendo planos acessíveis, contratação 100% digital e gestão facilitada diretamente no app.

A hero desenvolvida para o NuPet simula o lançamento do produto, destacando proposta de valor, benefícios principais e posicionamento emocional, conectando cuidado, responsabilidade financeira e vínculo afetivo entre tutor e animal.

O projeto valida como a identidade visual e a estratégia de comunicação do Nubank poderiam se adaptar a uma nova vertical de mercado, mantendo consistência de marca e foco em experiência.

Tipografia & Cores

Tipografia

Para o projeto, foram utilizadas as fontes Radio Canada Big e Radio Canada, escolhidas pela sua versatilidade, legibilidade e presença contemporânea. A Radio Canada Big foi aplicada em títulos e destaques principais, trazendo personalidade, impacto visual e reforçando a hierarquia das hero sections.

Já a Radio Canada foi utilizada em textos de apoio e descrições, garantindo clareza, leitura confortável e equilíbrio visual dentro da composição. Essa combinação permite contraste tipográfico sem perder consistência ou modernidade.

Paleta de Cores

A identidade visual foi construída a partir de dois tons principais de roxo:

  • #520C83 — Roxo mais escuro, utilizado para criar profundidade, contraste e áreas de maior peso visual.

  • #9603FF — Roxo mais vibrante, aplicado em destaques, elementos interativos e pontos de atenção.

A escolha desses tons mantém conexão com o universo visual do Nubank, mas adiciona maior contraste e intensidade, elevando a percepção de modernidade e impacto nas hero sections.

Visão Geral do Redesign Nubank Hero Experience

A imagem acima apresenta a visão consolidada das três hero sections desenvolvidas como proposta de redesign estratégico para o Nubank. O objetivo foi reimaginar a primeira camada de interação do usuário com a marca, elevando clareza, hierarquia visual e potencial de conversão.

Cada hero foi construída com foco em narrativa, organização de informação e destaque para proposta de valor, buscando equilibrar impacto visual com simplicidade característica central da identidade do Nubank.

O projeto explora uma evolução na estrutura de layout, melhor posicionamento de CTAs e maior contraste tipográfico para guiar o olhar do usuário de forma mais intuitiva. Além disso, a composição visual foi pensada para reforçar consistência de marca, utilizando uma paleta refinada e tipografia contemporânea para criar profundidade e modernidade.

Essa visão geral demonstra como pequenas mudanças estratégicas na camada inicial de comunicação podem gerar maior clareza de produto, percepção de valor e fortalecimento da presença digital da marca.

Mais do que um redesign visual, trata-se de um estudo de experiência, posicionamento e impacto na jornada do usuário.

Aprendizados & Insights

Este projeto reforça como a hero section é uma das áreas mais estratégicas dentro da experiência digital de um produto. Pequenos ajustes em hierarquia, contraste, narrativa e posicionamento de valor podem transformar completamente a percepção inicial do usuário.

Durante o desenvolvimento, explorei abordagens iterativas de layout, estrutura e copy para testar diferentes direções visuais e estratégicas. Também utilizei ferramentas de GenAI para criar e refinar algumas imagens conceituais, acelerando o processo criativo e permitindo explorar variações visuais com maior agilidade sempre com curadoria e direção de arte aplicada manualmente para manter consistência com a identidade da marca.

O maior insight foi perceber como a combinação entre pensamento estratégico de produto, consistência visual e uso inteligente de tecnologia pode elevar a qualidade da comunicação digital sem comprometer simplicidade.

Mais do que um exercício de redesign, este case representa uma exploração de posicionamento, clareza e expansão de marca dentro de um ecossistema digital moderno.

Criado com as melhores ferramentas

Criado com as melhores ferramentas

Gostou do que viu?
Vamos bater um papo sem compromisso?

Gostou do que viu?
Vamos bater um papo sem compromisso?

Create a free website with Framer, the website builder loved by startups, designers and agencies.