Saltar al contenido

Sitio institucional · Sistema de gestión

Sitio trilingüe, contenidos y gestión en una sola plataforma

Para Círculo Italiano Joven Italia de Miramar

Portada del sitio del Círculo Italiano Joven Italia de Miramar, diseñado y desarrollado por SEBA.ar

01 · El proyecto

Una institución histórica, una plataforma actual

El Círculo Italiano Joven Italia forma parte de la vida cultural y comunitaria de Miramar desde 1889. La institución necesitaba renovar una presencia digital que reúne actividades, cursos de idiomas, salones, eventos, ciudadanía, arte, danza y más de un siglo de historia, y convertirla también en una herramienta útil para el trabajo cotidiano. SEBA.ar rediseñó y desarrolló una plataforma a medida con un sitio público en tres idiomas y un entorno privado de gestión. El proyecto incluyó el nuevo sistema visual, la arquitectura de contenidos, la migración del material histórico, los formularios, el panel administrativo, la base de datos y la infraestructura de producción.

02 · El desafío

Renovar sin perder la memoria

El desafío no era solo modernizar el sitio. Había que ordenar una propuesta institucional amplia para públicos diferentes, preservar el archivo del proyecto anterior y presentar información extensa sin volverla difícil de recorrer. El contenido debía funcionar en español, italiano e inglés, incluso cuando parte de la memoria histórica solo existía en su idioma original. Al mismo tiempo, el equipo necesitaba gestionar eventos, solicitudes de asociación, consultas por cursos, socios y conversaciones desde un espacio protegido. La solución tenía que ser clara desde un teléfono, accesible por teclado y cuidadosa con los datos personales heredados y nuevos.

03 · La solución

Contenido público y operación conectados

SEBA.ar construyó un sitio institucional en español, italiano e inglés con rutas, navegación y metadatos propios para cada idioma. La portada conecta actividades, agenda, salones, historia, archivo fotográfico, videos, asociación y contacto; el directorio de actividades organiza los cronogramas 2026 de idiomas, danza y arte con búsquedas y filtros pensados para pantallas pequeñas. La agenda separa las próximas fechas del archivo, conserva 22 eventos históricos y ofrece a cada encuentro una página permanente con estado, fecha, lugar, portada y galería. Los formularios de asociación y consulta por idiomas validan los datos en el servidor, registran consentimiento y combinan controles anti-spam con límites persistentes. En el área privada, el equipo puede crear y publicar eventos por idioma, administrar sus imágenes, revisar solicitudes e interesados, mantener el padrón de socios y gestionar cuentas y conversaciones. Un asistente virtual responde en los tres idiomas usando únicamente información pública de la institución y deriva cada próximo paso hacia destinos verificados por el servidor.

04 · Funcionalidades destacadas

Todo lo institucional, en un mismo lugar

  • Sitio institucional trilingüe

    Contenido, navegación, rutas y metadatos localizados en español, italiano e inglés, con cambio de idioma que conserva el contexto.

  • Actividades y cronogramas

    Idiomas, danza, arte, ciudadanía y propuestas culturales organizadas con filtros, horarios legibles y recorridos adaptados a cada pantalla.

  • Agenda y memoria cultural

    Próximos eventos, archivo histórico, búsqueda, estados, páginas permanentes, portadas y galerías accesibles dentro del sitio.

  • Asociación y consultas

    Formularios en los tres idiomas con validación de servidor, consentimiento, protección anti-spam y estados de envío claros.

  • Socios e interesados

    Revisión de solicitudes, seguimiento de consultas por cursos y mantenimiento del padrón desde un panel protegido.

  • CMS de eventos

    Creación, borradores y publicación por idioma, estados, fechas, sedes, portada y galería administrables por el equipo.

  • Asistente institucional con IA

    Respuestas contextuales en español, italiano e inglés, limitadas a contenido público y con acciones seguras definidas por el servidor.

  • Accesibilidad y SEO técnico

    Navegación por teclado, foco visible, diseño responsive, páginas imprimibles, canónicas, hreflang, datos estructurados y redirecciones del sitio anterior.

05 · Diseño y experiencia

Una identidad con raíces y presente

La propuesta visual combina el verde institucional con acentos inspirados en el tricolor italiano, azul y dorado. Los titulares con serif aportan un tono editorial ligado a la historia, mientras que Inter mantiene clara la navegación y las interfaces de uso diario. La sede ocupa el centro de la portada y el relato se amplía con fotografías, línea de tiempo y videos. En celulares, menús, filtros, cronogramas, galerías y formularios cambian de formato para conservar jerarquía, objetivos táctiles cómodos y recorridos accesibles.

06 · Desarrollo y tecnología

Una base preparada para crecer

Qwik 2 y Qwik Router sostienen la interfaz y el renderizado del sitio. Turso/libSQL centraliza los datos y Drizzle define el modelo de la aplicación; Vercel Edge ejecuta la plataforma y Vercel Blob aloja los medios de los eventos. Cloudflare Turnstile protege los formularios públicos y la Responses API de OpenAI impulsa el asistente institucional. Sesiones firmadas, contraseñas con hash, límites persistentes, auditoría y migraciones aditivas protegen la operación sin alterar los datos heredados.

07 · El resultado

Más claridad para la comunidad y el equipo

El Círculo Italiano cuenta hoy con una presencia digital coherente con su historia y una herramienta concreta para sostener su actividad. Quienes visitan el sitio pueden descubrir propuestas, consultar horarios y eventos, recorrer el archivo y comunicarse en su idioma. El equipo puede mantener la agenda, procesar solicitudes y consultas, administrar socios y revisar conversaciones desde un entorno centralizado. La memoria del sitio anterior sigue disponible, mientras que los nuevos contenidos se pueden publicar y gestionar sin reconstruir cada página.

El resultado anterior describe el alcance técnico documentado. No se publican métricas comerciales porque no hay ninguna registrada como confirmada.

  • Qwik
  • Turso
  • Vercel
  • Sitio trilingüe
  • Sistema de gestión
  • CMS de eventos
  • Diseño accesible
  • Asistente con IA

¿Y lo tuyo?

Una plataforma a la altura de tu institución

¿Tu institución necesita ordenar contenidos, consultas y gestión sin perder su identidad? Contame cómo funciona y pensamos una plataforma a su medida.