Escenario · Web + área de clientes · Estudio fotográfico

Las fotos en el centro,
la entrega sin preocupaciones.

Un fotógrafo con un trabajo excelente y una web que no lo luce, mientras las galerías de los clientes viajan en enlaces de transferencia que caducan. Un portfolio rápido y un área privada donde cada cliente encuentra sus fotos.

Tipo de proyectoWeb + área de clientes
SectorEstudio fotográfico
Plazos habituales5–7 semanas
●Escenario
web · estudio fotográfico
Área de clientes
Galería de boda
Bodas
Retratos
Corporativo
847 fotos

Escenario web — fotógrafa profesional

Cientos de fotos
entregadas por WeTransfer.

El escenario: una fotógrafa profesional con varios años de experiencia —bodas en la Toscana, retratos editoriales, reportajes para empresas—. Su trabajo está reconocido: buen seguimiento en Instagram, clientes que repiten, fines de semana llenos en primavera y otoño. El problema está todo en la entrega y en la web.

Cada boda produce 400–600 fotos finales que se entregan por WeTransfer. Los enlaces caducan a los siete días. Los clientes lo descargan todo una vez y luego pierden las fotos al cambiar de móvil; meses después llegan emails pidiendo "enviarlo todo otra vez". Y la web —una plantilla de fotografía de hace unos años— tiene una galería con fotos comprimidas y ninguna forma de reservar una sesión sin pasar por los mensajes de Instagram.

Hace falta un sistema profesional, no un perfil social mejor.

"Perdí una clienta importante porque el enlace de sus fotos había caducado y pensó que las había borrado. No quiero que vuelva a pasar."

— La historia que más oigo a los fotógrafos
Escenario
Fotógrafa profesional (ejemplo)
Zona
Toscana (disponible en todas partes)
Sector
Fotografía de bodas · Retratos · Corporativo
Duración típica
5–6 semanas
Punto de partida típico
Plantilla anticuada, entrega por WeTransfer, reservas por mensajes de Instagram
Servicios
Diseño a medida Frontend Backend PHP Área de clientes Reserva de sesiones Galerías protegidas SEO

Requisitos de la web de una fotógrafa

Lo que hacía falta
de verdad.

Cinco áreas que salen del encargo, del mapa del flujo de trabajo real y del análisis de la web actual, incluido el punto en el que los visitantes abandonan la página.

Área de clientes protegida con galerías privadas

Cada cliente debe tener un acceso personal con PIN o enlace protegido para ver y descargar sus fotos en alta resolución. Las galerías deben seguir accesibles para siempre, no siete días como en WeTransfer.

Reserva de sesiones fotográficas

Un sistema para reservar una sesión directamente desde la web: tipo (boda, retrato, corporativo), fecha preferida, breve descripción del proyecto. Sin pasar por mensajes de Instagram, sin emails perdidos en spam.

Portfolio visual de alta calidad

Un portfolio que muestre las fotografías como se merecen: a pantalla completa, con transiciones fluidas y carga rápida pese a la resolución. Tres categorías filtrables (Bodas, Retratos, Corporativo) con navegación intuitiva.

Testimonios y prueba social

Recoger y mostrar automáticamente las reseñas de los clientes contentos. A menudo hay decenas de mensajes preciosos en Instagram y WhatsApp que nadie sabe cómo mostrar en la web de forma creíble.

SEO para fotógrafa de bodas

La mayoría de los clientes llega por Instagram o por el boca a boca, pero cada mes muchas parejas buscan "fotógrafo de bodas Florencia", "fotógrafo Chianti", "fotos de boda Toscana". Una web antigua normalmente no aparece en ninguna de estas búsquedas.

Retos técnicos de un portfolio fotográfico online

Dónde se esconden
los problemas de verdad.

Una web de fotografía con área privada de clientes y galerías en alta resolución reúne retos que van de la seguridad de los archivos a la experiencia en móvil, de la optimización de imágenes al almacenamiento. Estos son los cinco más críticos.

