Eventos Projeto de demonstração
ENCONTRO 2027 — site de conferência tech
Um site de conferência com alma de cartaz: contagem decrescente em direto, programa de dois dias com filtros e seleção de bilhetes funcional — prova de que direção de arte ousada e UX móvel impecável cabem na mesma página.
Uma conferência de tecnologia em Lisboa precisa de um site de lançamento que venda bilhetes meses antes de o cartaz estar fechado. Tem de parecer um poster de festival — tipografia gigante, cores em choque — mantendo o programa, a grelha de oradores e a compra de bilhetes impecáveis no telemóvel, onde a maioria compra.
O que está lá dentro
- Contagem decrescente em direto até à keynote de abertura (estática com movimento reduzido)
- Programa de dois dias com filtros por trilha geridos em estado no cliente
- Grelha de oradores tipográfica com monogramas — sem necessidade de fotografia
- Três níveis de bilhete com seletor de quantidade e total em EUR em tempo real
- Tipografia de cartaz com pesos variáveis misturados no mesmo título
- Grelha deliberadamente quebrada que se recompõe em todos os breakpoints
- Ilustração SVG própria da zona ribeirinha de Lisboa
- Fontes totalmente self-hosted, zero pedidos externos
- Contraste AA e alvos de toque de 44px numa paleta maximalista
Registo de construção
- Direção de arte: testes de paleta, escala tipográfica, referências de cartazes
- Design system + hero com tipografia de pesos mistos e contagem decrescente
- Grelha de oradores com monogramas e código de cores por trilha
- Programa: tabs de dia, filtros por trilha, layout das sessões
- Níveis de bilhete, seletor de quantidade e lógica de totais
- Secção do local, skyline em SVG, rodapé e fluxo de newsletter
- Passagem responsiva em três breakpoints, auditoria de movimento reduzido e contraste
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
95
Performance
100
Accessibility
100
Best practices
100
SEO
