01 / Introdução

IPTU Curitiba

Aviso de lançamento do IPTU/TCL de 2024

Redesenho do documento que reúne os dados do imóvel, o cálculo do imposto e as opções de pagamento. O trabalho conectou as necessidades do contribuinte às exigências técnicas, de comunicação e de impressão da Prefeitura de Curitiba.

AtuaçãoUX/UI Design
DuraçãoNov 2023–fev 2024 · 4 meses
ContextoPrefeitura de Curitiba
EscopoNotificação impressa e segunda via

Explore the printed experience

Payment sheet enclosed ↗

Drag to rotate · Use the slider to unfold · Fictional sample data

Letter folded. Front cover.

02 / Alinhamento

Informação completa dentro de um formato definido

O projeto começou pelo alinhamento entre as áreas responsáveis pelo conteúdo, pela comunicação, pelos dados e pela impressão. O orçamento e as dificuldades dos anos anteriores orientaram as primeiras decisões.

Objetivo e restrições

Criar o layout da notificação de lançamento do IPTU/TCL de 2024. O formato previsto era uma única folha, impressa em frente e verso, dobrada e fechada com serrilhas laterais, em escala de cinza.

  • A área de Finanças solicitou três modelos para contemplar diferentes configurações de construção.
  • As dobras precisavam respeitar os blocos de informação, sem cortar quadros ou interromper a leitura.
  • Em 2023, dúvidas sobre o carnê levaram contribuintes ao atendimento presencial e aumentaram a demanda por segundas vias, que continham mais informações sobre o imóvel.
  • Para 2024, a decisão foi preservar os dados técnicos considerados relevantes, inclusive para serviços e transações relacionados ao imóvel.

Cinco frentes trabalhando juntas

Secretaria Municipal de Planejamento, Finanças e Orçamento
Principal stakeholder e responsável pelo processo. Definição das informações e validação do modelo.
Secretaria Municipal de Administração, Gestão de Pessoal e Tecnologia da Informação
Área de atuação no projeto, responsável pelo desenvolvimento do carnê e pelo contato com as demais partes como Product Owner.
Secretaria Municipal da Comunicação Social
Revisão dos textos e da interface, adequando o material à comunicação com o cidadão.
ICI · Instituto das Cidades Inteligentes
Programação dos campos e geração dos dados dos carnês em arquivos de texto.
Correios
Testes de impressão e preparação da impressão com os dados corretos.

Etapas do trabalho

  1. Alinhamento com stakeholders e definição dos objetivos.
  2. Pesquisa de similares e dos carnês dos anos anteriores.
  3. Esboços e organização das informações.
  4. Wireframes e revisão da experiência do contribuinte.
  5. Prototipação e identidade visual.
  6. Testes e ajustes com desenvolvimento e Correios.
  7. Validação final com a diretoria de Finanças.

03 / Pesquisa

O que manter e o que mudar nos carnês anteriores

A análise reuniu materiais de Curitiba, São Paulo e Rio de Janeiro. A comparação ajudou a definir a hierarquia de informações, a apresentação do cálculo e a separação dos valores por sublote.

Curitiba · 2023

  • As dobras cortavam os quadros. Para 2024, a intenção era organizar cada face da folha em três blocos.
  • Finanças queria deixar mais claro como o imposto havia sido calculado e ocultar deduções com valor zero, como Nota Curitibana e Outras Reduções.
  • A ausência de informações presentes em anos anteriores gerou dúvidas no atendimento. A equipe buscava um documento mais completo.
  • Os campos precisavam explicitar suas unidades de medida; valores monetários, por exemplo, apareciam apenas como números.
  • A folha de dados e projetos da Prefeitura era uma referência positiva, mas não estava prevista no orçamento de 2024.
  • Os valores não eram separados adequadamente por sublote. Mesmo em imóveis com mais de um, a apresentação mostrava apenas a linha do sublote 000.

Curitiba · 2022

  • O formato já respeitava a divisão dos blocos pelas dobras, aproximando-se da proposta para 2024.
  • Havia mais informações da construção, mas a interface concentrava muitos elementos e dificultava a leitura.
  • A hierarquia da folha completa era mais organizada do que em 2023. Ainda assim, o cálculo do imposto precisava de maior clareza.

São Paulo · 2020

O termo “Notificação de Lançamento” foi considerado mais adequado pela área de Finanças. O detalhamento do cálculo, com fórmulas e valores, também foi uma referência para o projeto.

Notificação de lançamento de São Paulo de 2020.
Notificação de lançamento de São Paulo de 2020.

Rio de Janeiro · 2023

Embora o formato de talão fosse diferente do previsto para Curitiba, a separação por sublote permitia consultar o valor individual de cada unidade. Essa organização respondia a uma necessidade do novo modelo.

Referência do Rio de Janeiro: informações separadas por sublote.
Referência do Rio de Janeiro: informações separadas por sublote.

04 / Prototipação

Do esboço em papel aos testes com a folha dobrada

