Caso de uso
Mockups de UX/UI en 3D en una laptop y un teléfono
Capturas de página completa que se desplazan dentro de una laptop 3D, pantallas de app que se tocan en un teléfono 3D, hotspots que llevan afuera.
3 min de lectura
Cuelga tu trabajo en una pared 3D que se recorre de costado: marcos, spots, hotspots y un solo link. Cómo exportar, qué cambia por rubro y los límites.
Por Franco Cirulli
Actualizado
Tu portafolio es una cuadrícula de miniaturas. Cada pieza queda recortada a cuadrado, comprimida para cargar rápido y puesta al lado de otras nueve que pelean por la misma mirada. El visitante barre con la vista. No mira nada.
Una pared 3D hace lo contrario: una pieza enmarcada a la vez, en la proporción en que la hiciste, iluminada sobre una pared que se recorre de costado. En i3Dify eso es un proyecto de Galería, y conviene saber cómo se comporta.
Las piezas cuelgan en una sola línea. La rueda del mouse o un swipe desliza la pared de costado, las flechas saltan de pieza en pieza, Inicio y Fin van a los extremos y el dock agrega zoom. Cada obra tiene su spot, y el marco toma las medidas del archivo: un panorama y un vertical cuelgan juntos sin perder un borde.
Eliges el color de la pared o subes una textura y ajustas cada cuánto se repite. Los marcos se apagan o toman un color, y el spot y la luz ambiente se mueven hasta que la pared parezca un lugar donde mostrarías trabajo. No hay cámara libre, y es a propósito: quien no se pierde ve todo, en el orden que elegiste.
Desliza esta pared de costado o avanza con las flechas. Hecha con el plan gratuito, sin código.
La galería muestra exactamente lo que le das. Exporta a 1920px o más en el lado largo, porque el zoom acerca lo suficiente como para que se note la falta de nitidez. Guarda en sRGB: Adobe RGB y ProPhoto se desvían en el navegador. Un JPEG a calidad 80 es indistinguible de calidad 100 con un tercio del peso.
El plan gratuito da 50 MB en 3 proyectos, unas 20 a 40 imágenes bien optimizadas, y siempre lleva la marca de agua de i3Dify. Pro cuesta 3 dólares por mes, saca el branding y sube el techo a 10 GB. Veinte piezas fuertes se leen como un portafolio. Sesenta mezcladas, como un archivo.
Misma pared, mismos ajustes. Cambia el orden.
Diez a veinte piezas por galería, para que la pareja que se casa no pase de largo trabajo comercial antes de llegar a lo suyo.
Plantas y cortes primero, después los renders, al final la obra construida.
Cuelga trabajo cicatrizado junto al recién hecho y aclara cuál es cuál. Un hotspot lleva a tu página de turnos.
Incluye la foto del antes. Es lo único en esa pared donde un cliente puede meter su propio ambiente.
Varios ángulos de la misma pieza seguidos, y al menos una foto puesta. Solo con tomas de estudio, el tamaño no se calcula.
Pon un hotspot sobre cualquier obra: abre una URL, muestra un tooltip al pasar el cursor o abre un modal con texto más largo. Ahí viven el precio, la técnica, las medidas y el link de compra: la pared queda visual y el dato queda a un clic. El cobro se hace en tu tienda o en tu página de reservas. La galería es la vidriera, no la caja.
Dos límites que conviene aclarar. El video no es una pieza de galería: cuelga un fotograma representativo y apunta un hotspot al reel. Y el texto dentro de una escena 3D no es indexable, así que un caso de estudio que tiene que rankear se queda en una página normal.
Una galería publicada es una URL común, así que entra en un iframe donde tu plataforma te deje pegar HTML. Dale al menos 600px de alto en pantallas de computadora, o la pared no se lee como espacio. El texto indexable y el formulario de contacto se quedan en tu sitio, y la obra se queda con la pared.
Una cuadrícula consigue que te vean el trabajo. Una pared consigue que miren una pieza, y después la siguiente. Arma la tuya con las veinte que valen.
Crea un proyecto de Galería, sube tus archivos JPG, PNG o WebP, reordénalos arrastrando y define marco, color de pared y spot en Ajustes. Agrega hotspots con el título o el link de compra y publica. Te queda una sola URL para compartir o insertar.
Al menos 1920px en el lado largo, exportado en sRGB. Los archivos en Adobe RGB y ProPhoto se desvían de color en el navegador. Un JPEG a calidad 80 suele ser visualmente idéntico a calidad 100 con un tercio del peso.
El plan gratuito da 50 MB repartidos en 3 proyectos, unas 20 a 40 imágenes bien optimizadas en una galería. Los proyectos gratuitos además llevan la marca de agua de i3Dify. Pro cuesta 3 dólares por mes, saca el branding y te da 10 GB.
Sí. Un swipe desliza la pared, el dock maneja el zoom y el salto a la primera o la última pieza, y cada marco conserva la proporción de su archivo. La mayoría de los links de portafolio se abren en el celular.
Puedes colgarle a cualquier pieza un precio, las medidas o un link de compra con un hotspot que abra tu tienda, tu servicio de impresión o tu página de reservas. Dentro de la galería no hay checkout, así que el que ya usas se queda donde está.
No. La galería lee la proporción de cada archivo y dimensiona la obra según ella, así que vertical, horizontal, cuadrado y panorámico cuelgan en la misma pared sin recorte ni deformación.
No. Nada de lo que se dibuja dentro de una escena 3D es indexable. Si un proyecto tiene que rankear por búsquedas escritas, publica el texto como página normal e inserta la galería adentro.
Puedes, pero la pared es lineal, así que una galería mezclada obliga a la gente a pasar de largo trabajo que no le aplica. Una galería por género o por cliente los deja parados frente a las piezas correctas desde el primer segundo.
Capturas de página completa que se desplazan dentro de una laptop 3D, pantallas de app que se tocan en un teléfono 3D, hotspots que llevan afuera.
Pixieset entrega una galería que se descarga una vez. Un álbum 3D es un libro de tapa dura con los nombres en la portada, de 0 a 3 dólares al mes.
Transforma tu contenido en experiencias 3D inmersivas en segundos.
Crear galería