Experiência
- 76 stands clicáveis
- Busca por expositor e catálogo de produtos
- Uso em celular e telas de consulta
Carregando
Carregando
Projeto real · Utilizado no evento
Mapa interativo usado na Fenarem para encontrar expositores, stands e produtos em uma feira com 76 stands.
Da busca ao expositor.
Localização do stand Catálogo de produtos
Projeto real utilizado no evento, pensado para visitantes em celular e também para telas de consulta. A informação precisava ser encontrada sem depender de uma planta impressa.
Reduzir o caminho entre a busca por um expositor e a localização do seu stand.
Problema e solução
Uma planta estática torna a descoberta de expositores lenta, sobretudo quando o visitante não conhece a distribuição da feira.
Uma experiência web com planta em SVG, 76 stands interativos, busca por expositor e catálogo de produtos ligado aos dados do evento.
Arquitetura
Aplicação em Next.js 15, React 19 e TypeScript. A planta em SVG recebe áreas interativas para os stands e suporta pan, zoom e navegação por toque, mouse e teclado. Dados de expositores ficam estruturados no próprio projeto e o catálogo local é servido em JSON; a solução não depende de backend dedicado ou banco de dados.
Destaques de engenharia
Decisões e trade-offs
Mantém a planta precisa e permite associar cada área a um stand.
Adequado para o conteúdo fechado do evento, sem custo operacional de um backend.
Oferece uma rota direta para quem já sabe o expositor que procura.
Os dados são publicados junto da aplicação porque o conteúdo do evento é delimitado e a prioridade era velocidade de navegação. Uma integração administrativa ou atualizações muito frequentes justificariam introduzir uma API e persistência própria.
Minha participação