Cómo crear un sitio web de fotografía que te consiga clientes

Aprende a crear un sitio web de fotografía que atraiga a clientes potenciales y haga crecer tu negocio.

Cómo crear un sitio web de fotografía que te consiga clientes

Un sitio web de fotografía profesional es imprescindible si quieres atraer a nuevos clientes y construir un negocio de fotografía próspero.

Pero hoy en día, tener una página web no es suficiente; necesitas un sitio visualmente atractivo con una excelente experiencia de usuario (UX). Los estudios demuestran que “el 88% de los consumidores online son menos propensos a volver a un sitio tras una mala experiencia”.

Afortunadamente, invertir en un sitio web con una gran UX puede dar excelentes resultados. Forrester descubrió que cada dólar invertido en UX genera un retorno promedio de 100 dólares. Aquí exploramos cómo puedes construir un sitio web de fotografía con una UX fantástica que te consiga clientes, tanto si eres un fotógrafo independiente que busca crear su propia web como si eres un diseñador creando una para un cliente.

Define a tu público objetivo

Como fotógrafo, la sola idea de reducir tu público objetivo puede ponerte los pelos de punta.

Lo entiendo: ¿qué artista quiere limitar a sus clientes potenciales? Pero definir a tu público objetivo no debería tratarse de limitar clientes, sino de ayudarte a conectar con cada uno de tus clientes ideales de una manera significativa.

Mientras realizas este proceso, intenta responder a estas cuatro preguntas:

  1. ¿Qué tipo de clientes te han pagado más por tus servicios?
  2. ¿Por qué tipo de fotografía de tu portafolio podrías cobrar más?
  3. ¿Con qué tipo de clientes nuevos te gustaría trabajar más?
  4. ¿Qué tipo de fotografía disfrutas más realizando?

Estas preguntas te ayudarán a definir los tipos de clientes que te gustaría atraer con tu sitio web.

Determina tus objetivos de conversión

Una vez que hayas aclarado quién quieres que visite tu sitio de fotografía, sé específico sobre lo que quieres que hagan los visitantes. Si ofreces servicios muy personalizados, quizás quieras que los usuarios rellenen un formulario de contacto. Si eres educador, tal vez tu objetivo de conversión sea que se inscriban en una clase.

Puedes ver un ejemplo de cómo los objetivos de conversión afectan a las decisiones de diseño en el sitio web del fotógrafo Nathan Phua. Cada galería está optimizada para conversiones con un botón en la parte superior de la pantalla que lleva a los visitantes al formulario de contacto.

Screenshot of Nathan Phua’s wildlife photography gallery site. The backdrop is black, the centered headline reads "Wildlife," and the blue CTA button below it reads, "Framed & Canvas Prints." There are 6 photos of wildlife and flowers in a 2 by 3 grid, each in full color squares. The first is a deer, the second is a bee on a pink flower, the third is a yellow & magenta flower. On row 2, the first is a moose, the second is a bee, and the third is a flat light green flower.
Captura de pantalla de la galería de fotografía de vida salvaje de Nathan Phua con un botón de “Impresiones en lienzo y enmarcadas” en la parte superior.

Las grandes empresas con cientos o incluso miles de páginas en su sitio web suelen tener múltiples objetivos de conversión, pero para sitios más pequeños, es buena idea establecer solo uno o dos. Cuantas más cosas pidas hacer a un visitante en una sola página, más confusa puede volverse la UX. La simplicidad es clave para ofrecer una gran experiencia de usuario que te consiga las conversiones que buscas.

Compra un dominio

Existen varios sitios donde puedes comprar tu propio dominio, incluyendo Dynadot y Name Cheap. Si ya tienes una cuenta de Webflow con un plan de sitio, puedes comprar un dominio de GoDaddy o Google en la pestaña de Hosting, bajo Dominios personalizados.

A screenshot of the GoDaddy domain search overlay that appears in Webflow when users look to buy or add a domain to their sites. The overlay is a searchable widget of available domain names.
Búsqueda de dominios de GoDaddy en Webflow

