PASMAAIdentidad preliminar · la define Mónica
GUÍA DEL DEMO — esta página es la anotación maestra: estado de cada pieza y decisiones por tomar. · No distribuir fuera del Comité y Consejo.
Cómo leer este demo

Un borrador completo y navegable — hecho para decidir, no para imponer.

Este demo aterriza en algo tangible la Respuesta del Consejo (julio 2026) y los acuerdos de la reunión del 3 de agosto. No sustituye el trabajo de nadie: la identidad la define Mónica, la plataforma la arma Mauricio en HubSpot, y el Consejo aprueba. Sirve para ver, escoger y alinear antes de construir en serio.

Las cuatro etiquetas

Todo bloque del demo lleva una de estas

El botón flotante «Anotaciones del demo» (abajo a la derecha) las muestra u oculta en todo el sitio. Ocúltenlas para ver la página como la vería un visitante.

Texto aprobado / FuncionaContenido con redacción aprobada por el Consejo (se usa tal cual), o funcionalidad que ya opera en este demo sin depender de nada externo (bilingüe, filtros del directorio, descarga CSV, formularios con validación).
MaquetaSe ve y se navega, pero es simulación: no envía datos, no cobra, no publica. En el sitio real vive en la plataforma (HubSpot). Ejemplos: solicitud de membresía, pago, reporte institucional.
DecisiónAquí hay que escoger. El demo muestra las opciones lado a lado, con su origen (documento del Consejo o acuerdo de reunión) y quién decide.
Segunda etapaNo se construye ahora (restricción deliberada del Consejo). El demo señala dónde viviría cada pieza, para que se vea el crecimiento sin comprometer fechas.

Estado de cada pieza

Las cuatro zonas, mapeadas

Desliza para ver todas las columnas →
Zona / piezaDónde verlaEstado
Zona 1 · Qué es PASMAA, cifras, servicios, comités, beneficiosInicioTexto aprobado, montado completo
Zona 1 · Hero y llamada a la acciónInicio (arriba)Propuesta — redacción del Comité
Zona 1 · Banner de eventos + páginas de eventoInicio → EventosMaqueta con fechas de ejemplo
Zona 2 · Solicitud → verificación → pago → accesoMembresíaMaqueta navegable completa
Zona 2 · Precios $750 / $250 y reglas de renovaciónMembresía → PreciosAprobado, montado
Zona 3 · Directorio con 6 filtros + descarga CSVInterior de miembrosFunciona (datos ficticios)
Zona 3 · Contacto entre miembrosInterior → ContactarDecisión — dos opciones en vivo
Zona 3 · Descargas, Foro Consultivo, canales privadosInterior → ContenidoMaqueta + formulario demo
Zona 4 · Alianzas, cifras y Consejo DirectivoInstitucionalTexto aprobado; fotos pendientes
Zona 4 · Reporte institucional (captura de prospectos)Institucional → ReporteMaqueta funcional (idea 3-ago)
Directorio de recursos oficiales MX·US·CARecursosFunciona y ya está desplegado
Bilingüe ES/ENBotón EN del encabezadoFunciona; faltan traducciones finales
Imagen y metadatos para compartir (WhatsApp)og-demo-v2.jpg + Open Graph en todas las páginasListos — la vista previa marca «DEMO»

La lista para escoger

Diez decisiones, cada una con su dueño

Ordenadas: primero las que destraban lo demás. «Dueño» según el documento del Consejo (sección 10).

Desliza para ver todas las columnas →
#DecisiónOpciones sobre la mesaDueño
1Pasarela de pago · ver demoPagos de HubSpot / Stripe / PayPal (comisiones similares; requisito: recurrente + tarjeta en archivo)Comité recomienda · Consejo aprueba
2Plan de HubSpot · ver demoCotizar contra la lista publicada vigente de HubSpot (los montos de la reunión no son presupuesto); el interior de miembros normalmente requiere Content Hub Professional o Enterprise; Mauricio presenta cotización por escritoMauricio propone · Comité
3Directorio: filtros vs descarga · ver demoA: 6 filtros (documento) · B: descarga simple (acuerdo 3-ago) · C: ambas (así está el demo) · Recomendación externa: seis filtros + contacto intermediado, sin descarga masiva por defectoComité + Consejo
4Contacto entre miembros · ver demoA: relevo por correo desde la plataforma (documento) · B: liga directa mailto (acuerdo 3-ago)Comité
5Hero y llamada a la acción · ver demoLa propuesta del demo, u otra redacción; foto de eventos vs esfera animadaComité (expreso en 6.1)
6Identidad definitivaAjuste del logotipo actual (azul/dorado, sin escudos, sin IPADE, con la palabra PASMAA); redibujo vectorial porque no hay alta resoluciónMónica (~2 semanas, acordado 3-ago)
7Aviso de privacidad y términosPaquete legal multinacional (México · EE. UU. federal y estatal · Canadá federal/provincial) — 18 documentos, ver sección Legal. El GDPR solo se incorpora si sus criterios territoriales aplicanLegal y Contabilidad (Rolando Durán · Francisco Eguiarte)
8Fotos del Consejo y comitésEstilo LinkedIn, formales; Marifer reúne del Google Drive y pide faltantesMarifer + responsables
9Dominio y arquitecturaTodo en pasmaa.org (HubSpot) vs partes económicas separadas (p. ej. recursos en Cloudflare) — idea de Felipe 3-ago para bajar costoComité + Mauricio
10Presupuesto y calendarioEl Comité propone plataforma + marca con calendario; nada se compromete sin aprobaciónConsejo aprueba (10.2)
Ya decidido — no reabrir
  • Plataforma: contratar, no desarrollar a la medida. HubSpot, confirmado en la reunión del 3 de agosto («ya está, arráncate»).
  • Precios: USD $750 anual (cifra principal) / USD $250 trimestral solo al pagar; el total siempre visible.
  • Idioma: abre en inglés con selector a español; todo el contenido en ambos idiomas.
  • Verificación antes del pago: nadie paga sin ser aprobado; valida Marifer (manual) y la liga de pago sale automática.
  • Mantenimiento: Marifer opera el día a día (banner de eventos, perfiles, consultas); el Comité conserva la dirección editorial.
  • Correos: contacto@pasmaa.org (general y alianzas) · membership@pasmaa.org (cobro y renovación).
  • Logotipo: se ajusta el actual; sin nombre del IPADE, sin escudos, con la palabra «PASMAA».
