Arte y fotografía

Philippe Reynaud

El mejor diseño para un fotógrafo es el que no se ve.

Año
2026
Diseño
2 semanas
Stack
React · Vite · Tailwind · Vercel
  • Diseño
  • Desarrollo
  • SEO
https://www.philippe-reynaud.fr/
Página de inicio de la web de Philippe Reynaud — Arte y fotografía, realizada por Kayzen Web
familia tipográfica
1
colores de acento
0
SEO Lighthouse
100/100
El punto de partida

Lo que había que resolver.

El contexto

Philippe Reynaud es fotógrafo de fine art: copias en blanco y negro, exposiciones, venta de originales.

La limitación

El portfolio de un fotógrafo es el único tipo de sitio en el que el diseño debe desaparecer. Cualquier color, cualquier tipografía marcada, cualquier efecto compite con la imagen, y es la imagen lo que se vende.

La respuesta

Una interfaz reducida al mínimo: gris neutro, tipografía discreta, navegación mínima. Las copias se presentan a gran formato, sobre fondo neutro, con sus características de impresión: soporte, dimensiones, edición. La venta se trata como una toma de contacto, no como un carrito.

Medido, no declarado

Las puntuaciones registradas en la entrega.

Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.

PageSpeed
89
Rendimiento: 89 de 100
88
Accesibilidad: 88 de 100
100
Buenas prácticas: 100 de 100
100
Posicionamiento en buscadores: 100 de 100
Diseño y dirección de arte

Cada decisión de diseño, y su porqué.

  1. Gris neutro absoluto

    Ninguna dominante de color alrededor de las imágenes. Un fondo ligeramente cálido o frío altera la percepción de una copia en blanco y negro, algo descalificador para un fotógrafo de fine art.

  2. Tipografía discreta

    Una sola familia, dos tamaños, ningún peso por encima del medium. Los títulos de las obras son discretos y se sitúan bajo la imagen, nunca encima.

  3. Características de impresión visibles

    Soporte, dimensiones, número de edición. Quien compra una copia de arte compra tanto el objeto como la imagen; esta información forma parte de la obra.

Paleta del proyecto

  • Gris 950

    #111111

    Texto

  • Gris 100

    #F2F2F2

    Fondo de las galerías

  • Gris 500

    #7A7A7A

    Etiquetas secundarias

  • Blanco

    #FFFFFF

    Superficie de página

Sistema tipográfico

Titulares

Inter 500

Texto de lectura

Inter 400

Una sola familia, ningún peso fuerte. En un portfolio, la tipografía es un servicio, nunca una firma.

Ingeniería

Lo que hay bajo el capó.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. Imágenes a la resolución útil

    Cada copia se sirve al tamaño realmente mostrado, en formato moderno. En un sitio de fotografía, la calidad de reproducción es el producto: comprimir en exceso sería absurdo, y sobrecargar también.

  2. Un punto de accesibilidad identificado

    88: algunos contrastes de etiquetas secundarias quedan por debajo del umbral, consecuencia directa de la apuesta por la discreción tipográfica. La corrección está identificada y no implica ningún compromiso visual real.

Posicionamiento SEO

Cómo se hace encontrar la web.

  1. Nombre del artista y series

    El nombre del autor es la búsqueda principal; después vienen los títulos de series y exposiciones. Un portfolio de artista se posiciona por nombres propios, no por palabras clave genéricas.

  2. Marcado VisualArtwork

    Cada copia lleva su tipo, su autor y sus dimensiones. Es el marcado esperado para una obra, y alimenta la búsqueda de imágenes.

Arquitectura del sitio

Lo que se entregó.

  • Inicio
  • Series
  • Copias disponibles
  • Exposiciones
  • Biografía
  • Contacto
Método

El desarrollo del proyecto.

  1. Enfoque

    El diseño se retira en favor de la imagen.

  2. Diseño

    Gris neutro, tipografía única, información de impresión.

  3. Desarrollo

    Imágenes a la resolución útil, formatos modernos.

Preguntas

Lo que nos preguntan a menudo.

Puede ser demasiado pobre: sin información de impresión, sin biografía, sin un contacto claro. Pero no puede ser demasiado discreto visualmente: todo lo que desvía la mirada de la imagen juega en contra de la venta.

El mismo nivel de exigencia, para su web.

Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.

Compartir