Fotografía propia en tu web: por qué cambia cómo te ven y cómo plantearla

Cuando reviso una web nueva, casi siempre hago lo mismo antes de leer nada: miro las fotos. Me dicen enseguida si detrás hay un negocio con cara y ojos o una plantilla rellenada con lo primero que apareció al buscar «equipo trabajando». Y lo curioso es que los clientes de ese negocio hacen exactamente lo mismo, aunque no lo piensen en esos términos.

La fotografía propia, la de tu equipo, tu local, tu producto y tu manera de trabajar, es probablemente la mejora visual que más se nota en una web y la que menos se planifica. Se suele dejar para el final, cuando el diseño ya está hecho, y se resuelve con lo que haya a mano. Esta guía va de darle la vuelta a eso.

01Lo que una foto propia cuenta y una de banco no puede

Las fotos de banco de imágenes están hechas para servir a cualquiera. Esa es su virtud y también su límite: una sala de reuniones luminosa con cuatro personas sonriendo delante de un portátil vale para una consultora, una gestoría o una agencia de viajes. Precisamente por eso no dice nada de ninguna.

Una foto propia, en cambio, lleva información que el visitante lee sin darse cuenta. La luz que entra por la ventana de tu taller, el desorden razonable de una mesa con bocetos, las manos de quien prepara el producto, la cara de la persona que va a contestar el teléfono. Todo eso responde a una pregunta que el cliente se hace antes de escribirte: ¿quién hay al otro lado?

En sectores donde la confianza pesa mucho (una clínica, un despacho profesional, un restaurante, una reforma) esa respuesta vale oro. En una web para una clínica, por ejemplo, ver la consulta real y al equipo real tranquiliza más que cualquier frase sobre «trato cercano». Y en un restaurante, una foto honesta del plato que vas a comer convence más que la versión impecable de un plato parecido.

Hay otra ventaja menos evidente: las fotos propias son coherentes entre sí. Tienen la misma luz, los mismos colores, el mismo lugar. Cuando una web mezcla imágenes de cinco bancos distintos, cada una con su tono y su estilo, el conjunto se resiente aunque cada foto por separado sea bonita.

Clave: la foto de banco sirve para ilustrar una idea; la foto propia sirve para presentarte. En las páginas donde el cliente decide si confía en ti, la segunda trabaja mucho mejor.

02Una sesión de fotos pensada para la web

Una sesión de fotos para web no es lo mismo que un reportaje para redes o para una revista. La foto va a convivir con titulares, botones y bloques de texto, y va a recortarse de formas distintas según la pantalla. Si eso se tiene en cuenta antes de disparar, el diseño fluye. Si no, toca hacer malabares después.

Horizontales y verticales de la misma escena

Una cabecera de portada en ordenador pide una foto horizontal y ancha. Esa misma cabecera en el móvil se convierte en un formato casi vertical. Si solo tienes la versión horizontal, al recortarla para el móvil se pierde media escena, a veces justo la cara de la persona que importaba.

Por eso en el estudio pedimos que las fotos clave se hagan en los dos formatos: la escena abierta en horizontal y una versión vertical, reencuadrada, con el sujeto bien colocado. Cuesta un par de minutos más por foto en la sesión y ahorra muchos dolores de cabeza al maquetar. Si te interesa por qué el móvil marca tanto el diseño, lo explico con más calma en la guía sobre mobile first.

Aire para el texto

Las fotos que van detrás de un titular necesitan una zona tranquila: una pared lisa, cielo, una mesa despejada, un fondo desenfocado. Si la imagen está llena de detalle de punta a punta, el texto encima se lee mal y acabas tapándola con una capa oscura que le quita toda la gracia.

Lo práctico es decidir antes de la sesión qué fotos llevarán texto encima y en qué lado irá ese texto. El fotógrafo encuadra dejando ese espacio libre, y el diseño lo aprovecha. Parece un detalle menor, pero es de las cosas que más distinguen una web con fotos encargadas de una con fotos «apañadas».

Luz coherente

Si una foto está hecha a mediodía con luz dura, otra al atardecer con tonos naranjas y otra con fluorescentes de oficina, se nota. Para que la web se sienta como un todo, conviene que la sesión tenga una luz parecida en todas las tomas, o al menos un criterio claro: luz natural suave, interiores cálidos, lo que encaje con la marca.

