Compagnie l'Entr'Axes
98 em desempenho: uma companhia de teatro não tem orçamento para um site lento.
- Ano
- 2026
- Conceção
- 3 semanas
- Stack
- Next.js · React · Tailwind · TypeScript · Vercel
- Design
- Desenvolvimento
- SEO local
- Redação
- desempenho Lighthouse
- 98/100
- custo anual de alojamento
- 0 €
- ano de fundação da companhia
- 2009
O que era preciso resolver.
O contexto
A Compagnie l'Entr'Axes é uma companhia de teatro amador de Lyon, dirigida por Agnès Faye desde 2009: espetáculos, oficinas e repertório.
A restrição
Uma companhia amadora não tem orçamento de manutenção nem webmaster. O site tem de viver sozinho durante meses, manter-se atualizado com datas que mudam e dar vontade de reservar — tudo sem qualquer custo recorrente.
A resposta
Renderização estática, alojamento gratuito, conteúdo em ficheiros de dados legíveis. A programação assenta em datas reais: os espetáculos passados transitam automaticamente para o repertório, em vez de continuarem anunciados como próximos. O site não pode ficar desatualizado sem intervenção.
As pontuações registadas na entrega.
Pontuações Lighthouse do site em produção. Publicamo-las tal como estão: quando uma delas é baixa, a causa e o plano de correção estão descritos mais abaixo, em vez de serem omitidos.
Cada opção, e a sua razão.
Registo dramático
Serifada de alto contraste, preto profundo, vermelho de cortina. O teatro tem códigos visuais fortes; ignorá-los em favor de um design genérico teria feito perder a identidade da casa.
A programação primeiro
As próximas datas antes da apresentação da companhia. Quem visita o site de um teatro quer saber o que está em cena e quando; a história da companhia interessa-lhe depois.
As oficinas como segundo pilar
As oficinas dão vida à companhia tanto quanto as récitas. Têm a sua própria página, com horários, preços e inscrição — não uma linha na página «Sobre».
Paleta do projeto
Preto de cena
#141013
Fundo
Vermelho de cortina
#A32639
Identidade, destaques
Marfim
#F3EEE7
Texto
Dourado de projetor
#C9A24B
Pormenores
Sistema tipográfico
Títulos
Playfair Display 700
Texto corrido
Inter 400
Uma didona para o cartaz, uma sem serifa para a programação. As datas usam algarismos tabulares para se manterem alinhadas no calendário.
O que está por baixo do capô.
- Next.js
- React
- Tailwind
- TypeScript
- Vercel
Transição automática das datas
Cada espetáculo tem as suas datas. Depois da última récita, sai da programação e passa para o repertório, sem intervenção. É isto que permite a um site sem webmaster manter-se correto.
98 em desempenho
Estático, duas fontes alojadas localmente, nenhuma biblioteca de animação, imagens dimensionadas. A melhor pontuação de desempenho do portfólio, com o orçamento mais baixo.
Custo de funcionamento nulo
Sem servidor aplicacional, sem base de dados, alojamento gratuito. Para uma associação, a durabilidade do site depende antes de mais do seu custo.
Como o site se torna encontrável.
Marcação Event com data
Cada récita tem um nó Event com data, local e link de reserva. É isso que permite a apresentação nos resultados de eventos.
Pesquisas de saídas culturais
«Théâtre amateur Lyon» (teatro amador), «spectacle Lyon ce week-end» (espetáculos este fim de semana), «atelier théâtre adulte Lyon» (oficina de teatro para adultos). Três intenções distintas, três páginas.
Utilizável por todos.
Desde junho de 2025, o Ato Europeu da Acessibilidade exige a acessibilidade digital a uma grande parte dos serviços online. Tratamo-la na conceção, não como correção posterior.
Contraste verificado sobre fundo preto
94: o vermelho de cortina sobre preto profundo foi clareado para garantir 4,5:1 nos textos correntes. Os últimos pontos dizem respeito a elementos decorativos identificados.
O que foi entregue.
- Início
- Programação
- Repertório
- Oficinas
- A companhia
- Reservar
- Contacto
As etapas do projeto.
Restrições
Nenhum orçamento de manutenção: o site tem de se manter atualizado sozinho.
Design
Registo dramático, programação em destaque.
Desenvolvimento
Estático, transição automática das datas, alojamento gratuito.
SEO
Marcação Event, três famílias de pesquisas.
O que nos perguntam com frequência.
Outros projetos
Conformidade RGPD & SaaSKonsent by Kayzen
Um editor de banners que audita banners é juiz em causa própria: a independência era o produto.
Cibersegurança ofensiva & SaaSSentinel by Kayzen
Vender um produto de segurança a engenheiros: cada afirmação tinha de ser demonstrável.
Dados & Serviço meteorológicoMétéo Climat France
358 páginas indexáveis, um mapa animado em 72 horizontes — e nem uma linha de framework.
O mesmo nível de exigência, para o seu site.
Auditoria gratuita do seu site atual, orçamento em 24 h e um raciocínio por escrito — como o que acabou de ler. Pagamento em três prestações sem juros; apoios locais verificados antes da assinatura.