Motor de portafolio
Plataforma de portafolio fotográfico para estudios y fotógrafos
Crea un portafolio fotográfico profesional en tu propio dominio. Galerías, layouts y un editor visual para presentar tu mejor trabajo.
Editor GrapesJS
Portfolio blocks in the editor
Los bloques de la categoría Portfolio (más Portfolio Hero y Before/After) son de primera clase en el editor visual — cada uno expone traits para medios, layout y presentación. Elige un bloque y luego un modo de layout para ver cómo la vista previa del canvas se mapea al comportamiento enviado.
Layout / display modes (traits)
Portfolio
URL de galería pública
Páginas de portafolio dedicadas
Cada colección puede vivir en tu dominio como una página de galería dedicada, fácil de marcar, compartir y volver a visitar para los clientes. Los layouts de abajo muestran cómo se sienten de verdad el proofing, los archivos y el marketing de portafolio para los visitantes.
Design family
Layout
Layouts impulsados por selección con un escenario principal y navegación por miniaturas.
Portfolio engine
Dedicated public gallery URLs with zero-runtime-latency rendering for premium photography and media delivery.
Organize collections into three design families—grid galleries, immersive browsing, and chronological timelines—each tuned for how clients review work.
Public portfolio pages →
Panel de imagen emparejado con un panel de lectura de captions. Títulos y descripciones largos permanecen visibles junto al fotograma.
Presentación con motion
Plantillas de portafolio animadas
Cuando un grid estático no basta, las plantillas de motion presentan tu trabajo con profundidad, movimiento y un fotograma hero claro. Mismo dominio, misma marca. Las vistas previas en vivo de abajo coinciden con lo que ven los visitantes en páginas de portafolio publicadas.
Presentation model
Template
Layouts de carousel lineal con profundidad y vistas previas laterales.
Ruta horizontal con vistas previas laterales rotatorias. La bandeja curva baja un poco bajo el escenario para que los flancos se lean a izquierda y derecha.
Lo que impulsa el motor de portafolio
Capacidades de runtime y editor en las que te apoyas cada semana: las superficies sobre las que viajan el ingreso y la confianza del cliente.
Medios y presentación
Motor de renderizado
Grids, carruseles, masonry y storytelling hero comparten srcsets responsive, paginación y valores de rendimiento afinados para galerías reales. Pensado para bibliotecas grandes con densidad y ritmo predecibles.
Medios y presentación
Sistema de lightbox
Geometría, presets, captions, miniaturas, zoom y rutas de vídeo se comportan igual en embeds, PDPs y páginas de marketing de scroll largo. Así la experiencia de visualización coincide con el oficio de la obra.
Distribución y escala
Capa de embedding
Una historia de portafolio corre en páginas del sitio, blogs, superficies de cliente y contextos de comercio sin reconstruir tres experiencias. Curatea una vez; reutiliza en todas partes donde el producto conecta.
Distribución y escala
Listados y bibliotecas grandes
Portfolio Listing compone embeds hijos por cada galería; layouts grid, list y tab mantienen la navegación obvia a medida que crecen las colecciones. Cada hijo conserva sus propios traits de visualización mientras el padre controla la presentación.
Editor y pegamento de producto
Composición GrapesJS
Los bloques se registran con tipos de componente, sidebars de traits y vistas previas de canvas para que los autores configuren el comportamiento desde el editor. El editor se mantiene alineado con lo que se envía.
Distribución y escala
Páginas de galería pública
Convierte cualquier colección de medios en un destino de cliente totalmente con marca usando experiencias de layout a medida pensadas para flujos de negocio específicos. Elige entre layouts de proofing, archivos cronológicos o grids adaptativos.
Antes de una plataforma conectada
- Código de galería distinto en el sitio de marketing vs. la entrega al cliente
- Lightbox que ignora móviles, captions o EXIF cuando importa
- Embeds que se rompen al cambiar una URL de CDN
Después de estandarizarte aquí
- Un renderizador de portafolio en embeds, sitio y superficies orientadas al cliente
- Comportamiento de lightbox que coincide con el momento — revisión, espectáculo o mobile sheet
- Curatea una vez; reutiliza layouts sin reconstruir tres experiencias
Presentación de alto rendimiento
YARL
Visualización en lightbox
Descripciones, zoom, miniaturas y rutas de vídeo para series premium
Páginas de portafolio con acabado editorial, transiciones suaves y visualización inmersiva, construidas sobre primitivas de motion, lightbox y carrusel.
Swipe sideways for more
Sistemas de galería que publican y presentan
Los flujos mueven una colección de URL a página a lightbox. Los clústeres aportan profundidad de layout, privacidad y presentación.
Publicar una URL de galería
Activa Public gallery, define un slug, afina el layout en Settings → Portfolio (o sobrescribe por colección) y comparte el enlace en vivo para proofing o marketing.
Crea Private para entrega; mantén Public para marketing
Al crear, elige Private para almacenamiento solo-cliente y entrega por portal o descarga, o Public para páginas del sitio, embeds y la ruta CDN. El almacenamiento se define en la subida.
Componer en GrapesJS
Suelta bloques de portafolio en secciones y columnas; elige portafolios, layouts y medios desde el panel de traits.
Afinar el layout por bloque
Image Portfolio expone grid, masonry, carousel y hero; Portfolio Listing añade shells grid, list y tab con embeds hijos para visualización por galería.
Abrir el lightbox
Presets, captions, miniaturas, contador, zoom y rutas de vídeo se mantienen coherentes tanto si la historia vive en un PDP, un blog o una página de marketing.
Enviar por el mismo pipeline
El HTML de página guardado, los marcadores SSR y las superficies React hidratadas se alinean para que lo que editas sea lo que renderiza el sitio público.
Cada layout es una decisión sobre la atención: grid, inmersivo o cronológico según cómo deban mirar los visitantes.
- Layouts de presentación
- Grid, masonry, carousel, hero, before/after y centrados en vídeo.
- Visualización enfocada
- Split pane, book spread y stage carousel para revisión de uno en uno.
- Secciones timeline
- Agrupadas por fecha de sesión para archivos e historias de viaje.
- Hero de portada
- Banner completo, banner corto o ninguno — opcional por colección.
- Modos de paginación
- Pensado para bibliotecas grandes: claridad por encima del scroll infinito por defecto.
- EXIF y metadatos
- Se muestran donde apoyan la historia y se apartan cuando no aportan.
Correos de marketing
Los coleccionistas no actualizan tu sitio. Escríbeles cuando haya algo nuevo.
Estudio
Ahora
La nueva galería ya está publicada.
Mira la obra en el sitio.
La galería nueva
El correo enlaza a la obra en tu propio dominio. Llegan a la galería, no a una página de boletín con tu logo pegado.
Quienes querían verla
Suscriptores, no una lista comprada.
Lo que puedes ver después
La campaña muestra cuántos salieron y cuántos rebotaron. La lista de suscriptores muestra quién pidió parar.
Continuity across the business
The difference isn't one feature. It's what happens when publishing, commerce, media, and delivery stop behaving like separate products or plugins.
Los portafolios se leen como páginas estáticas
se leen como experiencias con geometría de visualización intencional
El lightbox es un popup genérico
se convierte en un sistema con presets, captions y rendimiento en el que puedes confiar
Las galerías solo existen como bloques de layout dentro de un page builder
cada colección de medios es nativamente capaz de impulsar su propia experiencia de marca premium e independiente
Los portafolios se leen como páginas estáticas
se leen como experiencias con geometría de visualización intencional
El lightbox es un popup genérico
se convierte en un sistema con presets, captions y rendimiento en el que puedes confiar
Las galerías solo existen como bloques de layout dentro de un page builder
cada colección de medios es nativamente capaz de impulsar su propia experiencia de marca premium e independiente
Ready when you are
Compare plans, then bring this surface online with the rest of your creative operating system.