Diseño11 min de lectura
Invitaciones de boda interactivas: 43 aperturas animadas
Qué es una invitación de boda interactiva, en qué se diferencia de un vídeo, nuestras 43 aperturas por familia y por gesto, y qué pueden hacer los invitados cuando se abre.
Por El atelier de VeiloriaPublicado Actualizado
Contenido
- ¿Qué son las invitaciones de boda interactivas?
- Animada, interactiva o en vídeo: la diferencia
- La apertura: por qué cuentan los primeros cinco segundos
- Las 43 aperturas, por familias
- Los gestos: tocar, levantar, tirar, deslizar, girar, limpiar, apartar, trazar
- ¿Qué hace interactiva una invitación de boda?
- Buena animación en una invitación de boda, o demasiada
- ¿La animación hace más lenta la invitación?
- Fuentes
- Preguntas frecuentes
Las invitaciones de boda interactivas responden al invitado: un gesto abre un lacre, velo o telón; después puede descubrir la fecha, consultar el mapa, guardar el calendario y confirmar desde el mismo enlace.
Comparad formatos, 43 aperturas, gestos, funciones y límites del movimiento.
¿Qué son las invitaciones de boda interactivas?
Una página privada reúne apertura, detalles y respuesta. Los GIF se mueven, pero no recogen confirmaciones por sí solos. También se llama tarjeta de casamiento o invitación de matrimonio. La contención distingue a las invitaciones elegantes.
La invitación con sobre levanta una solapa en pantalla. Veiloria incluye sobre con iniciales antes de la apertura propia.
Animada, interactiva o en vídeo: la diferencia
Una invitación animada se mueve, una interactiva responde y un vídeo se reproduce. Una misma invitación puede ser las dos primeras cosas a la vez; el vídeo es otro objeto.
| Animada | Interactiva | En vídeo | |
|---|---|---|---|
| Qué es | Una invitación que se mueve | Una invitación sobre la que actúan los invitados | Un archivo que los invitados miran |
| Forma habitual | Un GIF, una tarjeta animada o una página web con apertura | Una página web con revelaciones, botones y formulario de respuesta | Un MP4 enviado por mensaje o publicado |
| Quién la inicia | Se reproduce sola, o la pone en marcha el invitado | El invitado, en cada paso | El botón de reproducir |
| Confirmación dentro | Solo si además es interactiva | Sí | No, necesita un enlace aparte |
| Corregir una errata tras enviarla | La página se actualiza; el GIF se reenvía | Mismo enlace, actualizado | Volver a exportar y reenviar |
| Lo que le falta por sí sola | Una forma de responder | Un momento de apertura ceremonial | La respuesta, el mapa, los cambios en directo |
Una invitación de WhatsApp puede ser GIF o vídeo sin respuesta integrada. Una web puede combinar animación e interacción: comparad vídeo y web animada.
La apertura: por qué cuentan los primeros cinco segundos
La apertura marca la primera impresión, como el gramaje y el sobre forrado en papel.
Una buena apertura hace cuatro cosas:
- Marca el tono. Un telón de ópera dice noche y etiqueta; la puerta empañada de un invernadero dice jardín y luz de día.
- Pide un gesto claro. El invitado sabe qué hacer sin instrucciones.
- Termina en vuestros nombres. Después, la fecha y el lugar.
- Se aparta. Los detalles toman el relevo y el movimiento se calma.
Las 43 aperturas, por familias
Seis familias con demos en cada página: filtradlas en diseños.
Papel y tinta
Papelería, cartas, libros y trabajo manual: lo más parecido a una invitación de papel.
| Diseño | La apertura | Gesto | Lo que ven los invitados |
|---|---|---|---|
| Cachet | El sobre sellado | Tocar | El lacre se quiebra y asoma una tarjeta en letterpress |
| Herbier | La prensa de flores | Tirar de las correas | Una etiqueta escribe a máquina vuestros nombres |
| Carte Postale | La postal | Tocar | Cae un sello y el matasellos estampa vuestra fecha |
| Givre | El copo de nieve de papel | Seguir las líneas | Un copo de papel calado se abre sobre un chalet nevado |
| Conte | El libro desplegable | Tocar | Un castillo, un bosque y ciervos se alzan de los pliegues |
| Hacienda | El papel picado | Tocar | El papel picado se despliega y se encienden las guirnaldas de luces |
| Chapitre | El libro abierto | Tocar | La tapa gira y la portada se compone sola |
| Enluminure | La hoja iluminada | Tocar | El oro y el lapislázuli se posan sobre un dibujo a línea |
| Calligraphe | «Mirad cómo firmamos» | Tocar | Una pluma escribe vuestros nombres en directo |
| Golestan | El rollo desplegado | Desenrollar de lado | Se despliega una miniatura persa y llega un ruiseñor |
| Roseraie | El sobre del jardín de rosas | Tocar | El lacre se levanta y el sobre se abre a un jardín de rosas |
| Ruban | La cinta de seda | Tirar del extremo | El lazo se deshace y la tarjeta sale del sobre |
| Billet Doux | La carta de amor | Tocar | El lacre salta y la carta se despliega sobre la luz dorada |
| Soirée | El sobre negro | Tocar | Las solapas se abren en espiral sobre pan de oro y orquídeas |
Abrid Hacienda en español: Ximena y Karim, San Miguel de Allende, papel picado.
Seda y terciopelo
Telas que se mueven: tul, un telón de teatro, un abanico, un pañuelo, encaje.
| Diseño | La apertura | Gesto | Lo que ven los invitados |
|---|---|---|---|
| Cathédrale | El velo levantado | Levantar | El tul sale volando y una perla rueda hasta vuestra fecha |
| Velours | El telón que se alza | Tirar | El telón carmesí sube sobre vuestros nombres |
| Éventail | El abanico pintado | Deslizar | El abanico se abre varilla a varilla |
| Toile | El biombo | Tocar | El biombo se pliega y la toile cobra vida |
| Carré | El pañuelo desplegado | Tocar | La seda se abre de un vuelo y estampa vuestros nombres |
| Dentelle | Los botones de perla del vestido | Tocar | Los botones se desabrochan y el encaje se abre |
Puertas y ventanas
El invitado llega a algún sitio: un riad, un invernadero, una azotea, la ventana de un palacio, la verja de un jardín.
| Diseño | La apertura | Gesto | Lo que ven los invitados |
|---|---|---|---|
| Orangerie | La puerta empañada del invernadero | Limpiar el cristal | Las puertas de hierro se abren a los naranjos |
| Zellige | La puerta del riad | Tocar (dos llamadas) | Las puertas de cedro dan a un patio de faroles |
| Minuit | El ascensor de medianoche | Tocar | Un viaje hasta una azotea a medianoche |
| Lavande | Las contraventanas abiertas | Tocar | Las contraventanas azules se abren sobre la lavanda |
| Jharokha | Las celosías talladas | Deslizar | El mehndi se dibuja solo alrededor de vuestros nombres |
| Portail | Las verjas del jardín | Tocar | Las verjas se abren a un pasillo de velas |
Luz y cielo nocturno
Velas, estrellas, farolillos, nubes y el propio sol.
| Diseño | La apertura | Gesto | Lo que ven los invitados |
|---|---|---|---|
| Céleste | El astrolabio | Girar | El cielo real sobre vuestro lugar |
| Clair-Obscur | La peonía a la luz de las velas | Tocar | Una peonía se abre a la luz de una vela |
| Lanternes | El farolillo que se suelta | Tocar | Sube un farolillo y lo siguen decenas |
| Cyanotype | La impresión al sol | Tocar | La copia se lava en azul de Prusia |
| Ciel | Las nubes que se abren | Tocar | Los invitados ascienden entre las nubes hasta un pabellón en el cielo |
Naturaleza
Mar, arena, bosque y prado.
| Diseño | La apertura | Gesto | Lo que ven los invitados |
|---|---|---|---|
| Nacre | El descenso al fondo del mar | Deslizar hacia abajo | Una perla sube y se convierte en el «&» |
| Dune | La tablilla enterrada | Apartar la arena | Vuestros nombres se graban solos en la piedra |
| Selva | La morpho azul | Tocar | Las frondas se apartan ante una cascada |
| Solstice | El palo de mayo desenrollado | Girar | Las cintas se sueltan y florece una corona |
Objetos y recuerdos
Un objeto que el invitado abre con sus manos.
| Diseño | La apertura | Gesto | Lo que ven los invitados |
|---|---|---|---|
| Kintsugi | El cuenco reparado | Unir las mitades | El oro corre por la grieta |
| Porcelaine | La pared de azulejos en blanco | Tocar | Los azulejos se voltean en un jardín pintado |
| Vendange | La caja de vino | Deslizar la tapa | Botellas con vuestros nombres en la etiqueta |
| Sucre | La campana empañada | Levantar | La bruma se derrama y aparece el pastel |
| Bulles | El corcho que salta | Tocar | Un taponazo y brotan burbujas doradas |
| Serenissima | La máscara de Carnaval | Tocar | Venecia se enfoca poco a poco |
| Écrin | El estuche del anillo | Tocar | Se convierte en una caja de música |
| Instantané | La cámara instantánea | Tocar y agitar | La foto se revela mientras la agitan |
Elegid también por color, estación o cultura en invitaciones de boda originales.
Los diseños más recientes se abren a pantalla completa: Ciel eleva a los invitados entre las nubes, Portail abre unas verjas de jardín a un pasillo de velas y Dentelle desabrocha uno a uno los botones de perla de un vestido de encaje. Nuestra selección de invitaciones de boda bonitas señala el momento que hay que mirar en cada uno.
Los gestos: tocar, levantar, tirar, deslizar, girar, limpiar, apartar, trazar
El gesto es la manera en que el invitado participa en la apertura, y cuanto más sencillo, más acogedor: 27 de nuestras 43 aperturas empiezan con un toque.
| Gesto | Diseños | Lo que pide al invitado |
|---|---|---|
| Tocar | 27, de Cachet a las dos llamadas de Zellige | El gesto que todo el mundo ya conoce |
| Levantar | Cathédrale, Sucre | Un trazo hacia arriba, como quien alza un velo |
| Tirar | Velours, Herbier, Ruban | Un tirón suave, como el cordón de un telón |
| Deslizar | Éventail, Jharokha, Nacre | Un barrido de lado o hacia abajo |
| Girar | Céleste, Solstice | Un dedo que traza un círculo; se descubre un poco más despacio |
| Limpiar, apartar | Orangerie, Dune | Quitar el vaho o la arena |
| Trazar | Givre | Seguir unas líneas a lápiz |
| Unir, deslizar la tapa, desenrollar | Kintsugi, Vendange, Golestan | Juntar dos mitades, abrir una tapa, desplegar un rollo |
Probad gestos sencillos con invitados mayores: más en invitación digital para personas mayores.
Arrastrad el rollo lateral de Golestan para desplegar un jardín de rosas:
¿Qué hace interactiva una invitación de boda?
La interacción continúa después de abrir: fecha, respuesta, mapa, calendario e idiomas.
La fecha escondida: frotar, bruñir, despegar
Cada diseño esconde la fecha tras una pequeña revelación, para que sean los invitados quienes descubran la línea más importante.
| Revelación | Diseño | Lo que hacen los invitados |
|---|---|---|
| Frotar | Jharokha | Frotan un mandala de henna hasta liberarla |
| Bruñir | Enluminure | Bruñen el pan de oro suelto |
| Despegar | Sucre | Despegan una lámina de transfer de un disco de chocolate |
| Girar | Écrin | Giran una alianza para leer el grabado |
| Mantener | Lanternes | Dejan el dedo sobre el lago hasta que el agua se calma |
| Deshojar | Lavande | Deshojan un girasol pétalo a pétalo |
| Secar | Calligraphe | Pasan un secante de balancín sobre tinta invisible |
La cuenta atrás
La cuenta atrás muestra días, horas y minutos, dibujados con los objetos del propio diseño: un planetario mecánico que funciona en Céleste, cuatro copas que se llenan en Bulles, cuatro lámparas de barro en Jharokha.
La respuesta, y su celebración
Eligen «Acepta con alegría» o «Declina con pesar», nombres y preguntas opcionales: alergias, niños, canción y nota. Pueden modificarlo en el mismo enlace: confirmación de asistencia.
Después, la respuesta se celebra: en Zellige un sí sirve té a la menta y un no deja una rosa; en Bulles brindan dos copas; en Conte la respuesta se pliega en un pájaro de papel; en Kintsugi repara la última grieta.
Mapa, calendario e idioma
El lugar se abre en el mapa con un toque, y un botón para añadir al calendario guarda el día. Cada invitado lee la invitación en su idioma cuando es uno de los vuestros, detectado en su navegador y con un selector para cambiarlo; el árabe y las demás lenguas que se escriben de derecha a izquierda se maquetan en ese sentido.
Música
Cada diseño trae un tema original en bucle: la mayoría, uno compuesto para él; los más recientes, el de la colección que mejor les sienta. Empieza suave al tocar, pausa al cambiar de pestaña y ofrece silencio. Música incluida en Premium/Bespoke; Essential, extra de 19 USD o pack de portada. Podéis subir vuestra canción: guía de música.
Buena animación en una invitación de boda, o demasiada
La buena animación en una invitación de boda es un momento pensado que inicia el invitado, y después quietud mientras lee; la mala es movimiento por todas partes, todo el tiempo.
| Buena animación | Demasiada animación |
|---|---|
| Una sola apertura, iniciada por el invitado | Todo se mueve nada más cargar |
| Un movimiento que termina en vuestros nombres | Bucles que nunca se detienen detrás del texto |
| Texto quieto y legible | Palabras que se deslizan, giran o rebotan |
| Sonido tras el primer toque, con botón para silenciar | Música a todo volumen al abrir |
| Nada que parpadee | Purpurina y destellos estroboscópicos |
Las pautas de accesibilidad del W3C le ponen cifras: el criterio 2.3.1 de las WCAG 2.2 limita los destellos a tres por segundo o exige que queden por debajo del umbral de riesgo. El movimiento automático que dura más de cinco segundos junto a otro contenido requiere, en general, un control para pausarlo, detenerlo u ocultarlo (criterio 2.2.2).
Probad cualquier invitación animada como lo haría un invitado:
- Abrid la demo en el móvil, no en el portátil.
- Haced la apertura sin instrucciones. ¿Sabíais qué hacer?
- ¿Aparecen vuestros nombres en pantalla en pocos segundos?
- ¿El texto se queda quieto mientras lo leéis?
- ¿Podéis responder en menos de un minuto?
- Enviádsela a la persona menos tecnológica que conozcáis.
¿La animación hace más lenta la invitación?
La velocidad depende de los recursos y la implementación. Vídeos y fotos sobredimensionadas pueden pesar más que piezas animadas con código, que además permiten interacción.
Google propone LCP ≤2,5 s, INP ≤200 ms y CLS ≤0,1 en el percentil 75 de visitas reales. Veiloria anima piezas transparentes separadas con código y espera al toque para la música; comprobad el rendimiento concreto.
Probad con datos móviles en un teléfono antiguo, sin app ni cuenta. PageSpeed Insights añade una prueba de laboratorio; no sustituye las métricas reales.
O recorred las 43 aperturas en nuestras demos en vivo.
Fuentes
- W3C, Understanding Success Criterion 2.3.1: Three Flashes or Below Threshold y 2.2.2: Pause, Stop, Hide, WCAG 2.2; comprobado el 19 de octubre de 2026.
- Google, Métricas web esenciales (Web Vitals) (LCP de 2,5 segundos, INP de 200 milisegundos, CLS de 0,1), web.dev; comprobado el 19 de octubre de 2026.
- Diseños, aperturas y planes de Veiloria: veiloria.app/designs y veiloria.app/pricing; comprobado el 19 de octubre de 2026.
Preguntas frecuentes
¿Qué es una invitación de boda animada?
Una invitación que usa movimiento, como lacre o telón. Si es una web interactiva, también puede reunir fecha, lugar, programa y confirmación.
¿Qué son las invitaciones de boda interactivas?
Permiten actuar: descubrir fecha, abrir mapa, guardar calendario, cambiar idioma y responder. Una web puede reunir esas funciones en un enlace.
¿Una invitación de boda animada puede incluir confirmación de asistencia?
Sí, si es una invitación web y no un vídeo. Todos los planes de Veiloria incluyen la confirmación dentro de la invitación: asistencia, nombres, alergias e intolerancias, una canción y una nota. Los invitados pueden cambiar su respuesta más tarde desde el mismo enlace.
¿Las invitaciones animadas funcionan en todos los móviles?
Probad la demo en los dispositivos de vuestra familia. Las webs actuales suelen abrir sin app ni cuenta, pero teléfonos antiguos pueden tener limitaciones.
¿Una invitación animada es lo mismo que un vídeo?
No. El vídeo se reproduce y necesita enlaces externos para responder. Una web interactiva añade botones y puede corregirse sin reenviar archivos.
¿Podemos elegir la animación de apertura?
Sí: al elegir un diseño elegís su apertura, y cada uno de nuestros 43 diseños tiene la suya. La apertura exclusiva va incluida en todos los planes, también en Essential. El movimiento suave en la portada después de la apertura está incluido en Premium y Bespoke, y en Essential es un extra de 65 USD (o su equivalente en vuestra moneda). Para una apertura que no está en la colección, Bespoke empieza en una hoja en blanco.