O primeiro esboço, elaborado pela área de Finanças, dividia a folha em seis partes. Essa estrutura orientou a transposição dos dados para o primeiro wireframe e as revisões seguintes.

Seis partes, uma sequência de leitura

Esboço inicial: as seis partes da folha e a distribuição dos conteúdos entre capa e verso.
Esboço inicial: as seis partes da folha e a distribuição dos conteúdos entre capa e verso.

Revisões diárias com a área de Finanças

O primeiro wireframe digital transcreveu as informações do esboço. Ao longo de um mês, o modelo passou por dez revisões, com contato diário com a área de Finanças até a definição dos campos e da estrutura.

Com o conteúdo definido, a interface recebeu padrões de componentes, tipografia e cores. A revisão de Comunicação Social refinou principalmente a apresentação visual, seguida de novos ajustes de informação.

Primeiro wireframe digital, com a distribuição dos campos nas duas faces.
Primeiro wireframe digital, com a distribuição dos campos nas duas faces.

Leitura e dobra no material impresso

Os registros em papel documentam a evolução do layout, as anotações das revisões e a disposição dos elementos com a carta dobrada.

05 / Identidade visual

Uma linguagem consistente em escala de cinza

A identidade foi construída com a área de Comunicação Social, que trouxe a linguagem visual desejada pela Prefeitura. A padronização procurou organizar a quantidade de informações sem ultrapassar as restrições de impressão.

Elementos gráficos de Curitiba

Ilustração dos pontos de referência de Curitiba usada no documento.
Ilustração dos pontos de referência de Curitiba usada no documento.

Componentes, cores e tipografia

Grayscale

Eleven gray levels organize fields, headings and data within the printing constraints.

Typography · Montserrat

Information field

Table

Os quatro quadros de informação

Espaços definidos para cada quadro

A densidade de informações não permitiu aplicar um único múltiplo de espaçamento em toda a folha. A solução foi padronizar os espaços dentro de cada quadro, preservando a organização local e a área necessária para os dados.

Referência de espaçamentos adotada no projeto.
Referência de espaçamentos adotada no projeto.
Especificação dos espaçamentos do quadro de identificação.
Especificação dos espaçamentos do quadro de identificação.
Especificação dos espaçamentos do quadro de cálculo.
Especificação dos espaçamentos do quadro de cálculo.

06 / Validação

Aprovação, programação e preparação para impressão

Depois da identidade visual e das revisões com Comunicação Social, o modelo foi apresentado à diretoria de Finanças. Mesmo com mais informações e maior complexidade, o desenho foi aprovado e avançou para os ajustes técnicos.

Ajustes de campos com os desenvolvedores

Foram duas semanas de comunicação direta com desenvolvimento para ajustar os tamanhos dos campos. A primeira referência foi a quantidade de caracteres que cabia em cada área, estimada com texto de preenchimento porque a fonte utilizada não era monoespaçada.

A implementação exigiu discutir quais campos ampliar ou reduzir e onde usar abreviações ou reticências. Essas escolhas tinham um custo de compreensão, especialmente para quem queria apenas consultar e pagar o imposto.

Os campos mais técnicos eram utilizados principalmente por pessoas familiarizadas com dados de imóveis. Em conjunto, os times decidiram preservar todas as informações consideradas relevantes. Entre 4 e 10 de janeiro, duas reuniões e vinte e-mails apoiaram essas decisões.

Especificações para o ICI e testes com Correios

As informações do layout foram consolidadas em um arquivo de especificação para o ICI. A programação dos campos foi desenvolvida em uma semana e repassada aos Correios, responsáveis pela preparação e pelos testes de impressão.

A validação considerou tanto o preenchimento correto dos dados quanto o comportamento do material impresso, incluindo os limites dos campos e as dobras.

07 / Resultado

O modelo de notificação para 2024

O material reuniu identificação do imóvel, dados técnicos, cálculo do imposto e opções de pagamento em uma única folha frente e verso. Os registros abaixo mostram aplicações da linguagem visual e dos blocos definidos no projeto.

08 / Segunda via

A mesma linguagem para consultar e imprimir online

Além do documento enviado ao contribuinte, o projeto contemplou a segunda via acessada online e impressa pelo próprio cidadão.

O modelo foi composto por onze parcelas e pela opção de pagamento integral com 10% de desconto, conforme as condições registradas para o projeto de 2024. A segunda via manteve a linguagem visual do documento principal e simplificou a organização em relação a 2023.

09 / Descomplica IPTU

Um apoio para entender os campos do documento

A quantidade de informações e a necessidade de abreviar alguns campos motivaram a proposta de uma página complementar: Descomplica IPTU.

A proposta era explicar o significado de cada campo e oferecer à área de Comunicação Social um espaço para publicar orientações relevantes. O acesso à página foi previsto no layout do documento, permitindo complementar a informação impressa sem retirar dados técnicos.

Scroll inside the screen to explore.

IPTU explained

Explore the letter