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.
Una tarjeta digital que cuelga de una cinta y se balancea al arrastrarla. Los links van en un dock fijo y la URL sigue viva después de entregarla.
Por Franco Cirulli
Actualizado
Conoces a alguien en un stand y te da una tarjeta de papel. Va al bolsillo de un abrigo y de ahí a un cajón. Para cuando la encuentras ya no sabes de qué conversación salió. Con la tuya pasa lo mismo, en el cajón de otro. Un link no se pierde así. Solo falla si lo que se abre del otro lado no vale el toque.
Un proyecto lanyard en i3Dify es una tarjeta colgada de una cinta, en 3D. Entra balanceándose cuando carga la página, después se acomoda y espera. Arrastra la de abajo. Se mueve con su física, y cuando la sueltas frena sola. Eso llega cuando mandas el link, en cualquier celular, sin instalar nada.
La restricción es la misma del papel. Alguien tiene que saber quién eres antes de decidir si sigue mirando. Lo que cambia es que todo lo demás vive a un toque, en el dock, y la cara de la tarjeta queda despejada.
Los demás tipos de proyecto en i3Dify aceptan hotspots, marcadores que colocas sobre la imagen misma. Lanyard es el único que no. El motivo es físico. La tarjeta es un objeto que se balancea, y un marcador clavado en una superficie en movimiento es un blanco que se persigue con el pulgar.
Por eso los links viven en un dock flotante. Es una fila de botones que se queda quieta mientras la tarjeta se mueve, y cada botón es una URL externa o un modal, con controles de zoom opcionales para quien quiera leer el texto más chico. Se arma en la pestaña Menu. El dock está fijo y la tarjeta no, y por eso se puede tocar con una sola mano.
Subes el arte de la tarjeta en la pestaña Content, o generas uno ahí mismo y lo ajustas. La tarjeta es más alta que ancha, y una imagen vertical la llena de borde a borde. Lo que sobra alrededor se pinta con el color de fondo, y por eso conviene dejarlo cerca del de tu diseño: ahí la junta deja de verse.
El offset X e Y de la textura desplaza la imagen sobre la tarjeta, la escala de textura la acerca, y el color de la cinta es un solo campo en Settings, azul marino oscuro hasta que lo cambies. Deja lo importante lejos de los bordes. La tarjeta tiene espesor, los bordes pueden recortar, y un nombre cortado a la mitad es peor que un nombre más chico. La versión campo por campo está en la documentación de lanyard.
Una credencial de congreso es el mismo objeto con otro trabajo: una tarjeta con un nombre colgada de una cinta. Armas la versión con marca una sola vez. Después duplicas el proyecto y cambias la imagen por asistente, con los links del dock apuntando a la agenda, al mapa del lugar o a los datos del wifi. Para un evento híbrido, imprime ese diseño y ponle a la credencial física un QR que abra la digital. El paso a paso está en el caso de uso de credencial de evento.
Lo que un link hace y el papel no es cambiar después de que lo entregaste. Puesto nuevo, links nuevos, diseño nuevo, misma URL, y todos ven la versión de hoy. La tarjeta que diste en marzo no se quedó en marzo.
Arma tu tarjeta lanyard y comparte el link.
Nada en el plan gratuito, que cubre 3 proyectos y 50 MB de almacenamiento. Las tarjetas gratuitas llevan una pastilla chica de i3Dify en la esquina, y en el gratuito no hay forma de sacarla. Pro cuesta 3 dólares al mes, quita el branding y suma dominio propio y analítica.
Sí. Cada tarjeta tiene una URL permanente, y un código QR generado desde esa URL funciona en tarjetas impresas, stickers, exhibidores de mesa o la tapa de una laptop. El link también entra en la firma del correo o en el chat de una videollamada.
No. Se abre en cualquier navegador, sea celular, tablet o computadora. Sin instalar nada, sin cuenta, y la tarjeta empieza a balancearse apenas carga.
Sí, y esa es la ventaja estructural sobre el papel. Cambia tu puesto, tus links o el diseño y todos los que tengan el link ven la versión actual. La URL nunca cambia.
La cara de la tarjeta acepta una imagen vertical: tu nombre, tu foto o tu logo, y una línea sobre lo que haces. Todo lo demás va en el dock como botones de link: LinkedIn, portafolio, calendario, correo, teléfono, cualquier cosa que tenga URL.
De forma nativa no. Puedes programar un sticker o una etiqueta NFC barata con la URL de la tarjeta, y así compartes acercando el teléfono, sin encargar tarjetas NFC a medida.
Sí, y conviene si atiendes mercados que no se parecen. La tarjeta que le mandas a una startup de tecnología no es la que le mandas a un negocio de barrio, y con 3 proyectos del plan gratuito te alcanza para unas cuantas variantes.
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 tarjeta