TEDx Amazônia
Website
Sobre
O TEDx Amazônia é um evento independente do programa TEDx que acontece na região Norte do Brasil, reunindo palestrantes e iniciativas que conectam a Amazônia a discussões globais.
Projetado para atender usuários com perfis e necessidades distintas, em diferentes momentos da jornada do evento.
Ano
2024
Tempo
4 meses
Tipo
Voluntário
Minhas responsabilidades
UX
UI
Conteúdo
Desenvolvimento Web
UI
Conteúdo
Desenvolvimento Web
Ferramentas
Um único site, múltiplas jornadas
Projetado para atender usuários com perfis e necessidades distintas, em diferentes momentos da jornada do evento.
Desafio
Redesign
O site anterior do TEDxAmazônia apresentava falhas estruturais que comprometiam sua eficácia como canal oficial do evento
Falta de clareza para os públicos
O site não segmentava adequadamente apoiadores e participantes, dificultando a compreensão do valor e das ações esperadas para cada usuário.
Inconsistência de conteúdo e hierarquia
Diferenças entre versões (PT e EN) e falta de priorização tornavam informações essenciais pouco acessíveis.
Baixa percepção de continuidade
A ausência de sinalização sobre recorrência e edição enfraquecia a percepção de escala e relevância do evento.
Desalinhamento com os momentos do evento
A experiência não acompanhava as fases do TEDx Amazônia (captação, inscrições e agenda), resultando em um site pouco contextual.
O site não segmentava adequadamente apoiadores e participantes, dificultando a compreensão do valor e das ações esperadas para cada usuário.
Inconsistência de conteúdo e hierarquia
Diferenças entre versões (PT e EN) e falta de priorização tornavam informações essenciais pouco acessíveis.
Baixa percepção de continuidade
A ausência de sinalização sobre recorrência e edição enfraquecia a percepção de escala e relevância do evento.
Desalinhamento com os momentos do evento
A experiência não acompanhava as fases do TEDx Amazônia (captação, inscrições e agenda), resultando em um site pouco contextual.
Processo
Investigação da experiência atual e validação de uma nova arquitetura da informação para melhorar clareza e navegação
Testes de usabilidade do site existente
Mapeamento dos principais pontos de fricção para entender limitações da estrutura atual e melhorar a encontrabilidade de conteúdos e a clareza dos fluxos.
Análise de referências e Boas Práticas
Estudo de outros sites de eventos e outros TEDx para identificar padrões consolidados de organização de conteúdo e experiência.
Card Sorting
Condução de 3 rodadas para entender como os usuários agrupavam e priorizavam as informações, reduzindo ambiguidades na navegação.
Mapeamento dos principais pontos de fricção para entender limitações da estrutura atual e melhorar a encontrabilidade de conteúdos e a clareza dos fluxos.
Análise de referências e Boas Práticas
Estudo de outros sites de eventos e outros TEDx para identificar padrões consolidados de organização de conteúdo e experiência.
Card Sorting
Condução de 3 rodadas para entender como os usuários agrupavam e priorizavam as informações, reduzindo ambiguidades na navegação.
Solução
Estruturar um site como um produto dinâmico, capaz de evoluir ao longo da Jornada do evento e atender diferentes públicos de forma contextual
Arquitetura reestruturada
Organização do conteúdo em 6 páginas principais (Home, Agenda, Sobre, Patrocinadores, Edições e Contato), com foco em clareza, priorização das informações e facilidade de navegação.
Estrutura multilíngue consistente (PT/EN)
Unificação das versões com estrutura única e tradução integrada, garantindo consistência de conteúdo e experiência entre os idiomas.
Estrutura orientada ao ciclo do evento (3 momentos)
O site foi concebido para evoluir ao longo do tempo, adaptando conteúdo e prioridades conforme o momento do evento.
Mecanismo de orientação contextual (CTAs dinâmicos)
Implementação de chamadas para ação adaptáveis, alinhadas a cada momento, guiando o usuário de forma progressiva ao longo da jornada.
Segmentação de públicos e jornadas
Definição de caminhos claros para apoiadores e participantes, facilitando a compreensão do valor e das ações esperadas em cada etapa.
Valorização da continuidade e histórico do evento
Inclusão de edições anteriores e sinalização clara da edição atual, reforçando recorrência, escala e credibilidade.
Organização do conteúdo em 6 páginas principais (Home, Agenda, Sobre, Patrocinadores, Edições e Contato), com foco em clareza, priorização das informações e facilidade de navegação.
Estrutura multilíngue consistente (PT/EN)
Unificação das versões com estrutura única e tradução integrada, garantindo consistência de conteúdo e experiência entre os idiomas.
Estrutura orientada ao ciclo do evento (3 momentos)
O site foi concebido para evoluir ao longo do tempo, adaptando conteúdo e prioridades conforme o momento do evento.
Mecanismo de orientação contextual (CTAs dinâmicos)
Implementação de chamadas para ação adaptáveis, alinhadas a cada momento, guiando o usuário de forma progressiva ao longo da jornada.
Segmentação de públicos e jornadas
Definição de caminhos claros para apoiadores e participantes, facilitando a compreensão do valor e das ações esperadas em cada etapa.
Valorização da continuidade e histórico do evento
Inclusão de edições anteriores e sinalização clara da edição atual, reforçando recorrência, escala e credibilidade.
Resultado
O site deixou de ser um canal informativo e passou a atuar como um guia ativo da jornada do usuário ao longo do evento
Momento 1 — Captação de Apoiadores
A experiência passou a direcionar com clareza a atenção para a principal ação da fase, fortalecendo a compreensão da proposta de valor e reduzindo dispersões na navegação. Independentemente do ponto de entrada, o usuário era constantemente exposto aos benefícios e ao impacto do evento, favorecendo a tomada de decisão.
Momento 2 — Inscrições e Engajamento
A transição da descoberta para a participação tornou-se mais fluida, com jornadas mais previsíveis e segmentadas. O usuário passou a identificar com facilidade os próximos passos, reduzindo dúvidas e fricções ao longo do processo de inscrição.
Momento 3 — Evento e Consumo de Conteúdo
Com a aproximação do evento, o site passou a centralizar o acesso às informações essenciais e à transmissão ao vivo, aumentando a autonomia do usuário e consolidando o site como principal ponto de apoio durante a experiência.
Evolução da Experiência ao Longo do Tempo
A interface passou a se adaptar ao contexto de cada fase, tornando o conteúdo mais relevante em cada momento. Como resultado, a jornada se tornou mais guiada, orientada à ação e alinhada à percepção de organização, continuidade e maturidade do evento.
A experiência passou a direcionar com clareza a atenção para a principal ação da fase, fortalecendo a compreensão da proposta de valor e reduzindo dispersões na navegação. Independentemente do ponto de entrada, o usuário era constantemente exposto aos benefícios e ao impacto do evento, favorecendo a tomada de decisão.
Momento 2 — Inscrições e Engajamento
A transição da descoberta para a participação tornou-se mais fluida, com jornadas mais previsíveis e segmentadas. O usuário passou a identificar com facilidade os próximos passos, reduzindo dúvidas e fricções ao longo do processo de inscrição.
Momento 3 — Evento e Consumo de Conteúdo
Com a aproximação do evento, o site passou a centralizar o acesso às informações essenciais e à transmissão ao vivo, aumentando a autonomia do usuário e consolidando o site como principal ponto de apoio durante a experiência.
Evolução da Experiência ao Longo do Tempo
A interface passou a se adaptar ao contexto de cada fase, tornando o conteúdo mais relevante em cada momento. Como resultado, a jornada se tornou mais guiada, orientada à ação e alinhada à percepção de organização, continuidade e maturidade do evento.
Desafio desenvolvimento
Estruturei uma solução própria com botões e contêineres independentes, evitando o uso do widget nativo de tabs do Elementor para garantir liberdade total de layout.
Com JavaScript e CSS, controlei a exibição dos conteúdos e o estado da interface.
Com JavaScript e CSS, controlei a exibição dos conteúdos e o estado da interface.
Aprendizados estratégicos
Validação progressiva evita retrabalho
A construção inicial do protótipo contemplou todas as páginas com um UI Kit já definido, baseado nos elementos visuais da peça-chave do evento. No entanto, ao apresentar para os stakeholders, surgiu a necessidade de ajustar a direção visual, com maior aproximação à identidade do TEDx e simplificação do uso de cores. Isso evidenciou a importância de validar decisões visuais de forma incremental, começando por páginas-chave, como a Home, antes de escalar para o restante do produto.
Planejar fases desde o início é essencial
A estrutura orientada por momentos do evento não foi definida no início do projeto, surgindo ao longo das interações com stakeholders. Apesar de ter se tornado uma das decisões mais estratégicas, sua definição tardia gerou reprocesso, reforçando a importância de considerar o fator tempo desde a etapa inicial.
Usuários estratégicos não podem ficar de fora
A ausência de contato com apoiadores limitou a construção de um vocabulário mais aderente às suas expectativas e necessidades. Como público prioritário no momento inicial, sua participação teria enriquecido decisões de conteúdo e posicionamento.
A construção inicial do protótipo contemplou todas as páginas com um UI Kit já definido, baseado nos elementos visuais da peça-chave do evento. No entanto, ao apresentar para os stakeholders, surgiu a necessidade de ajustar a direção visual, com maior aproximação à identidade do TEDx e simplificação do uso de cores. Isso evidenciou a importância de validar decisões visuais de forma incremental, começando por páginas-chave, como a Home, antes de escalar para o restante do produto.
Planejar fases desde o início é essencial
A estrutura orientada por momentos do evento não foi definida no início do projeto, surgindo ao longo das interações com stakeholders. Apesar de ter se tornado uma das decisões mais estratégicas, sua definição tardia gerou reprocesso, reforçando a importância de considerar o fator tempo desde a etapa inicial.
Usuários estratégicos não podem ficar de fora
A ausência de contato com apoiadores limitou a construção de um vocabulário mais aderente às suas expectativas e necessidades. Como público prioritário no momento inicial, sua participação teria enriquecido decisões de conteúdo e posicionamento.
Projeto desenvolvido em colaboração com:
Bruno Brender – UX/UI Design
Nelson Pereira – Web Dev
Nelson Pereira – Web Dev
