23°34′S / SP

Metáfora como sistema: a identidade nova da ATRACA

Um sol que é farol, placas de rodovia e números gigantes. Como uma única frase reorganizou o nome, a interface e o vocabulário do produto.

Metáforas costumam aparecer no hero e sumir na segunda dobra. Na ATRACA a metáfora é o sistema operacional do site. Ela decide nomes, cores, animações e o jeito de explicar regras de negócio que, ditas de forma seca, assustariam qualquer corretor.

Uma frase antes de tudo

A releitura da identidade começou por uma frase: "Onde o negócio atraca." Ela virou título, assinatura do rodapé e critério para cortar o que não servia. O hero ganhou um sol que também é farol, nascendo atrás de uma linha de galpões desenhada em traço fino, com o selo "Atracou · 50/50" gravado na luz.

A seção do problema: dois galpões que não se veem e a luz que acende entre eles.
A seção do problema: dois galpões que não se veem e a luz que acende entre eles. Ver o case ATRACA ↗

Se a imagem explica o produto sozinha, o texto pode se ocupar da confiança.

Falar a língua da estrada

Logo depois do hero passa uma faixa com as placas das rodovias: Presidente Dutra, Fernão Dias, Anhanguera, Bandeirantes, Rodoanel. Quem aluga galpão pensa em corredor logístico antes de pensar em bairro. A faixa não explica nada, e é justamente por isso que funciona: o público se reconhece nela.

Vocabulário antes de layout

Antes de desenhar as telas, definimos as palavras. O radar vira O Farol, as captações viram A Carga, as demandas viram O Destino, as parcerias viram A Amarra e o painel do gestor vira A Ponte de Comando. As dúvidas ficam em "Antes de zarpar". Com o vocabulário pronto, o layout praticamente se escreve.

Rolagem como viagem

A rota do negócio corre na horizontal enquanto a página desce, com números gigantes que acendem um a um até a palavra "Atracou." A rolagem deixa de ser um gesto neutro e vira a própria viagem do negócio.

  • Publique: captação ou demanda entra na rede.
  • O radar cruza: a rede inteira é comparada na hora.
  • Os dois aceitam: endereço e contato são liberados.
  • Visita e proposta: cada passo avisa o parceiro.
  • Contrato: o negócio atraca.

A lição que fica: uma boa metáfora não é enfeite, é uma ferramenta de decisão. Quando surge uma dúvida de interface, a pergunta vira "o que faria sentido em um porto?", e a resposta quase sempre aparece.

Continue lendoUm site imobiliário que se lê como revista5 min