Les Halles de Lyon Paul Bocuse
Sessenta comerciantes, um só lugar: o site tinha de ser tanto um diretório como uma montra.
- Ano
- 2026
- Conceção
- 5 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Arquitetura de informação
- Design
- Desenvolvimento
- SEO
Versão de demonstração publicada pela Kayzen Web num endereço Vercel; o domínio definitivo pertence ao cliente.
- casas referenciadas
- 60
- acessibilidade Lighthouse
- 97/100
- desempenho LighthouseAbaixo do nosso objetivo de 90: um diretório de sessenta casas com fotografias é pesado por natureza; reduzir esse peso (carregamento diferido, formatos mais compactos) é a frente prioritária da próxima iteração.
- 76/100
O que era preciso resolver.
O contexto
As Halles de Lyon Paul Bocuse reúnem cerca de sessenta casas — talhantes, queijeiros, marisqueiros, pasteleiros, entre os quais vários Meilleurs Ouvriers de France (o título francês de mestre artesão). O espaço foi classificado pela Food & Wine como o 3.º melhor mercado do mundo.
A restrição
O site de um espaço coletivo vive dividido: se só fala do espaço, não ajuda ninguém a encontrar um comerciante concreto; se é apenas uma lista, perde tudo o que dá vontade de lá ir. Era preciso servir o visitante que descobre e aquele que procura «o queijeiro das Halles».
A resposta
Duas camadas sobrepostas. Uma camada narrativa — história, fotografia, atmosfera — para dar vontade. Uma camada de diretório — 60 fichas, filtráveis por ofício, com localização e horários — para ser útil. A primeira atrai, a segunda retém.
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.
Uma ficha por casa
Ofício, especialidades, localização no mercado, horários. É uma informação que falta quase sempre, e sem a qual os visitantes andam às voltas pelos corredores.
Filtragem por ofício
Talhante, queijeiro, marisqueiro, frutaria, garrafeira, charcutaria-traiteur. O visitante não procura um nome, mas uma necessidade; o filtro segue a forma como se pensa um mercado.
Fotografia de página inteira, mas comedida
O património mostra-se. As imagens são amplas e cuidadas, mas carregadas progressivamente: a galeria não penaliza a ficha do queijeiro que se procurava.
Paleta do projeto
Vermelho do mercado
#9B2C2C
Identidade
Branco azulejo
#FAFAF8
Fundo
Ardósia
#2B2E33
Texto
Latão
#B99247
Filetes e medalhas MOF
Sistema tipográfico
Títulos
Playfair Display
Texto corrido
Inter 400
O registo patrimonial pede uma serifada; o diretório pede uma sem serifa densa. As duas coabitam por zonas, nunca no mesmo bloco.
O que está por baixo do capô.
- Next.js
- React
- Tailwind
- Vercel
Diretório em dados estruturados
As 60 casas vivem num conjunto de dados tipado, fonte única da lista, dos filtros, da planta e da marcação. Uma alteração de horário faz-se num só sítio.
Desempenho de 76: uma decisão assumida
A pontuação está abaixo dos nossos padrões, e documentamo-la em vez de a calar: a galeria patrimonial pesa. É a primeira frente de otimização identificada — passagem para AVIF e divisão mais fina da galeria.
Como o site se torna encontrável.
Uma página por ofício
«Fromager Halles Paul Bocuse» (queijeiro), «écailler Lyon» (marisqueiro): cada ofício tem a sua página de agrupamento, que capta uma pesquisa que a página inicial não consegue visar.
Marcação do espaço e das lojas
O espaço tem um nó Place, cada casa um nó LocalBusiness associado. A hierarquia é explícita para os motores de busca e para os assistentes.
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.
Filtros e resultados anunciados
A mudança de filtro atualiza um contador de resultados numa região live. Sem isso, um utilizador cego não sabe que a lista mudou.
O que foi entregue.
- Início — o espaço
- As 60 casas — diretório filtrável
- Páginas por ofício
- História e património
- Acesso, horários, planta
As etapas do projeto.
Levantamento
As 60 casas, ofícios, localizações, horários.
Arquitetura
Camada narrativa e camada de diretório, filtros por ofício.
Design
Registo patrimonial, galeria, fichas.
SEO
Páginas por ofício, marcação Place e LocalBusiness.
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.