Si tienes un público objetivo único, intenta buscar un dominio enfocado en SEO que se alinee con esa audiencia. Por ejemplo, si eres fotógrafo de bodas en el sur de California, un dominio como «socalweddingphotography.com» o «socalweddingphoto.com» podría darte un empujón en las búsquedas orgánicas.

Por otro lado, los fotógrafos profesionales con múltiples públicos objetivo suelen usar su nombre o el de su empresa como dominio, ya que ofrece mucha flexibilidad. Si te cuesta encontrar ideas, prueba a jugar con un generador de nombres de dominio.

Planifica la estructura de tu sitio web de fotografía

Es una buena idea definir el mapa del sitio que deseas antes de lanzarte al diseño, incluso si planeas usar una plantilla en lugar de crear tu sitio web de fotografía desde cero. Es fácil perder el rumbo mientras exploras hermosas plantillas de fotografía o asignas fotos a galerías individuales si no tienes un mapa que te guíe.

Me gusta planificar la estructura de mi sitio de forma analógica (con lápiz y papel) porque hace que un proceso predominantemente digital sea un poco más práctico y reduce mi tiempo frente a la pantalla. Pero existen muchas herramientas geniales de diseño de mapas de sitio como Octopus o Gloomaps si prefieres trabajar de forma digital.

A mockup of photography sitemap for a wedding, dance, and portrait photographer divided in four tiers, starting with the homepage and ending with the categories of photos they take, such as dance categories Ballet and Hip Hop.
Ejemplo de mapa del sitio para un fotógrafo especializado en bodas, danza y retratos, con el objetivo de conversión de que los visitantes envíen un formulario de contacto.

Aquí tienes algunas páginas comunes a tener en cuenta:

  • Página de inicio
  • Página sobre mí
  • Galería o portafolio de fotografía (con subpáginas para diferentes tipos de fotos)
  • Página de contacto
  • Página de precios
  • Blog
  • Comercio electrónico o tienda online

Dependiendo de tus objetivos de conversión, también podrías crear una página independiente para testimonios, premios, exposiciones en galerías o tutoriales.

Consigue gratis nuestro curso de 100 vídeos sobre diseño web

Desde los fundamentos hasta temas avanzados: aprende a crear sitios en Webflow y conviértete en el diseñador que siempre quisiste ser.

→
↗
►
↓
←
↑
Leer ahora

Diseña tu sitio web

¡Ahora llega la parte divertida: el diseño web! Tanto si planeas usar una plantilla como si prefieres diseñar desde un lienzo en blanco, asegúrate de echar un vistazo a Made in Webflow para inspirarte. Webflow también ofrece un montón de impresionantes plantillas para sitios web de fotografía a distintos precios que sirven como un excelente punto de partida.

Mientras trabajas, asegúrate de tener en mente estos cuatro puntos clave.

1. Asegúrate de que tu diseño sea adaptable (responsive)

Tu sitio web debe verse bien en cualquier dispositivo, desde un monitor de 27 pulgadas hasta la pantalla de un smartphone. Este es un componente vital para ofrecer una gran experiencia de usuario (UX), y los estudios han demostrado que más de la mitad de los visitantes no recomendarían un negocio si su sitio móvil no está bien diseñado.

Desktop and mobile site screenshots of Screenshots of Parisian photographer Marion Lerouge’s website. The site has a biege and red color palette and begins with a horizontal site nav. The first image is a hero banner image of a ballet dance in a metro station posing with her left toe pointed to the ground. Below the image is an About section about the photographer with her headshot and a short text description about her and her work.
Capturas de pantalla del sitio web de la fotógrafa Marion Lerouge, diseñado por Justine Wargnier, en escritorio y móvil.

Por suerte, Webflow simplifica el diseño web adaptativo. En el diseñador de Webflow, puedes ver fácilmente cómo se ve tu sitio en diferentes dispositivos usando los botones de punto de interrupción en la parte superior o deslizando la pestaña en el borde derecho de tu lienzo.

A screenshot of the breakpoint controls seen in Webflow atop a black background. The controls indicate the type of device — desktop, ipad, mobile, etc. — in which Webflow users can visualize their site rendering.
Controles de puntos de interrupción en Webflow