Antes de contratar la plataforma · matriz de viabilidad HubSpot permite pagos recurrentes, pero eso no demuestra el flujo completo. Exigir demostración funcional y por escrito de:
  • Verificación del solicitante antes del pago
  • Cuota anual y trimestral recurrente con tarjeta en archivo
  • Reintentos, periodo de gracia, suspensión y reactivación automáticas
  • Los seis filtros del directorio
  • Edición del perfil por el miembro y controles de privacidad por campo
  • Contacto intermediado con reenvío por correo
  • Experiencia bilingüe
  • Exportaciones controladas y bitácora de accesos
  • Historial administrativo de cambios
  • Propiedad y exportación completa de los datos de PASMAA
  • Costo total: licencias, contactos, usuarios, onboarding, integración, soporte y comisiones
Seguridad de producción · para la plataforma El demo puede conservar sus datos ficticios; al construir en la plataforma real se exige:
  • No construir perfiles con innerHTML a partir de datos de miembros; escapar y validar todo dato introducido por usuarios (el demo ya aplica escape y lo hereda como estándar).
  • Sanitizar las exportaciones CSV contra fórmulas que inicien con =, +, - o @ (el demo ya lo hace).
  • Validación del lado del servidor, control de spam y rate limiting en todos los formularios.
  • Bitácoras de accesos, cambios y exportaciones.
  • Política CSP una vez retirados los estilos y scripts inline.

Calendario acordado

Dos semanas a la siguiente revisión

Hoy — este demo circula en el Comité

Para revisión de Mónica, Mauricio, Marcel y el Consejo: escoger sobre lo tangible.

Semana 1–2 — Mónica: identidad

Logotipo ajustado (redibujo vectorial), paleta definitiva y plantillas. Acordado: ~2 semanas.

Semana 1–2 — Mauricio: dummy en HubSpot

Primer armado del sitio en la plataforma. Este demo sirve de mapa de contenido y estructura; el CSV/estructura de campos del formulario está listo para copiarse.

Lunes en dos semanas — reunión de revisión

Misma hora. Se presentan identidad + dummy; el Consejo aprueba pasarela, presupuesto y calendario de lanzamiento (10.2).

Antes del lanzamiento

Aviso de privacidad y términos aprobados por Legal; fotos y semblanzas ajustadas; migración de los registros del formulario de Google; aprobación final del Consejo. El sitio final se publica indexable (este demo lleva «noindex» a propósito). Para producción, además: URLs /en/ y /es/ con hreflang y canonical (no depender solo del selector JavaScript), sitemap, datos estructurados Organization/Event y Search Console.


Después de la primera etapa

El mapa de crecimiento, ya bosquejado

Nada de esto se construye ahora. Se deja señalado para que el Consejo vea que la primera etapa no es el techo — y para que cada pieza tenga ya un lugar natural en el sitio cuando le llegue su momento.

Interior de miembros

Grabaciones · Mentoring · Historias y podcast

Videoteca de sesiones, registro de mentoría y postulaciones. El podcast ya tiene voluntario para conducirlo.

Valor del miembro

Concierge · Pizarra · Marketplace · Bolsa de talento

Los beneficios de segunda etapa de la tabla 6.2.6, publicados como «próxima incorporación».

Comunicación

Redes sociales · Boletín · Credencial digital

La máquina de comunicación externa y el distintivo verificado «PASMAA» para LinkedIn y firma de correo.

Medición

Tablero de KPIs y motor de referidos

Instrumentación de conversión, retención y referidos — el panel vivo que el Comité revisaría cada mes.

Segunda etapa La segunda etapa no tiene fecha: inicia cuando el Consejo la apruebe a partir de una propuesta del comité responsable (sección 2 del documento). Este demo solo deja los espacios señalados.

Empiecen aquí

Recorran el demo como lo haría un futuro miembro

Inicio → Membresía (solicitar y pagar) → Interior de miembros (directorio) → Institucional. Después oculten las anotaciones con el botón flotante y mírenlo otra vez.