← Todos os cases
Visit BelémProjeto conceitual de UI · 2025 · Contexto COP30

Como transformar uma cidade inteira em uma experiência simples de explorar?

Conceito de guia turístico digital para Belém no contexto da COP30, com foco em UI, linguagem visual e sistema de componentes.

Projeto conceitual · não publicado

Resumo executivo

Sobre o case

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.

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.
Telas de onboarding, boas-vindas e autenticação do app Visit Belém exibidas em smartphones
Conceito de interface: fluxos de entrada e autenticação do Visit Belém.

04 · Decisões de UI

Como chegamos lá

4.1

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.
4.2

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.
4.3

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.
Telas de home, detalhe de estabelecimento e categorias do app Visit Belém
Camadas: descoberta → decisão → ação.

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.

Continue explorando

Outros cases

Vamos conversar

Se você está buscando alguém para transformar problemas complexos em produtos mais simples, estratégicos e úteis, podemos conversar.