Los cambios que realices en tu punto de interrupción base (el que tiene la estrella) afectan a todas las vistas. También puedes hacer cambios específicos para dispositivos más grandes o más pequeños, los cuales se aplicarán en cascada hacia abajo o hacia arriba a otros puntos de interrupción de forma intuitiva. Por ejemplo, si aumentas el tamaño de las fuentes en la vista de tableta, esos cambios se aplicarán a las vistas de teléfono móvil, pero no afectarán a las vistas de escritorio.

2. Presta atención al tamaño de la imagen y al tipo de archivo

Asegúrate de usar tamaños de imagen y tipos de archivo óptimos. Por lo general, los archivos JPG y PNG son mejores para fotografías, y los archivos SVG son ideales para logotipos, ilustraciones e imágenes vectoriales. En cuanto al tamaño de la imagen, más grande no significa mejor. Tu objetivo debe ser subir la imagen más pequeña que se vea bien.

Los ordenadores Apple iMac de 27 pulgadas con pantalla Retina 5K tienen una resolución de 5120 x 2880 píxeles, por lo que cualquier cosa superior a ~5K píxeles probablemente sea excesiva. La mayoría de las imágenes con un ancho cercano a los ~3K píxeles se verán perfectamente bien en pantallas grandes, y los inconvenientes pueden superar con creces los beneficios si la imagen es demasiado grande. Las fotos demasiado pesadas pueden afectar negativamente al rendimiento SEO, aumentar los tiempos de carga y la tasa de rebote, y generar una mala experiencia de usuario.

A screenshot of Think with Google's infographic displaying the impact of varying page load times on bounce rate. The text is in green and black, and the first reads "As page load time goes from 1s to 3s, the probability of bounce increases 32%." The remaining stats showcase the correlation between high load times and increased bounce rates.
Think with Google descubrió que las tasas de rebote aumentan drásticamente con cada segundo adicional que tarda un sitio web en cargar (Fuente de la imagen)

Para garantizar que las imágenes tengan el tamaño adecuado en cualquier dispositivo, Google recomienda servir imágenes adaptativas. Este puede ser un proceso tedioso, pero usar un creador de sitios web de fotografía como Webflow, que optimiza automáticamente las imágenes integradas, puede ahorrarte mucho tiempo. Ten en cuenta que, si usas Webflow, aún tendrás que subir manualmente las imágenes de fondo en el tamaño de archivo correcto para cada dispositivo y añadirlas en cada punto de interrupción.

3. Prioriza la calidad de la imagen sobre la cantidad

Elige solo tus mejores imágenes y piensa en cómo tu portafolio en línea muestra tu rango en conjunto. Los visitantes de sitios web tienen una capacidad de atención extremadamente corta. Corres el riesgo de perder a tu audiencia si los saturas con demasiadas variaciones sutiles de fotos de la misma sesión.

Según una investigación realizada por el Nielsen Norman Group, "Para captar varios minutos de atención del usuario, debes comunicar claramente tu propuesta de valor en 10 segundos". Si te cuesta decidir qué eliminar, pide ayuda a algunos amigos o seguidores en redes sociales. Haz una encuesta para ver qué imágenes obtienen la mejor respuesta.

Cuando se trata de cuántas imágenes deberías tener exactamente en las galerías de fotos, no hay una respuesta única. Alex Vita, de Foreground Web, estudió los sitios web de más de 100 fotógrafos famosos y descubrió que el "punto ideal" para el tamaño de una galería es de aproximadamente 15 a 20 fotos, aunque el estudio señala que los tamaños de las galerías variaban desde 3 hasta 335 imágenes. La clave es compartir solo tu mejor trabajo y asegurarte de que haya variedad.

4. Optimiza para SEO

Sigue las mejores prácticas de SEO para ayudar a que tu sitio aparezca en los motores de búsqueda. Sin importar qué tipo de sitio web estés diseñando, debes asegurarte de que cada página tenga etiquetas de título bien optimizadas, meta descripciones y una estructura de encabezados adecuada.