01

Protección de archivos sin CDN caras

Las fotos en alta resolución deben ser accesibles solo para los clientes autorizados: no indexables por Google ni descargables sin autenticación. Protegerlas sin una CDN cara ni un servicio externo exige URLs firmadas generadas en el servidor con tokens temporales.

02

Galerías en alta resolución en móvil

Fotos de boda de 8–15 MB en original: mostrar la calidad sin hacer esperar tres segundos en cada swipe. Un lazy loading agresivo con placeholder LQIP (Low Quality Image Placeholder) y srcset multirresolución es la única solución que no compromete la percepción de calidad.

03

UX del área de clientes para usuarios no técnicos

Los clientes son parejas de novios, no desarrolladores. El área de clientes tiene que funcionar para cualquiera a la primera, sin instrucciones. El recorrido acceder → ver → descargar debe llevar menos de 30 segundos desde el enlace recibido por email.

04

Almacenamiento escalable sin costes disparados

Un año de trabajo = decenas de bodas × 400 fotos = cientos de GB. El coste de almacenamiento debe mantenerse bajo control con el tiempo. La solución debe separar las fotos originales (archivo a largo plazo, acceso poco frecuente) de las versiones optimizadas para la web (acceso frecuente).

05

Portfolio visual y SEO: objetivos en conflicto

Un portfolio que pone las fotos en el centro tiende a sacrificar el texto, y el texto es lo que indexa Google. Encontrar el equilibrio entre una experiencia visual envolvente y la presencia de contenido textual estructurado exige decisiones de arquitectura que no se pueden corregir después del lanzamiento.

Proceso de desarrollo del portfolio de la fotógrafa

Cómo
organizo el trabajo.

Entre cinco y seis semanas en cuatro fases. Una prioridad clara: el área de clientes se entrega antes que el portfolio público, porque ya hay sesiones archivadas esperando un hogar permanente. La web pública llega después.

Semana 1
Discovery y arquitectura

Análisis de la web actual, mapa del flujo de entrega actual (WeTransfer, emails, mensajes), mapas de calor y datos de Analytics disponibles. Arquitectura: web pública y área privada de clientes como un único sistema con rutas separadas.

Entrega: arquitectura del sistema · sitemap · flujo del área de clientes
Semanas 2–3
Design system + prototipo del área de clientes

Sistema de diseño completo: paleta oscura y cálida, tipografía editorial (serif para los títulos, una sans sencilla para la interfaz), reglas para la retícula de fotos. Prototipo interactivo del área de clientes en Figma, probado con dos clientes reales antes de escribir código.

Entrega: sistema de diseño · prototipo de Figma validado · pruebas de usabilidad
Semanas 4–5
Desarrollo: área de clientes + portfolio público

Desarrollo completo: backend en PHP para la autenticación y las URL firmadas, frontend HTML/CSS/JS para el portfolio y el área de clientes, subida en bloque para archivar las sesiones existentes, vistas previas WebP automáticas, formulario de reserva con avisos por email y reseñas de Google como testimonios.

Entrega: web funcionando · área de clientes · sesiones existentes migradas
Semana 6
Pruebas, SEO y go-live

Pruebas completas (acceso, descarga, reserva) en móviles iOS y Android reales, SEO on-page (meta, schema ImageGallery y LocalBusiness, sitemap de imágenes), Google Search Console, cambio de DNS y publicación. Formación en el panel de gestión de galerías.

Entrega: web publicada · SEO configurado · galerías gestionadas por su cuenta

Solución de galería fotográfica web optimizada

Cómo resuelvo
cada problema.

// 01 · Área de clientes protegida

URLs firmadas con tokens temporales: galerías privadas sin CDN

