Arte & Fotografia

Philippe Reynaud

O melhor design para um fotógrafo é aquele que não se vê.

Ano
2026
Conceção
2 semanas
Stack
React · Vite · Tailwind · Vercel
  • Design
  • Desenvolvimento
  • SEO
https://www.philippe-reynaud.fr/
Página inicial do site Philippe Reynaud — Arte & Fotografia, realizado pela Kayzen Web
família tipográfica
1
cores de destaque
0
SEO Lighthouse
100/100
O ponto de partida

O que era preciso resolver.

O contexto

Philippe Reynaud é fotógrafo de fine art: provas a preto e branco, exposições, venda de originais.

A restrição

O portfólio de um fotógrafo é o único tipo de site em que o design tem de desaparecer. Qualquer cor, qualquer tipografia marcada, qualquer efeito entra em concorrência com a imagem — e é a imagem que se vende.

A resposta

Uma interface reduzida ao essencial: cinzento neutro, tipografia discreta, navegação mínima. As provas são apresentadas em grande formato, sobre fundo neutro, com as respetivas características de impressão — suporte, dimensões, edição. A venda é tratada como um pedido de contacto, não como um carrinho de compras.

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
89
Desempenho: 89 em 100
88
Acessibilidade: 88 em 100
100
Boas práticas: 100 em 100
100
SEO: 100 em 100
Design & direção artística

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

  1. Cinzento absolutamente neutro

    Nenhuma dominante de cor à volta das imagens. Um fundo ligeiramente quente ou frio altera a perceção de uma prova a preto e branco — o que é desqualificante para um fotógrafo de fine art.

  2. Tipografia apagada

    Uma só família, dois tamanhos, nenhum peso acima de medium. Os títulos das obras são discretos e colocados por baixo da imagem, nunca por cima.

  3. Características de impressão visíveis

    Suporte, dimensões, número da edição. Quem compra uma prova de arte compra tanto o objeto como a imagem; estas informações fazem parte da obra.

Paleta do projeto

  • Cinzento 950

    #111111

    Texto

  • Cinzento 100

    #F2F2F2

    Fundo das galerias

  • Cinzento 500

    #7A7A7A

    Legendas secundárias

  • Branco

    #FFFFFF

    Superfície da página

Sistema tipográfico

Títulos

Inter 500

Texto corrido

Inter 400

Uma só família, nenhum peso forte. Num portfólio, a tipografia está ao serviço, nunca é uma assinatura.

Engenharia

O que está por baixo do capô.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Imagens na resolução útil

    Cada prova é servida no tamanho realmente apresentado, em formato moderno. Num site de fotografia, a qualidade de reprodução é o produto — comprimir de mais seria absurdo, sobrecarregar também.

  2. Um ponto de acessibilidade identificado

    88: alguns contrastes de legendas secundárias estão abaixo do limiar, consequência direta da opção pela discrição tipográfica. A correção está identificada e não implica qualquer cedência visual real.

SEO

Como o site se torna encontrável.

  1. Nome do artista e séries

    O nome do autor é a pesquisa principal; os títulos das séries e das exposições vêm a seguir. O portfólio de um artista posiciona-se com nomes próprios, não com palavras-chave genéricas.

  2. Marcação VisualArtwork

    Cada prova indica o seu tipo, o autor e as dimensões. É a marcação esperada para uma obra, e alimenta a pesquisa de imagens.

Estrutura

O que foi entregue.

  • Início
  • Séries
  • Provas disponíveis
  • Exposições
  • Biografia
  • Contacto
Método

As etapas do projeto.

  1. Opção de fundo

    O design apaga-se em favor da imagem.

  2. Design

    Cinzento neutro, tipografia única, informações de impressão.

  3. Desenvolvimento

    Imagens na resolução útil, formatos modernos.

Perguntas

O que nos perguntam com frequência.

Pode ser demasiado pobre — sem informações de impressão, sem biografia, sem contacto claro. Mas não pode ser visualmente demasiado discreto: tudo o que desvia o olhar da imagem trabalha contra a venda.

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