Problema
Belém como cidade-sede da COP30 precisava de um guia digital capaz de organizar informações turísticas para moradores e visitantes, nacionais e internacionais.
← Todos os cases
Visit Belém
Projeto conceitual de UI · 2025 · Contexto COP30Como transformar uma cidade inteira em uma experiência simples de explorar?
Conceito de guia turístico digital para Belém no contexto da COP30 — foco em UI, linguagem visual e sistema de componentes.
Projeto conceitual · não publicado
UI DesignMobileMultilíngueConceito
/resumo executivo
Sobre o case.
O que fiz
Defini a linguagem visual, o sistema de componentes e a estrutura visual dos principais fluxos mobile.
Meu papel
UI Design / Design System (projeto conceitual, autoral).
Resultado
Conceito — não foi para produção. Sem resultados de uso (por isso o foco do case é craft e decisões de UI, não métrica).
/01 · visão geral
O projeto em resumo.
- Projeto
- Visit Belém — conceito autoral
- Período
- 2025
- Tipo
- Aplicativo guia turístico (conceito)
- Atuação
- UI Design / Linguagem visual / Sistema de componentes
- Contexto
- Guia digital criado no contexto da COP30 em Belém
- Usuários
- Moradores e visitantes, nacionais e internacionais
/02 · o contexto e o desafio
O problema visual não era falta de informação. Era excesso dela.
Belém reúne uma enorme diversidade de experiências: gastronomia, pontos históricos, eventos, atrações culturais. O desafio de UI era organizar essa variedade em uma interface que ajudasse a explorar sem virar um catálogo pesado, funcionando bem para quem mora na cidade e para quem chega de fora, em português e inglês.
A experiência previa descobrir estabelecimentos e pontos turísticos, ver fotos, filtrar por categoria, usar mapa, favoritar e compartilhar — em PT e EN.
/03 · sistema de design
Uma base visual para telas muito diferentes.
A base do projeto foi um sistema visual capaz de manter consistência entre telas muito diferentes.
- Linguagem visual: base sóbria com paleta secundária vibrante, equilibrando legibilidade, hierarquia e destaque
- Tipografia: Montserrat + Inter UI, com escala definida para hierarquia reutilizável
- Grid: estruturas para mobile e web, dando base para futuras extensões
- Componentes: botões, estados, tab bar, chips de categoria e elementos de navegação
Consistência não significa uniformidade.
/04 · decisões de ui
Como chegamos lá.
Usar a imagem como parte da decisão
Problema
Turismo e gastronomia são experiências altamente visuais.
Decisão de UI
A lógica visual prioriza a sequência imagem → nome → categoria → informação essencial → ação.
Por quê?
Ajuda o usuário a reconhecer e avaliar um lugar rapidamente, antes de entrar nos detalhes.
Organizar a informação em camadas
Problema
Cada estabelecimento tem muita informação; mostrar tudo de uma vez prejudica a leitura.
Decisão de UI
Experiência em camadas: Descoberta (foto, nome, categoria, resumo) → Decisão (descrição, horário, endereço, fotos) → Ação (mapa, contato, cardápio, favoritar, compartilhar).
Por quê?
Cada camada entrega só o que importa naquele momento da jornada.
Pensar em português e inglês desde o layout
Problema
O produto precisava ser bilíngue, e PT e EN têm comprimentos de texto diferentes.
Decisão de UI
Interface construída considerando a largura de botões, títulos, labels, chips e descrições.
Por quê?
Internacionalização também é problema de layout. A UI foi feita para acomodar a variação sem quebrar a consistência.
/05 · objetivo / hipótese
O que o conceito propunha.
Como conceito, o projeto não teve uso em produção nem métricas. A proposta buscava reduzir o esforço de descoberta em um catálogo denso — tornando a exploração mais rápida, visual e clara, e preparada para uma audiência bilíngue durante um evento internacional.
/meu papel
O que eu fiz.
Projeto autoral com foco em UI: definição de linguagem visual e cores, tipografia, grids, componentes (botões, tab bar, chips), e a estrutura visual dos principais fluxos (splash, autenticação, home, estabelecimentos, pontos turísticos, eventos, favoritos, perfil), com suporte visual à experiência bilíngue.