Skip to content
Jordan Goulart

UP – Urbanizadora Paranoazinho

Site institucional para uma urbanizadora com uma missão incomum: regularizar uma antiga fazenda para que mais de 6 mil famílias possam, enfim, ter a escritura definitiva da sua casa. Construído em torno da notícia, de uma vista aérea e de uma carteira de parceiros que sinaliza urbanismo de classe mundial sem precisar dizer.

UP – Urbanizadora Paranoazinho, interface

Papel

UI/UX Designer

Ano

2021

Status

No ar

Stack

Figma
LinksNo ar

Problema

A UP – Urbanizadora Paranoazinho trabalha num cruzamento pouco glamoroso: incorporação imobiliária, direito ambiental e décadas de ocupação informal no Distrito Federal. O trabalho é regularizar mais de 50 condomínios irregulares na antiga Fazenda Paranoazinho para que mais de 6 mil famílias tenham a escritura definitiva de seus lares. É lento, técnico e disputado na Justiça. O padrão da categoria é juridiquês opaco e site institucional com banco de imagem, que esconde o que a empresa de fato faz.

Abordagem

Então desenhei o site como uma redação. Faz sentido para uma empresa que vive na imprensa e nos tribunais. Um hero conduzido pela notícia coloca a última decisão na altura dos olhos, no lugar de uma proposta de valor genérica. Uma única foto aérea da Fazenda Paranoazinho carrega a escala territorial que o texto não dá conta. A carteira de parceiros (Gehl, SOM, DPZ CoDesign, Rosa Kliass, PPS) ganha o direito de falar de Cidade Urbitá sem dizer "classe mundial" nenhuma vez. Cinza-ardósia e laranja sustentam um sistema tipográfico em que o conteúdo institucional pesado respira: regularização, ética, compliance, LGPD. Nada disso virou folder.

Resultado

O site foi construído em WordPress e está no ar em up.bsb.br desde 2021. Desde então, é o canal principal da UP para vitórias judiciais, andamentos de obras e a narrativa da Cidade Urbitá. O conteúdo institucional tem a mesma autoridade calma da notícia, e a página de parceiros faz o trabalho de legitimidade sem uma palavra de hype.

O que aprendi

  • Quando o trabalho é lento e jurídico, a redação é a marca. O hero é uma notícia, não uma proposta de valor, porque é isso que as pessoas vêm procurar.
  • Algumas provas dispensam adjetivo. Uma página de parceiros com Gehl, SOM e DPZ faz mais do que qualquer frase com "classe mundial".

Só design: o sistema de marca e institucional no Figma, construído em WordPress. O swoosh laranja é o único gesto numa identidade que, no resto, é fotográfica e tipográfica, emprestado do próprio logotipo da UP. O pouco de movimento num sistema que, no resto, fica parado.

O sistema

O sistema por trás da redação. Ardósia e laranja sustentando uma única tipografia, a Museo Sans, para que o conteúdo institucional pesado (regularização, ética, compliance) se leia com autoridade calma, sem juridiquês.

Tipografia

Cidade Urbitá

Museo Sans

Display e títulos

Black, 900

Regularização fundiária

Museo Sans

Corpo e UI

Regular, 400

Paleta

Ardósia

#303d44

Tinta e fundo escuro

Laranja

#ef7120

Acento e swoosh

Turquesa

#18a0ac

Links e acento secundário

Branco

#ffffff

Superfície e texto invertido

Cinza claro

#eceff1

Superfície de seção

Cinza

#6c7d86

Texto secundário

Home: hero conduzido pela notícia anunciando a vitória da UP na ação de usucapião do Meus Sonhos, a aérea de Nosso compromisso sobre a Fazenda Paranoazinho, o trilho de notícias escuro com o swoosh laranja, a grade de Parceiros (Gehl, DPZ, SOM e outros) e o cadastro de novidades
Página Cidade Urbitá: hero escuro, o texto Sobre o projeto, o mapa Uma nova centralidade localizando a Urbitá no eixo da Asa Norte de Brasília, notícias recentes e o painel Conecte-se com a Urbitá
Página Condomínios do Império dos Nobres (Etapa 1): hero aéreo, a ficha de regularização, o checklist Status da Regularização, downloads, um mapa e uma galeria de fotos
Página Regularização fundiária: hero aéreo, o explicador O que é?, os benefícios Para o morador e sua família com uma foto de família, as seções Fazenda Paranoazinho e Condomínios e o painel Obras irregulares