La luz, además, transmite carácter. Una luz suave y lateral da una sensación tranquila y cuidada; una luz más contrastada, algo más enérgico. No hay una correcta. Hay una que va con tu identidad de marca y otras que no tanto, y vale la pena hablarlo con el fotógrafo antes de empezar.

Un pequeño guion de la sesión

Lo que mejor funciona es llegar a la sesión con una lista de tomas, aunque sea en una hoja: qué escena, para qué página, en qué formato y dónde irá el texto. Con esa lista, una mañana de fotos da para mucho. Sin ella, se hacen doscientas fotos parecidas y faltan justo las tres que hacían falta.

03Qué fotos necesita cada página

No todas las páginas piden lo mismo. Pensarlo por secciones ayuda a no quedarse corto ni pasarse.

Portada. Necesita una o dos imágenes fuertes que resuman quién eres: el espacio, el producto estrella o el equipo en acción. Es donde más se nota la calidad, así que es donde más compensa invertir en buena luz y buena dirección.

Sobre nosotros o equipo. Retratos de las personas, con un estilo común (mismo fondo o mismo tipo de fondo, misma luz, encuadre parecido). Y alguna foto de grupo o de trabajo en conjunto, más natural, que equilibre la formalidad de los retratos.

Servicios. Aquí funcionan bien las fotos de proceso: manos trabajando, herramientas, una reunión con un cliente, el antes y el después. Ayudan a que algo abstracto (una consultoría, un tratamiento, un servicio técnico) se vuelva tangible.

Producto o carta. Fotos limpias, con fondo coherente, todas con el mismo encuadre para que la comparación sea cómoda. Y algunas en contexto, con el producto en uso, que aportan ambiente.

Contacto. Una foto de la fachada o de la entrada ayuda más de lo que parece, sobre todo si tienes local físico. Quien va a ir por primera vez agradece saber qué puerta buscar.

Si estás preparando una web nueva, esta lista encaja de maravilla en el brief de diseño: indicar qué fotos tienes y cuáles faltan ahorra muchas idas y venidas.

04Cómo sacar partido a las fotos que ya tienes

No siempre hay presupuesto o tiempo para una sesión nueva, y muchas veces no hace falta empezar de cero. Casi todos los negocios tienen más material del que creen: fotos de algún evento, imágenes que hizo un cliente, lo que se ha ido subiendo a redes durante años.

Lo primero es reunirlo todo y elegir sin piedad. De cien fotos suelen salir diez o quince aprovechables, y está bien así. Descarta las borrosas, las que tienen la luz muy rara y las que no representan cómo es tu negocio hoy (si has reformado el local, las fotos del local antiguo sobran).

Después viene el tratamiento. Un ajuste de color común, para que todas compartan temperatura y contraste, hace milagros con fotos de orígenes distintos. A veces basta con llevarlas todas hacia un tono algo más cálido o algo más neutro para que parezcan de la misma familia. El recorte también ayuda mucho: una foto mediocre en plano general puede convertirse en un detalle interesante si te quedas con una parte.

Y no hay que tenerle miedo a mezclar con criterio. Una web puede usar fotos propias en lo que es personal (equipo, espacio, trabajo) y recurrir a un banco de imágenes para fondos, texturas o secciones más conceptuales. Lo que conviene evitar es lo contrario: un banco de imágenes para presentar al equipo.

Un último apunte técnico, que tiene más que ver con el día a día que con el diseño: las fotos deben subirse a la web con un tamaño y un formato adecuados. Una foto de 8 MB directamente de la cámara ralentiza la página, y eso se nota en la experiencia y en los Core Web Vitals. En una web bien construida esto se resuelve automáticamente, pero merece la pena saberlo.

05Las fotos, dentro del diseño desde el principio

La forma más sencilla de que la fotografía funcione en una web es tratarla como parte del diseño y no como un relleno que llega al final. Cuando la sesión se planifica con la estructura de la web delante, las fotos encajan en su sitio y el diseño puede apoyarse en ellas con confianza.

En los proyectos de diseño web del estudio solemos preparar la lista de tomas junto con el cliente, a partir de los wireframes, y coordinamos con el fotógrafo qué formatos y qué espacios hacen falta. Si estás pensando en renovar tu web y no sabes por dónde empezar con las fotos, escríbenos y lo vemos juntos.