06 — Website · Nibo

Nibo Website

Três públicos, uma marca. Como construir um site que fala com o contador, com o empresário e com o cliente do escritório sem perder a coerência de quem você é.

Cliente Nibo
Ano 2021
Papel Design Manager
Duração 4 meses
Homem na frente do computador olhando para o site da Nibo com três caminhos distintos para contadores, empresas e clientes dos escritórios.
01

Visão geral

Problema

A Nibo oferecia três produtos distintos para três públicos que raramente se cruzam: o contador que quer automatizar seu escritório, o empresário de pequeno e médio porte que precisa controlar as finanças da empresa e o cliente do contador que quer saber se suas obrigações contábeis estão em dia. O site precisava atender aos três ao mesmo tempo, sem transformar a navegação num labirinto ou diluir a identidade da marca numa comunicação genérica.

Contexto

No mercado de contabilidade digital, o site é quase sempre o primeiro contato de um potencial cliente com o produto. Cada um dos três públicos chega com dores, vocabulários e expectativas diferentes — e um contador experiente tem pouca paciência para uma homepage que parece feita para quem não sabe nada de contabilidade, assim como um empresário se perde quando o site fala mais sobre módulos fiscais do que sobre fluxo de caixa. O risco de tentar falar com todos ao mesmo tempo é não falar bem com ninguém.

Hipóteses

Se cada público tivesse um caminho claro a partir da homepage, com linguagem e proposta de valor calibradas para sua realidade, a taxa de engajamento aumentaria sem que o visitante precisasse entender o ecossistema completo da Nibo para encontrar o que veio buscar. E se o sistema de design fosse robusto o suficiente, seria possível criar experiências distintas para cada segmento sem fragmentar a percepção de marca.

02

Escopo de atuação

  • Mapeamento das jornadas dos três públicos e identificação dos pontos de entrada mais comuns no site
  • Definição da arquitetura de informação e da lógica de navegação multi-público
  • Construção do sistema de design do site, com componentes adaptáveis por contexto e público
  • Desenvolvimento dos textos de interface e das páginas de produto, com linguagem calibrada para cada segmento
  • Handoff e acompanhamento da implementação junto ao time de desenvolvimento
Information Architecture UX Research Brand Design UX Writing Design System Stakeholder Management Figma
03

Solução

Mapa de jornadas dos três públicos da Nibo com os principais pontos de dor e expectativa de cada perfil.
Discovery

Três públicos que não falam a mesma língua

As entrevistas com contadores, empresários e clientes de escritórios contábeis revelaram um padrão claro: cada público tinha uma relação completamente diferente com a Nibo. O contador via a empresa como uma parceira de automação e produtividade. O empresário queria entender se a ferramenta resolvia seu problema de gestão financeira. Já o cliente do contador, em muitos casos, nem sabia que usava um produto Nibo — para ele, era simplesmente "o sistema do meu contador". Esse diagnóstico foi o ponto de partida para rever a lógica de comunicação do site inteiro.

Arquitetura de informação do site da Nibo com os três caminhos de navegação segmentados por público.
Arquitetura

Entrar pelo lugar certo

A estrutura de navegação foi redesenhada em torno de uma premissa simples: cada público deveria encontrar seu caminho a partir da homepage, sem precisar entender o ecossistema completo da Nibo antes disso. A homepage passou a funcionar como um hub de distribuição claro, com três entradas distintas, cada uma com sua própria proposta de valor. A partir daí, cada jornada seguia com linguagem e foco adequados ao perfil, sem cruzamentos desnecessários.

Páginas de produto da Nibo para os três segmentos, mostrando a consistência visual e a variação de linguagem por público.
Identidade

Uma marca, três tons

O desafio visual era criar distinção sem fragmentação. O sistema de design garantiu coerência nos fundamentos — tipografia, grid, paleta principal, componentes — enquanto o tom da comunicação e os elementos visuais de suporte variavam por público. Um contador e um empresário acessando o site da Nibo chegavam a experiências diferentes, mas reconheciam claramente a mesma marca como autora das duas. Esse equilíbrio foi testado em protótipos com os três perfis antes de qualquer linha de código.

Componentes do sistema de design do site da Nibo, com variações de linguagem e hierarquia visual por segmento.
Linguagem

Cada página fala com quem está lendo

O trabalho de UX writing foi tão importante quanto o visual. A página voltada para contadores usava termos como "automação", "obrigações acessórias" e "escritório digital". A página de PMEs falava em "fluxo de caixa", "contas a pagar e receber" e "gestão financeira sem complicação". Já a área destinada aos clientes dos escritórios adotava uma linguagem acessível, focada em tranquilidade e controle. Calibrar esse vocabulário por segmento foi o que tornou cada página convincente para quem chegava até ela.

Próximo projeto Área de Veículos