Cultura & Espetáculo

Art Scénic

A aula experimental gratuita era a oferta: todo o site foi construído para conduzir até ela.

Ano
2026
Conceção
3 semanas
Stack
React · Vite · Tailwind · Framer Motion · Vercel
  • Design
  • Desenvolvimento
  • Funil de conversão
  • SEO local

Versão de demonstração publicada pela Kayzen Web num endereço Vercel; o domínio definitivo pertence ao cliente.

https://velvet-stage-arts-main.vercel.app/
Página inicial do site Art Scénic — Cultura & Espetáculo, realizado pela Kayzen Web
desempenho Lighthouse
97/100
apelo à ação único
1
campos para reservar uma aula experimental
4
O ponto de partida

O que era preciso resolver.

O contexto

A L'Art-Scénic é uma companhia de teatro de Écully, fundada por Anne Kravz-Tarnavsky, que propõe espetáculos e oficinas para crianças e adultos.

A restrição

As inscrições nas oficinas decidem-se em três semanas, em setembro. No resto do ano, o site tem de manter a notoriedade. O verdadeiro gatilho da inscrição não é o preço nem o programa: é a aula experimental, que desfaz o receio de subir ao palco.

A resposta

A aula experimental gratuita torna-se a única ação do site. Tudo conduz até ela: a página inicial, cada página de oficina, a galeria. O formulário é curto e o horário é proposto diretamente. A programação dos espetáculos continua presente, mas em segundo plano.

Medido, não declarado

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.

PageSpeed
97
Desempenho: 97 em 100
96
Acessibilidade: 96 em 100
92
Boas práticas: 92 em 100
100
SEO: 100 em 100
Design & direção artística

Cada opção, e a sua razão.

  1. Uma ação, em todo o lado

    «Reservar uma aula experimental gratuita» é o único apelo à ação do site. Multiplicar botões concorrentes divide a atenção — e, com ela, a taxa de conversão.

  2. Oficinas separadas para crianças e adultos

    Dois públicos, dois receios, dois argumentários. Um pai ou uma mãe inscreve o filho; um adulto inscreve-se a si próprio — a segunda decisão é bem mais difícil e pede outras palavras.

  3. Uma galeria que mostra amadores

    As fotografias mostram os alunos em oficina, não atores profissionais. É a possibilidade de se imaginar ali que desencadeia a inscrição.

Paleta do projeto

  • Veludo

    #5B2233

    Identidade

  • Areia

    #F4EDE3

    Fundo

  • Tinta

    #1E1A1B

    Texto

  • Latão

    #B08D4A

    Destaques

Sistema tipográfico

Títulos

Cormorant Garamond 600

Texto corrido

Inter 400

Registo teatral sem ênfase: a companhia dirige-se a amadores, não a críticos.

Engenharia

O que está por baixo do capô.

  • React
  • Vite
  • Tailwind
  • Framer Motion
  • Vercel
  1. 97 em desempenho com animações

    O Framer Motion só é carregado nas páginas que têm animação, e todas as animações são desativadas se o utilizador tiver pedido movimento reduzido.

  2. Formulário de aula experimental mínimo

    Nome próprio, contacto, horário pretendido, oficina. Quatro campos: pedir a idade, o nível e as motivações teria transformado uma inscrição num processo burocrático.

SEO

Como o site se torna encontrável.

  1. «Cours de théâtre Écully», «atelier théâtre enfant ouest lyonnais»

    Pesquisas de proximidade (aulas de teatro em Écully, oficina de teatro infantil a oeste de Lyon), com um pico muito marcado em agosto e setembro. As páginas ficam prontas muito antes da temporada.

  2. Marcação Course e Event

    As oficinas são Course com calendário; os espetáculos, Event com data. Dois tipos diferentes para duas realidades diferentes.

Estrutura

O que foi entregue.

  • Início — aula experimental
  • Oficinas para crianças
  • Oficinas para adultos
  • Espetáculos
  • Galeria
  • A companhia
  • Reservar uma aula experimental
Método

As etapas do projeto.

  1. Análise

    A aula experimental identificada como gatilho único.

  2. Design

    Ação única, dois públicos de oficina, galeria de amadores.

  3. Desenvolvimento

    Animações condicionais, formulário de quatro campos.

  4. SEO

    Pesquisas de proximidade, marcação Course e Event.

Perguntas

O que nos perguntam com frequência.

Pelo contrário, é o que faz o site funcionar. Quando todas as páginas conduzem ao mesmo gesto, cada visita tem uma hipótese de converter. Três botões concorrentes produzem três hesitações.

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.

Partilhar