Cada cliente recibe un enlace único por email. El enlace contiene un token cifrado que valida en el servidor un pequeño script PHP. Los originales en alta resolución viven en un directorio fuera del document root del servidor: no son accesibles directamente por URL, ni siquiera conociendo la ruta.

Cuando el token es válido, PHP genera URL firmadas que caducan a las pocas horas para cada archivo. La descarga pasa por readfile() con las cabeceras correctas, sin mostrar nunca la ruta real. Las galerías siguen accesibles para siempre y el acceso se puede revocar cuando se quiera desde el panel.

El sistema no usa servicios externos. Coste adicional del área de clientes: 0 €/mes. El espacio es el del hosting que ya tienen, suficiente para cientos de GB sin cambiar de infraestructura.

web de la fotógrafa /clientes/novios
ÁREA DE CLIENTES · GALERÍA PRIVADA
Novios · Boda
Septiembre · Toscana
↓ Descargar todo
487 fotos
·
2,4 GB originales
·
Acceso permanente
+479
✓  Token válido · Acceso autenticado · Archivos protegidos
// 02 · Portfolio público de alto rendimiento

LQIP + srcset: calidad visual y velocidad, a la vez

Para cada foto subida al portfolio, un script PHP genera automáticamente tres versiones WebP (400px, 900px, 1800px) y un placeholder LQIP (una versión difuminada de 20×20px en base64, ~300 bytes). La etiqueta img srcset sirve el formato adecuado a cada dispositivo.

El marcador difuminado aparece enseguida: se ve la composición de la foto mientras carga la real. En el móvil con 4G, el tiempo de carga percibido baja de unos 3 segundos a menos de medio segundo. La retícula usa CSS Grid con aspect-ratio fijo para evitar saltos durante la carga.

// generate-thumbs.php — pipeline automático function generateWebP($sourcePath) { $sizes = [400, 900, 1800]; $img = imagecreatefromjpeg($sourcePath); foreach ($sizes as $w) { $h = intval($w * imagesy($img) / imagesx($img)); $resized = imagescale($img, $w, $h); imagewebp($resized, "thumbs/{$w}/" . basename($sourcePath, '.jpg') . '.webp', 82); } // LQIP: 20×20 difuminado en base64 $lqip = imagescale($img, 20, 20); ob_start(); imagewebp($lqip, null, 30); return 'data:image/webp;base64,' . base64_encode(ob_get_clean()); }
// 03 · SEO para fotógrafa de bodas

Contenido textual + Schema.org: visibilidad sin sacrificar la estética

El problema clásico de las webs de fotografía es que Google no ve las fotos: ve el texto alternativo, los títulos, la estructura. La solución es separar las dos experiencias: el portfolio sigue siendo visual e inmersivo, y cada categoría tiene su propia página con texto estructurado, palabras clave locales y datos estructurados.

La página "Fotógrafo de bodas Florencia" tiene texto optimizado para búsquedas locales, testimonios con marcado Review, schema LocalBusiness con la zona atendida y un sitemap de imágenes para que se indexe el portfolio. Objetivo realista: primera página para "fotógrafo de bodas + ciudad" en los primeros meses.

Search Console · ejemplo
EJEMPLO · BÚSQUEDAS OBJETIVO
fotógrafo bodas florencia
3.2
pos.
fotógrafo boda chianti
4.7
pos.
fotógrafo retratos toscana
6.1
pos.
fotos boda toscana precios
9.3
pos.
1.24k
CLICS
18.7k
IMPR.
6.6%
CTR

Stack tecnológico de la web de la fotógrafa

Tecnologías elegidas, no impuestas.

Sin CMS, sin framework, sin servicios externos de pago. Todo el sistema —portfolio, área de clientes, reservas, gestión de imágenes— funciona con PHP y JavaScript en un hosting normal de pocos euros al mes.

