DEMO Maqueta · Acto de Graduación Vertical · Invitaciones digitales ← todas las demos

// demo · invitaciones

Una invitación distinta
para cada persona.

Acto de graduación, boda, evento corporativo. Un enlace único por invitado · vista previa elegante en WhatsApp · RSVP en un tap.

Tarjeta de previsualización (OG image) generada para el evento
// 01 — flujo

Tres pasos. Cero fricción.

Compartes el link, el invitado abre la tarjeta, confirma por WhatsApp. Sin instalar nada.

// step · 01

URL única por invitado

Cada invitado recibe un enlace distinto con su nombre y cupo embebido. Los slugs son aleatorios y la página está marcada noindex — la lista nunca aparece en buscadores.

rem.lat/inv/7f3a91c
// step · 02

Preview rica en WhatsApp

Al compartir el link, WhatsApp y iMessage muestran una tarjeta OG de 1200×630 con el logo del evento, el nombre del homenajeado y los datos clave. Nada de la genérica del sitio.

og:image · 1200×630
// step · 03

RSVP en un tap

Un botón abre WhatsApp con el mensaje prellenado e incluye el nombre del invitado. No hay formularios, ni crear cuentas, ni instalar apps.

wa.me/502… ?text=…
// 02 — share

Se ve así en WhatsApp.

Cuando reenvías el link, WhatsApp expande una tarjeta con foto, título y descripción — no la URL genérica del sitio. La primera impresión es esa tarjeta.

La generamos como PNG estático (sharp + SVG, fuentes del sistema) y la commitimos al repo. Cero coste en runtime, cero dependencia en runtime.

  • 1200×630 · proporción óptima OG
  • Tipografía editorial · acentos dorados
  • Logo del evento + nombre del homenajeado
M

María José

en línea

Tarjeta de previsualización en WhatsApp

Invitación · Graduación de María José Hernández Castillo

Sábado 5 de diciembre de 2026 · 18:00 hrs · Universidad Galileo

rem.lat

7:03 PM

// 03 — dos variantes, mismo sistema

Cada invitado recibe solo lo que le toca.

A la izquierda, la invitación completa (graduación + cena). A la derecha, solo la cena. El sistema es el mismo — un flag por invitado decide qué se muestra. Scroll dentro de cada marco.

Variante 1 Graduación + cena
Variante 2 Solo cena · vestimenta casual
// seo + ux · Invitaciones digitales

Cómo lo posicionamos y cómo convierte.

Los patrones que aplicamos siempre que el vertical es invitaciones digitales — intención de búsqueda, schema markup, copy y decisiones de UX.

invitación digital bodarsvp por whatsappinvitación de graduación
SEO·privacidad
  • Slugs aleatorios + noindex,nofollow— listas privadas, no aparecen en buscadores
  • OG image PNG 1200×630 por evento · share rico
  • Cada invitación es una página estática prerenderizada
  • JSON-LD Event + Place opcional
UX·mobile-first
  • RSVP por WhatsApp con mensaje prellenado
  • Waze + Maps por venue · un tap a navegación
  • Cupo embebido en la invitación (1, 2, familia)
  • Tipografía editorial · papel crema + acentos dorados
Slug random · noindex
RSVP WhatsApp
OG 1200×630
// bajo el capó

Lo que realmente entregamos.

La maqueta de arriba es la cara visible. Esto es lo que va por debajo — patrones específicos al vertical de invitaciones digitales.

// cuánto cuesta

Tres formas de construir Acto de Graduación.

Esencial · 48 h Datos del evento + RSVP. Lista en 48 horas. Q 600 – Q 1,000 $100 – $100
Estudio · 5–7 d Diseño a la medida · OG card · página completa. Q 1,800 – Q 3,000 $200 – $400
Atelier · 2–3 sem Suite del evento: multi-evento + RSVP + seating. Q 5,500 – Q 9,000 $700 – $1,200
iniciar este proyecto

// rangos en GTQ — USD referencial — desglose detallado en la página de precios →