1 / 7
Documento & Presentación Técnica

Decisión Técnica y Estado del Proyecto Educatec

Construcción modular de la plataforma web para familias en Panamá: cómo habitar los territorios digitales con equilibrio y conexión.

Objetivo Central

Crear un hogar digital cálido y sin fines de lucro, que priorice la comunidad, los recursos educativos curados y el Club Escribanos, protegiendo estrictamente los datos de las familias y menores.

Definición Estratégica

Sitio propio en Next.js con servicios especializados (Mailchimp, Supabase, Tilopay), descartando modelos de tiendas rígidas como Shopify o plataformas de alto mantenimiento como WordPress.

Estrategia & Arquitectura

¿Por qué Sitio Propio en lugar de Shopify o WordPress?

Educatec es una fundación sin fines de lucro con vocación educativa y comunitaria; no una tienda transaccional.

Por qué NO Shopify

  • Enfoque comercial: Toda su interfaz gira en torno a vender productos y catálogos.
  • Cuentas muy rígidas: No permiten guardar rangos de edad de hijos ni recomendaciones personalizadas sin apps caras.
  • Costos acumulados: El plan base más plugins mensuales para membresías y suscripciones encarecen la fundación.
  • Filtros Common Sense: Difíciles de implementar nativamente con la calidez requerida.

Por qué NO WordPress (WooCommerce)

  • Vulnerabilidades y parches: Requiere mantenimiento continuo de plugins; alto riesgo con datos de familias.
  • Conflicto de plugins: Perfiles, membresías y filtros chocan entre sí y ralentizan el sitio.
  • Sensación de plantilla: Menor control sobre una experiencia de usuario cálida "de mamá a mamá".
  • Rol actual: Queda únicamente como plan de contingencia secundario.
Etapa 1 · Estado Actual

Lo que YA tenemos construido

Base sólida en producción local, modular, con diseño responsive y adaptado a mamás y familias.

Diseño Base e Identidad

Paleta TEC completa, logo animado interactivo, tipografías Bricolage Grotesque y Figtree, y modo responsive prioritario para móviles.

Inicio & Conexión

Portada cálida con foto de familia, presentación visual de la metodología TEC, sección de video/fotos y llamadas a la comunidad.

Catálogo Tipo Common Sense

Módulo de películas y series para ver en familia leídas desde JSON, filtro dinámico por edades (2-4, 5-7, 8+), calificaciones y reseñas con carátulas vía API de TMDB.

Maqueta de Ingreso

Página /ingresar interactiva que ilustra la experiencia de inicio de sesión sin almacenar datos ni comprometer seguridad.

Maqueta de Carrito

Página /carrito con la suscripción mensual del Club Escribanos ($15/mes) lista para cuando se active la pasarela.

Seguridad por Diseño

Cabeceras HTTP estrictas (CSP, X-Frame-Options, HSTS), cero almacenamiento de datos de menores en localStorage y variables en .env.example.

Integraciones

Lo que conectaremos y por qué

Delegamos las áreas críticas a plataformas especializadas de clase mundial para garantizar máxima privacidad y cero fallos.

Área Herramienta ¿Por qué elegimos esta solución?
Newsletter y Comunidad Mailchimp API Permite gestionar la lista de correos con doble consentimiento y etiquetas (ej: "Lista de espera Club"). La API se consume desde el servidor sin exponer llaves.
Base de Datos & Auth Supabase (o Clerk) Ellos custodian las contraseñas cifradas. La fundación nunca toca claves ni tarjetas. Permite reglas estrictas de acceso por familia.
Pagos & Suscripciones Tilopay (Panamá) Pasarela nacional para cobro en dólares. Usaremos su hosted checkout para que ningún dato de tarjeta bancaria toque nuestros servidores.
Despliegue & Hosting Vercel Certificados SSL automáticos, velocidad global y cumplimiento de estándares modernos de seguridad.
Hoja de Ruta

Construcción por Etapas

Un camino ordenado para lanzar rápido sin asumir riesgos técnicos prematuros.

Etapa 1: Sitio Informativo + Comunidad (En curso)

Páginas institucionales (Inicio, Quiénes somos, Club Escribanos, Recursos, Biblioteca, Comunidad, Tienda informativa). Integración con Mailchimp para newsletter y lista de espera.

Etapa 2: Cuentas de Usuario Familiares

Registro e inicio de sesión seguro con Supabase/Clerk. Perfil con rangos de edad de hijos (sin fechas de nacimiento ni nombres) y preferencias de contenido.

Etapa 3: Tienda y Pagos Simples

Integración de compra única con Tilopay (tarjetas didácticas, libros infantiles). Verificación de cobro segura desde el backend.

Etapa 4: Suscripción Recurrente del Club

Cobro mensual automático de $15/mes para el Club Escribanos, manejo de cancelaciones, pausas y reintentos automáticos.

Identidad & Ética

Identidad Visual y Privacidad

Paleta Institucional TEC

Azul Chagres (#2547A8) · T: Tecnología
Verde Selva (#1F8F6A) · E: Equilibrio
Rosa Buganvilia (#D93A78) · C: Conexión
Sol de Mamey (#F4B528) · Acento

Privacidad de Menores: Principios Inquebrantables

  • Mínima recolección: Solo pedimos rangos de edad (0-2, 3-5, 6-10, 11-14, 15-17). Jamás fechas exactas ni nombres de menores.
  • Consentimiento informado: Casilla explícita para que padres o tutores autoricen comunicaciones.
  • Sin rastreo invasivo: No se utilizan cookies ni almacenamiento local para información privada de familias.
Checklist & Próximos Pasos

Lo que falta y cómo avanzamos

Para completar la Etapa 1 y preparar las etapas siguientes:

Pendientes por Aportar (Educatec)

  • Frase oficial de propuesta de valor y textos reales para reemplazar lorem ipsum.
  • Fotos reales de equipo y fundadora; video oficial de presentación.
  • Detalles del Club Escribanos (qué viene en el sobre, logística de envío).
  • Contenidos iniciales para Biblioteca y Recursos recomendados.
  • Creación y confirmación de cuentas comerciales (Mailchimp y Tilopay).

Próximos Pasos Inmediatos

  • Paso 1: Aprobación de esta propuesta técnica y del diseño presentado.
  • Paso 2: Desarrollo de las páginas informativas restantes (Quiénes somos, Club Escribanos, Recursos, Biblioteca, Comunidad).
  • Paso 3: Conexión de Mailchimp en el formulario de la comunidad.
  • Paso 4: Pruebas de integración con Tilopay antes de habilitar ventas reales.