Portafolio fotográfico
Samuel Martínez
Dejar que el trabajo guíe.
Diseño / Escritorio y móvil
El trabajo, en pantalla.
Frontend / Una mirada de cerca
Explorar la fotografía.
La lupa le da un espacio propio al detalle fotográfico. Esta muestra interactiva utiliza una fotografía de Samuel Martínez y está separada de las herramientas privadas de edición.
Recorre la foto o arrastra con un dedo. Las flechas mueven la lente; + y − cambian el aumento; Escape la desactiva. El gesto de ampliar con dos dedos sigue disponible.
El aumento se limita a los píxeles disponibles de la imagen, según esta pantalla. No se genera detalle adicional.
Aumento disponible1.0×La misma intención. Otra pantalla.
01 / La idea
Lo que había que resolver.
Dar a fotografía y película suficiente presencia para apreciarlas por sí mismas, haciendo sencillo el paso de una selección a un proyecto individual.
Retratos, fotografías horizontales y películas no caben en un encuadre uniforme. La interfaz necesitaba un ritmo consistente sin aplanar sus distintas proporciones ni cargar todos los proyectos a la vez.
02 / El proceso
Cómo tomó forma.
- 01
Editar la selección
Organicé fotografía y película suministradas en colecciones por proyecto, eligiendo portadas y un orden que presentan el trabajo antes que la interfaz.
- 02
Respetar la imagen
Compuse trabajos verticales y horizontales respetando sus proporciones, y añadí galería y vistas de detalle sin cambiar el encuadre fotográfico.
- 03
Mirar de cerca, sin inventar detalle
Integré una lupa en la galería y un visor de imagen completa. La lente se recorre con ratón, tacto o teclado; el aumento ajustable de la lupa respeta la resolución de la fotografía original. Escape cierra la inspección y devuelve el foco.
- 04
Separar los medios
Usé ImageKit para fotografías y portadas adaptables, y YouTube para películas completas, ajustando la presentación a cada medio en vez de tratarlos como archivos intercambiables.
- 05
Publicar la experiencia de lectura
Construí el portafolio público como un sitio estático bilingüe y afiné la navegación entre proyectos en escritorio y móvil. La administración editorial quedó separada de la publicación pública.
El sistema / Arquitectura de información
Un proyecto, distintos medios
Un proyecto conecta portada, secuencia fotográfica y película mediante un mismo registro editorial. El sitio público presenta el trabajo; no expone el flujo privado de edición.
Historia del proyecto
Selección, secuencia, contexto y créditos forman una colección legible.
Fotografía
ImageKit sirve fotografías y portadas en tamaños web y sus proporciones previstas.
Película
Las películas completas se presentan a través de YouTube con su propia experiencia de visualización.
Alcance / Producción
Mi aporte.
En qué trabajé
- Diseño web
- Implementación web
- Next.js
- React
- TypeScript
Diseño y desarrollo
- Un portafolio adaptable y bilingüe con un índice visual de proyectos e historias individuales.
- Una lupa fotográfica y un visor de imagen completa que conservan las proporciones y permiten explorar el detalle real.
- Un sitio público estático con fotografías en ImageKit y películas completas en YouTube.
Diseño e implementación web de Santiago Quiceno. La fotografía y las producciones presentadas se acreditan a Samuel Martínez y sus respectivos colaboradores.
Visitar el sitio publicado (se abre en una pestaña nueva)