Según Moz, las imágenes aparecen en más de una cuarta parte de las búsquedas de Google, lo cual es una buena noticia si quieres que tu sitio web de fotografía aparezca en los resultados de búsqueda. Puedes usar Google Trends para buscar palabras clave potenciales y ver qué es tendencia específicamente en la Búsqueda de imágenes. Familiarízate con las mejores prácticas para Google Imágenes y no olvides añadir texto alternativo a todas las imágenes de tu sitio. El texto alternativo no solo es importante para el SEO, sino que también es esencial para la accesibilidad e inclusión, ya que es utilizado por lectores de pantalla.

A screenshot of a Google Trends search for "forest landscape" and the line graph illustrating the interest in the term over a 12 month period, as well as the 5 states in the U.S. the term is most popular, beginning with Washington state.
Resultados de búsqueda de Google Trends para el término "paisaje forestal" en la Búsqueda de imágenes

Los sitios web de fotografía normalmente no requieren mucho texto, lo que puede dificultar el posicionamiento en las búsquedas de Google. Añadir un blog puede ser una excelente manera de impulsar el SEO, ya que es una forma natural de incluir más texto en tu sitio. Sin embargo, publicar suficiente contenido de blog bien optimizado para marcar una diferencia en el crecimiento orgánico requiere una gran inversión de tiempo, así que considera si esto es adecuado para tu sitio web.

Revisa y publica

Una vez que tengas una versión de tu sitio web con la que estés satisfecho, realiza algunas pruebas antes de presionar el botón de publicar. Pide a algunos clientes actuales o amigos que revisen tu diseño y te den su opinión. Este paso es invaluable para maximizar la experiencia de usuario.

Una vez que hayas realizado los ajustes finales basados en los comentarios del grupo de prueba, estarás listo para compartir tu diseño con el mundo.

¿Quieres más consejos para crear sitios web de fotografía responsivos y espectaculares? Visita Webflow University para acceder a cursos, lecciones y trucos que llevarán tus diseños al siguiente nivel.


Última actualización
April 7, 2022
Categoría

Artículos relacionados

10 impresionantes plantillas de sitios web de fotografía para inspirar tu próximo proyecto
10 impresionantes plantillas de sitios web de fotografía para inspirar tu próximo proyecto

10 impresionantes plantillas de sitios web de fotografía para inspirar tu próximo proyecto

10 impresionantes plantillas de sitios web de fotografía para inspirar tu próximo proyecto

Diseño
Por
Naja Wade
,
,
Leer artículo
Cómo crear un portafolio online que deje a tus clientes con la boca abierta
Cómo crear un portafolio online que deje a tus clientes con la boca abierta

Cómo crear un portafolio online que deje a tus clientes con la boca abierta

Cómo crear un portafolio online que deje a tus clientes con la boca abierta

Diseño
Por
Jeff Cardello
,
,
Leer artículo
¿Por qué deberías crear un sitio web de portafolio?
¿Por qué deberías crear un sitio web de portafolio?

¿Por qué deberías crear un sitio web de portafolio?

¿Por qué deberías crear un sitio web de portafolio?

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Cómo crear un portafolio de fotografía que marque la diferencia
Cómo crear un portafolio de fotografía que marque la diferencia

Cómo crear un portafolio de fotografía que marque la diferencia

Cómo crear un portafolio de fotografía que marque la diferencia

Diseño
Por
Jeff Cardello
,
,
Leer artículo
Guía para el diseño de páginas web de fotografía
Guía para el diseño de páginas web de fotografía

Guía para el diseño de páginas web de fotografía

Guía para el diseño de páginas web de fotografía

Diseño
Por
Rease Rios
,
,
Leer artículo
Cómo crear un sitio web gratis con Webflow y lanzarlo el mismo día
Cómo crear un sitio web gratis con Webflow y lanzarlo el mismo día

Cómo crear un sitio web gratis con Webflow y lanzarlo el mismo día

Cómo crear un sitio web gratis con Webflow y lanzarlo el mismo día

Diseño
Por
Marshall Taylor
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.