PHP 8.3 (backend + enrutamiento)
HTML5 semántico
CSS custom properties
JavaScript vanilla ES6+
URLs firmadas (token de auth)
Pipeline WebP (GD Library)
Placeholder LQIP base64
Schema.org LocalBusiness
Sitemap XML de imágenes
IntersectionObserver API
PHPMailer (avisos de reservas)
Figma (design system)

Sin suscripción a Pixieset, ShootProof o plataformas parecidas (normalmente 30–80 €/mes). El sistema a medida no añade costes mensuales. En un par de años el ahorro cubre el coste de desarrollar el área de clientes.

Objetivos de ejemplo — web para fotógrafos

Qué esperar
en los primeros meses.

Cifras de ejemplo, no resultados de un cliente: objetivos realistas para un escenario como este, a medir con Google Analytics 4, Google Search Console y los datos de reservas.

−60%
TIEMPO DE ENTREGA
enlace directo en lugar de email + WeTransfer
+50%
NUEVOS CLIENTES ORGÁNICOS
objetivo desde la búsqueda de Google
Top 10
POSICIÓN EN GOOGLE
objetivo para "fotógrafo de bodas + ciudad"
0€
COSTE ÁREA DE CLIENTES
en lugar de una plataforma de 30–80 €/mes
90+
LIGHTHOUSE MÓVIL
objetivo incluso con galerías HD
∞
DURACIÓN DE LAS GALERÍAS
en lugar de los 7 días de WeTransfer

"Una novia escribe seis meses después de la boda para volver a ver las fotos desde su nueva casa. Lo encuentra todo y descarga lo que necesita." Ese es el resultado que importa: ningún cliente vuelve a perder sus fotos.

— El objetivo concreto del área de clientes

Lecciones para un portfolio fotográfico

Lo que aplico
en cada proyecto así.

Son los puntos que siempre tengo presentes en los proyectos para creativos y fotógrafos.

→

El problema real a menudo no es la web, es el flujo de trabajo. Aquí no hace falta una web más bonita: hace falta que los enlaces dejen de caducar. Entender el verdadero punto de dolor antes de proponer soluciones técnicas es la diferencia entre un proyecto que cambia algo y un simple rediseño.

→

Probar la experiencia con personas reales antes de desarrollar siempre ahorra tiempo. Dejar que un par de parejas prueben el prototipo del área de clientes saca enseguida los atascos (lo típico: un botón de "descargar todo" poco visible). Arreglarlo en Figma lleva minutos; después del desarrollo, horas.

→

Las plataformas de suscripción para fotógrafos cuestan más de lo que parece. Pixieset, ShootProof, Pic-Time: 30–80 € al mes, es decir 1.000–3.000 € en tres años. Un sistema a medida cuesta más al principio pero se amortiza, y la fotógrafa mantiene el control total de los datos y las galerías.

→

La seguridad de los archivos fotográficos no es obvia. Muchas webs de fotógrafos ponen las fotos originales en una carpeta pública del servidor, accesible para cualquiera que conozca el patrón de la ruta. Proteger los archivos fuera del document root con PHP es una buena práctica que lleva una hora de trabajo y vale mucho para la confianza del cliente.

→

SEO y diseño visual no son incompatibles: solo requieren una arquitectura separada. No hay que elegir entre un portfolio bonito y una web indexada. La solución es tener páginas de contenido optimizadas para SEO que lleven al portfolio visual, no meter el texto dentro del propio portfolio.

// En resumen
Problema típico
Enlaces de WeTransfer caducados, reservas por DM, web no indexada
Enfoque
Web PHP a medida + área de clientes con URLs firmadas + SEO local
Objetivos
Entrega inmediata · más clientes desde Google · primera página local
Plataforma
PHP 8 · JavaScript · sin CMS
Coste operativo adicional
0 €/mes (en lugar de 30–80 € de una plataforma)
Área de clientes Más clientes SEO local Cero SaaS

¿Tienes en mente un proyecto parecido?

Cuéntamelo: partimos de objetivos y prioridades, y la primera llamada es gratuita.